RGB颜色与16进制颜色的换算方法(转载)

网页中表示颜色的常见方法有:
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不用说了吧,倒过来就行了

  • 4
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值