十六进制的颜色

红、绿和蓝

在网页上,我们用十六进制数字来设置颜色。

颜色是以绿色的混合来表示的,每种颜色可以有以下的值:

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,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

尝试把这些十六进制编码输入到上面的混色器,看看会得到什么颜色(你可以复制,然后"粘贴"到十六进制输入框里)。

我也编了一个更长的十六进制颜色和名字