WEB开发十进制RGB颜色转化为标准代码或十六进制

今天做web交互的时候对服务器下发的rgb色百思不得其解，竟然是一串数字而且还有负数，后来观察了几列数据后发现其白色有可能为16777215或-1，那么意味着当数字小于0时会加上16777216，于是我百度了一下这个数字顿时茅塞顿开，原来是rgb所能表达的最大颜色(256 * 256 * 256)，但是网页肯定必须使用rgb或者十六进制来表示，那么就写了个函数来转换一下：

// 转化为 255,255,255 这样的格式

function rgbFormat  (value) {var r = (value & 0xff0000) >> 16;var g = (value & 0x00ff00) >> 8;var b = (value & 0x0000ff);return r + ',' + g + ',' + b;
}

// 转换为十六进制 prefix增加前缀可以方便直接生成带#号的颜色

function rgbHex (value, prefix) {var code = parseInt(value);var prefix = prefix || '';if (code < 0) {code = (256 * 256 * 256) + code;}var hex = code.toString(16);return prefix + (Array(6).join(0) + hex).slice(-6);
}    var code = parseInt(value);var prefix = prefix || '';if (code < 0) {code = (256 * 256 * 256) + code;}var hex = code.toString(16);return prefix + (Array(6).join(0) + hex).slice(-6);
}

转换为16进制的时候关键要注意小于0时补成正数，以及十六进制不满6位不足自动补零（不然浏览器也识别不出来）

WEB开发十进制RGB颜色转化为标准代码或十六进制相关推荐

Google Web开发最佳实践（一）
这篇文章最初是在阿里通信前端团队的github博客(http://aliqin.github.io)上看到的,原文地址https://developers.google.com/web/fundame ...
知识图谱开发实战案例剖析_我从剖析Web开发人员路线图中学到的知识
知识图谱开发实战案例剖析 by Nicole Archambault 妮可·阿坎巴特(Nicole Archambault) 我从剖析Web开发人员路线图中学到的知识 (What I learned ...
安卓Android RGB颜色查询对照表
开发,RGB颜色编码表必须得有好像看的一团糊,但手机看的很清楚
web开发与django认识 MVC和MVT的区别路由的匹配
文章目录一.web开发 1.简介 2.客户端服务器请求过程 3.web开发思维二.Django 1.Django简介 2.Django与flask的优缺点 3.Django的环境安装 4.virt ...
Web开发项目——学生选课系统
Web开发项目--学生选课系统完整项目代码+数据库文件(采用springMVC三层架构+MySQL) 学生登录界面欢迎界面,可进行功能选择个人信息查询密码修改,修改后数据库数据也会变化根据教授该 ...
《Web 标准实战》——Web开发人员必读的一本书
<Web 标准实战>--Web开发人员必读的一本书精彩推荐:图灵4月精彩新书预告原书名:Web Standards Solutions: The Markup and Style ...
jsp快到截止日期字体颜色变色_jsp页面中字体变色问题 - Java / Web 开发
jsp页面中字体变色问题 - Java / Web 开发 [@title] function diyCheck(){ var fm = document.frmMain; s1=fm.YEAR.val ...
web开发中颜色名称及颜色代码，BGB
http://www.sojson.com/rgb.html //RGB颜色(xxx,xxx,xxx) 转自:http://blog.csdn.net/singit/article/details/ ...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...

WEB开发十进制RGB颜色转化为标准代码或十六进制

WEB开发十进制RGB颜色转化为标准代码或十六进制相关推荐

最新文章

热门文章

WEB开发 十进制RGB颜色转化为标准代码或十六进制

WEB开发 十进制RGB颜色转化为标准代码或十六进制相关推荐

最新文章

热门文章

WEB开发十进制RGB颜色转化为标准代码或十六进制

WEB开发十进制RGB颜色转化为标准代码或十六进制相关推荐