RGB颜色与16进制颜色的换算方法

RGB颜色与16进制颜色的换算方法
2013 年 1 月 6 日
网页中表示颜色的常见方法有:
1.Color Name(颜色名称) 用颜色名称来指定颜色，这种方法简洁直观，一看就知道是什么颜色，但最大的缺点是颜色的名称太少，不能有效的表示一些较丰富的颜色
2.RGB(RGB记法)
3.HEX(十六进制记法)
RGB记法和十六进制记法都能很好的表示出一些较为丰富的颜色，但是我们用到16进制的比较多，语法为#RRGGBB，下面说下我刚研究出来的转换方法:
我们都知道
RGB记法rgb(255,255,255)=十六进制记法#FFFFFF，都表示白色
RGB记法rgb(0,0,0)=十六进制记法#000000，都表示黑色
那么RGB记法rgb(100,150,245)=十六进制记法#
RGB的取值都是0~255，HEX的取值为0123456789ABCDEF这16个字符，下面看看RGB-HEX对照表
通过这张表我们可以发现rgb中的0对应HEX的00，1对应01……9对应09
10则对应0A，11对应0B……15对应0F
16对应了10
这里总共17对,除去一对特殊的0对应00,剩下的16对
大家都应该发现规律了吧，rgb的数值是16乘以HEX的第一位
加上HEX的第二位，数字10一下的RGB和HEX都是相同的，不同的是HEX是两位数,在前面补0就可以了，10对应A，11对应B，12对应C，13对应D，14对应E，15对应F，下面通过例子来说明RGB到HEX的换算办法
例1:rgb(11,111,222)=#
11÷16=0余11 11对应B 前面补0 那么HEX的数据为0B
111÷16=6余15 15对应F 那么HEX的数据为6F
222÷16=13余14 13对应D 14对应E 那么HEX的数据为DE 合起来HEX的数据就为#0B6FDE
例2:rgb(0,16,255)=#
0直接对应00
16÷16=1余0 则HEX的数据为10
255÷16=15余15 15对应F 则HEX的数据为FF
合起来HEX的数据就为#0010FF
HEX转换RGB不用说了吧,倒过来就行了
本文首发地址:/275 转载请注明出处。