您的位置:首页 > 其它

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

2015-01-16 21:30 267 查看
网页中表示颜色的常见方法有:

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对照表
RGBHEX
000
101
202
303
404
505
606
707
808
909
100A
110B
120C
130D
140E
150F
1610
1711
1812
1913
2014
2115
2216
2317
2418
2519
261A
271B
281C
291D
301E
311F
3220
3321
3422
3523
3624
3725
3826
3927
4028
4129
422A
432B
442C
452D
462E
472F
4830
4931
5032
5133
5234
5335
5436
5537
5638
5739
583A
593B
603C
613D
623E
633F
6440
6541
6642
6743
6844
6945
7046
7147
7248
7349
744A
754B
764C
774D
784E
794F
8050
8151
8252
8353
8454
8555
8656
8757
8858
8959
905A
915B
925C
935D
945E
955F
9660
9761
9862
9963
10064
10165
10266
10367
10468
10569
1066A
1076B
1086C
1096D
1106E
1116F
11270
11371
11472
11573
11674
11775
11876
11977
12078
12179
1227A
1237B
1247C
1257D
1267E
1277F
12880
12981
13082
13183
13284
13385
13486
13587
13688
13789
1388A
1398B
1408C
1418D
1428E
1438F
14490
14591
14692
14793
14894
14995
15096
15197
15298
15399
1549A
1559B
1569C
1579D
1589E
1599F
160A0
161A1
162A2
163A3
164A4
165A5
166A6
167A7
168A8
169A9
170AA
171AB
172AC
173AD
174AE
175AF
176B0
177B1
178B2
179B3
180B4
181B5
182B6
183B7
184B8
185B9
186BA
187BB
188BC
189BD
190BE
191BF
192C0
193C1
194C2
195C3
196C4
197C5
198C6
199C7
200C8
201C9
202CA
203CB
204CC
205CD
206CE
207CF
208D0
209D1
210D2
211D3
212D4
213D5
214D6
215D7
216D8
217D9
218DA
219DB
220DC
221DD
222DE
223DF
224E0
225E1
226E2
227E3
228E4
229E5
230E6
231E7
232E8
233E9
234EA
235EB
236EC
237ED
238EE
239EF
240F0
241F1
242F2
243F3
244F4
245F5
246F6
247F7
248F8
249F9
250FA
251FB
252FC
253FD
254FE
255FF
通过这张表我们可以发现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不用说了吧,倒过来就行了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐