十六进制的颜色
红、绿和蓝
在网页上,我们用十六进制数字来设置颜色。
颜色是以红、绿 和蓝色的混合来表示的,每种颜色可以有以下的值:
0 到 255 (十进制),或 |
00 到 FF (十六进制) |
一个颜色可以用Red(红)、Green(绿)和Blue(蓝)色混合来形成。这样创造颜色的方法叫"RGB颜色系统"。 这也是一个"加法"混色系统,因为它从黑色开始,然后再加上颜色。 |
混色器
尝试自己来混和颜色,看看这是怎样产生的 (你也可以直接把十六进或十进数输进文字框):
也可以去互动颜色轮看看。
十六进数
十六进数对于电脑,可以说是"与生俱来"的,因为电脑储存及运用二进制数字,而四位二进制数字便形成了一位十六进制数字(看看二进制数字):
十进制: | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
二进制: | 0 | 1 | 10 | 11 | 100 | 101 | 110 | 111 | 1000 | 1001 | 1010 | 1011 | 1100 | 1101 | 1110 | 1111 |
十六进制: | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F |
两个十六进制数字放在一起(叫一个"字节")可以形成 16×16=256 个不同的颜色级别。
一千六百万个颜色
因为有红绿蓝三个颜色,而每个颜色都可以有从 0 到 255 的值 (256 个可能的值),那么总共有:
256 × 256 × 256 | = 2563 |
= 16,777,216 个可能的颜色组合 |
(这就是为什么电脑设备都说 "一千六百万色")
Web 上使用的格式
在网页上用的格式("记号法")是#RRGGBB,其中 RR 是 R(红)的级别(用两个十六进制数字来表达),GG 是 G(绿)的级别,而 BB 是 B(蓝)的级别。
例子:一个漂亮的蓝色是这样形成的:
- 64/255 R(红),
- 48/255 G(绿)
- 255/255 (全部) B(蓝)
它用十进制表示是(64,48,255),用十六进制表示就是(40,30,FF),写出来是 #4030FF。
这样可以帮助你记住它:
玫瑰是#FF0000
紫罗兰是#0000FF
但别忘了,
草是#00FF00。
一些常见颜色
颜色 |
十进制 (R(红),G(绿),B(蓝)) |
十六进制 (#RRGGBB) |
黑 | (0、0、0) | #000000 |
白 | (255,255,255) | #FFFFFF |
红 | (255,0,0) | #FF0000 |
绿 | (0,255,0) | #00FF00 |
蓝 | (0,0,255) | #0000FF |
黄 | (255,255,0) | #FFFF00 |
青 | (0、255、255) | #00FFFF |
洋红 | (255、0、255) | #FF00FF |
尝试把这些十六进制编码输入到上面的混色器,看看会得到什么颜色(你可以复制,然后"粘贴"到十六进制输入框里)。
我也编了一个更长的十六进制颜色和名字。