CSS 颜色

颜色是由红(RED),绿(GREEN),蓝(BLUE )光线的显示结合。

颜色值

CSS中定义颜色使用十六进制(hex)表示法为红,绿,蓝的颜色值结合。可以是最低值是0(十六进制00)到最高值是255(十六进制FF)
3个双位数字的十六进制值写法,以#符号开始。

颜色实例

Color
Color HEX
Color RGB

 
#000000
rgb(0,0,0)

 
#FF0000
rgb(255,0,0)

 
#00FF00
rgb(0,255,0)

 
#0000FF
rgb(0,0,255)

 
#FFFF00
rgb(255,255,0)

 
#00FFFF
rgb(0,255,255)

 
#FF00FF
rgb(255,0,255)

 
#C0C0C0
rgb(192,192,192)

 
#FFFFFF
rgb(255,255,255)

尝试一下 »

1600多万个不同的颜色
红,绿,蓝值从0到255的结合,给出了总额超过1600多万不同的颜色(256 × 256 ×256)。
现代大多数显示器能够显示至少16384种颜色。
如果你看看下面的颜色表,你会看到从0到255不同的红灯颜色。
要看到充满色彩混合时红灯从0到255变化,单击十六进制或RGB值。

红光
16进制值
RGB

#000000
rgb(0,0,0)

#080000
rgb(8,0,0)

#100000
rgb(16,0,0)

#180000
rgb(24,0,0)

#200000
rgb(32,0,0)

#280000
rgb(40,0,0)

#300000
rgb(48,0,0)

#380000
rgb(56,0,0)

#400000
rgb(64,0,0)

#480000
rgb(72,0,0)

#500000
rgb(80,0,0)

#580000
rgb(88,0,0)

#600000
rgb(96,0,0)

#680000
rgb(104,0,0)

#700000
rgb(112,0,0)

#780000
rgb(120,0,0)

#800000
rgb(128,0,0)

#880000
rgb(136,0,0)

#900000
rgb(144,0,0)

#980000
rgb(152,0,0)

#A00000
rgb(160,0,0)

#A80000
rgb(168,0,0)

#B00000
rgb(176,0,0)

#B80000
rgb(184,0,0)

#C00000
rgb(192,0,0)

#C80000
rgb(200,0,0)

#D00000
rgb(208,0,0)

#D80000
rgb(216,0,0)

#E00000
rgb(224,0,0)

#E80000
rgb(232,0,0)

#F00000
rgb(240,0,0)

#F80000
rgb(248,0,0)

#FF0000
rgb(255,0,0)

灰阶
灰阶代表了由最暗到最亮之间不同亮度的层次级别,为了使您更容易选择合适的灰色,我们已编制了灰色色调的表:

灰阶
HEX
RGB

#000000
rgb(0,0,0)

#080808
rgb(8,8,8)

#101010
rgb(16,16,16)

#181818
rgb(24,24,24)

#202020
rgb(32,32,32)

#282828
rgb(40,40,40)

#303030
rgb(48,48,48)

#383838
rgb(56,56,56)

#404040
rgb(64,64,64)

#484848
rgb(72,72,72)

#505050
rgb(80,80,80)

#585858
rgb(88,88,88)

#606060
rgb(96,96,96)

#686868
rgb(104,104,104)

#707070
rgb(112,112,112)

#787878
rgb(120,120,120)

#808080
rgb(128,128,128)

#888888
rgb(136,136,136)

#909090
rgb(144,144,144)

#989898
rgb(152,152,152)

#A0A0A0
rgb(160,160,160)

#A8A8A8
rgb(168,168,168)

#B0B0B0
rgb(176,176,176)

#B8B8B8
rgb(184,184,184)

#C0C0C0
rgb(192,192,192)

#C8C8C8
rgb(200,200,200)

#D0D0D0
rgb(208,208,208)

#D8D8D8
rgb(216,216,216)

#E0E0E0
rgb(224,224,224)

#E8E8E8
rgb(232,232,232)

#F0F0F0
rgb(240,240,240)

#F8F8F8
rgb(248,248,248)

#FFFFFF
rgb(255,255,255)

网络安全色?
若干年前,当计算机支持最大256个不同的颜色,一个216”网络安全颜色”列表被建议作为Web标准,保留了40个固定的系统颜色。
这在现在看来不是很重要,因为大多数计算机可以显示数百万种不同的色彩,但选择是留给你。
跨浏览器的调色板创建,以确保所有的计算机将显示正确的颜色,运行一个256色调色板:

000000
000033
000066
000099
0000CC
0000FF

003300
003333
003366
003399
0033CC
0033FF

006600
006633
006666
006699
0066CC
0066FF

009900
009933
009966
009999
0099CC
0099FF

00CC00
00CC33
00CC66
00CC99
00CCCC
00CCFF

00FF00
00FF33
00FF66
00FF99
00FFCC
00FFFF

330000
330033
330066
330099
3300CC
3300FF

333300
333333
333366
333399
3333CC
3333FF

336600
336633
336666
336699
3366CC
3366FF

339900
339933
339966
339999
3399CC
3399FF

33CC00
33CC33
33CC66
33CC99
33CCCC
33CCFF

33FF00
33FF33
33FF66
33FF99
33FFCC
33FFFF

660000
660033
660066
660099
6600CC
6600FF

663300
663333
663366
663399
6633CC
6633FF

666600
666633
666666
666699
6666CC
6666FF

669900
669933
669966
669999
6699CC
6699FF

66CC00
66CC33
66CC66
66CC99
66CCCC
66CCFF

66FF00
66FF33
66FF66
66FF99
66FFCC
66FFFF

990000
990033
990066
990099
9900CC
9900FF

993300
993333
993366
993399
9933CC
9933FF

996600
996633
996666
996699
9966CC
9966FF

999900
999933
999966
999999
9999CC
9999FF

99CC00
99CC33
99CC66
99CC99
99CCCC
99CCFF

99FF00
99FF33
99FF66
99FF99
99FFCC
99FFFF

CC0000
CC0033
CC0066
CC0099
CC00CC
CC00FF

CC3300
CC3333
CC3366
CC3399
CC33CC
CC33FF

CC6600
CC6633
CC6666
CC6699
CC66CC
CC66FF

CC9900
CC9933
CC9966
CC9999
CC99CC
CC99FF

CCCC00
CCCC33
CCCC66
CCCC99
CCCCCC
CCCCFF

CCFF00
CCFF33
CCFF66
CCFF99
CCFFCC
CCFFFF

FF0000
FF0033
FF0066
FF0099
FF00CC
FF00FF

FF3300
FF3333
FF3366
FF3399
FF33CC
FF33FF

FF6600
FF6633
FF6666
FF6699
FF66CC
FF66FF

FF9900
FF9933
FF9966
FF9999
FF99CC
FF99FF

FFCC00
FFCC33
FFCC66
FFCC99
FFCCCC
FFCCFF

FFFF00
FFFF33
FFFF66
FFFF99
FFFFCC
FFFFFF