|
|
OpenDL:颜色调色盘
颜色调色盘
在网页编程的过程少不了要与颜色打交道,实际上色彩的选择可以说是网站风格设计成败的至关重要的因素。
在网页编程中可以用下列四种方法来指定颜色:
- 颜色的英文名称,如: red (红)、yellow(黄)、blue(蓝)
- 十六进制值,如:#ff0000 (红)、#00ff00 (黄)、#0000ff(蓝)
- RGB 的百比分,如:rgb(100%, 0, 0)(红)、rgb(0, 100%, 0)(黄)、rgb(0, 0, 100%)(蓝)
- RGB 十进制值,如:rgb(255, 0, 0)(红)、rgb(0, 255, 0)(黄)、rgb(0, 0, 255)(蓝)
使用颜色的名称的方式,好处是相对来说,容易记——也许对英语不是母语的人这种优点不是很重要。缺点是你无法保证所有用户的浏览器都支持这些颜色名称。
我们建议使用的方式是十六进制值,原因是不论用户所使用的是什么浏览器、也不论用户显示器是如何设置的,用户总能看到你所设定的颜色,或者,至少是十分接近你所设定的颜色。虽然十六进制值刚开始不是很好记,但是,一个网站通常总是选择使用一定的色彩基调,这样,所需记忆的颜色并不会很多,而且常常使用应该是会很快“熟烂于心”的。
RGB 的百比分与 RGB 十进制值的形式只能用在 CSS 中的。相对说来,不如十六进制值的方式使用的范围广。
在使用颜色的过程中,常常还有一个问题,即背景与字的颜色的配搭。错误的配搭将会严重影响网站的可读性。
为此,我们设计提供了下面这个颜色调色盘的工具来帮助你决定在特定背景下,应该选择什么样的字的颜色。
在下面的表格中,当你单击颜色的英文名称时,表格的背景将会改成你所选择的颜色,而十六进制值字体的颜色会保持不变并且总是用该值所指定的颜色来显示。
如果,你想知道这些颜色的中文名称可以访问“计算机术语辞典”。
| 颜色 |
十六进制值 |
RGB值 |
颜色 |
十六进制值 |
RGB |
颜色 |
十六进制值 |
RGB值 |
| aliceblue |
f0f8ff
|
(17,17,17)
|
antiquewhite |
faebd7
|
(17,17,24)
|
aqua |
00ffff
|
(17,17,17)
|
| aquamarine |
7fffd4
|
(129,17,21)
|
azure |
f0ffff
|
(17,17,17)
|
beige |
f5f5dc
|
(22,22,17)
|
| bisque |
ffe4c4
|
(17,21,21)
|
black |
000000
|
(17,17,17)
|
blanchedalmond |
ffebcd
|
(17,17,17)
|
| blue |
0000ff
|
(17,17,17)
|
blueviolet |
8a2be2
|
(17,49,19)
|
brown |
a52a2a
|
(22,49,49)
|
| burlywood |
deb887
|
(17,17,24)
|
cadetblue |
5f9ea0
|
(97,145,17)
|
chartreuse |
7fff00
|
(129,17,17)
|
| chocolate |
d2691e
|
(19,121,33)
|
coral |
ff7f50
|
(17,129,97)
|
cornflowerblue |
6495ed
|
(117,150,17)
|
| cornsilk |
fff8dc
|
(17,17,17)
|
crimson |
dc143c
|
(17,37,65)
|
cyan |
00ffff
|
(17,17,17)
|
| darkblue |
00008b
|
(17,17,17)
|
darkcyan |
008b8b
|
(17,17,17)
|
darkgoldenrod |
b8b60b
|
(17,23,17)
|
| darkgray |
a9a9a9
|
(25,25,25)
|
darkgreen |
006400
|
(17,117,17)
|
darkkhaki |
bdb76b
|
(17,24,113)
|
| darkmagenta |
8b008b
|
(17,17,17)
|
darkolivegreen |
556b2f
|
(102,113,49)
|
darkorange |
ff8c00
|
(17,17,17)
|
| darkorchid |
9932cc
|
(153,67,17)
|
darkred |
8b0000
|
(17,17,17)
|
darksalmon |
e9967a
|
(25,151,129)
|
| darkseagreen |
8fbc8f
|
(17,17,17)
|
darkslateblue |
483d8b
|
(81,65,17)
|
darkslategray |
2f4f4f
|
(49,81,81)
|
| darkturquoise |
00ced1
|
(17,17,18)
|
darkviolet |
9400d3
|
(149,17,20)
|
deeppink |
ff1493
|
(17,37,148)
|
| deepskyblue |
00bfff
|
(17,17,17)
|
dimgray |
696969
|
(121,121,121)
|
dodgerblue |
1e90ff
|
(33,145,17)
|
| firebrick |
b22222
|
(19,51,51)
|
floralwhite |
fffaf0
|
(17,17,17)
|
forestgreen |
228b22
|
(51,17,51)
|
| fuchsia |
ff00ff
|
(17,17,17)
|
gainsboro |
dcdcdc
|
(17,17,17)
|
ghostwhite |
f8f8ff
|
(17,17,17)
|
| gold |
ffd700
|
(17,24,17)
|
goldenrod |
daa520
|
(17,22,49)
|
gray |
808080
|
(17,17,17)
|
| green |
008000
|
(17,17,17)
|
greenyellow |
adff2f
|
(17,17,49)
|
honeydew |
f0fff0
|
(17,17,17)
|
| hotpink |
ff69b4
|
(17,121,21)
|
indianred |
cd5c5c
|
(17,97,97)
|
indigo |
4b0082
|
(81,17,19)
|
| ivory |
fffff0
|
(17,17,17)
|
khaki |
f0e68c
|
(17,23,17)
|
lavender |
e6e6fa
|
(23,23,17)
|
| lavenderblush |
fff0f5
|
(17,17,22)
|
lawngreen |
7cfc00
|
(129,17,17)
|
lemonchiffon |
fffacd
|
(17,17,17)
|
| lightblue |
add8e6
|
(17,17,23)
|
lightcoral |
f08080
|
(17,17,17)
|
lightcyan |
e0ffff
|
(17,17,17)
|
| lightgoldenrodyellow |
fafad2
|
(17,17,19)
|
lightgreen |
90ee90
|
(145,17,145)
|
lightgrey |
d3d3d3
|
(20,20,20)
|
| lightpink |
ffb6c1
|
(17,23,18)
|
lightsalmon |
ffa07a
|
(17,17,129)
|
lightseagreen |
20b2aa
|
(49,19,17)
|
| lightskyblue |
87cefa
|
(24,17,17)
|
lightslategray |
778899
|
(136,17,153)
|
lightsteelblue |
b0c4de
|
(17,21,17)
|
| lightyellow |
ffffe0
|
(17,17,17)
|
lime |
00ff00
|
(17,17,17)
|
limegreen |
32cd32
|
(67,17,67)
|
| linen |
faf0e6
|
(17,17,23)
|
magenta |
ff00ff
|
(17,17,17)
|
maroon |
800000
|
(17,17,17)
|
| mediumaquamarine |
66cdaa
|
(119,17,17)
|
mediumblue |
0000cd
|
(17,17,17)
|
mediumorchid |
ba55d3
|
(17,102,20)
|
| mediumpurple |
9370db
|
(148,129,17)
|
mediumseagreen |
3cb371
|
(65,20,130)
|
mediumslateblue |
7b68ee
|
(129,113,17)
|
| mediumspringgreen |
00fa9a
|
(17,17,145)
|
mediumturquoise |
48d1cc
|
(81,18,17)
|
mediumvioletred |
c71585
|
(24,38,22)
|
| midnightblue |
191970
|
(41,41,129)
|
mintcream |
f5fffa
|
(22,17,17)
|
mistyrose |
ffe4e1
|
(17,21,18)
|
| moccasin |
ffe4b5
|
(17,21,22)
|
navajowhite |
ffdead
|
(17,17,17)
|
navy |
000080
|
(17,17,17)
|
| oldlace |
fdf5e6
|
(17,22,23)
|
olive |
808000
|
(17,17,17)
|
olivedrab |
6b8e23
|
(113,17,52)
|
| orange |
ffa500
|
(17,22,17)
|
orangered |
ff4500
|
(17,86,17)
|
orchid |
da70d6
|
(17,129,23)
|
| palegoldenrod |
eee8aa
|
(17,17,17)
|
palegreen |
98fb98
|
(145,17,145)
|
paleturquoise |
afeeee
|
(17,17,17)
|
| palevioletred |
db7093
|
(17,129,148)
|
papayawhip |
ffefd5
|
(17,17,22)
|
peachpuff |
ffdab9
|
(17,17,25)
|
| peru |
cd853f
|
(17,22,65)
|
pink |
ffc0cd
|
(17,17,17)
|
plum |
dda0dd
|
(17,17,17)
|
| powderblue |
b0e0e6
|
(17,17,23)
|
purple |
800080
|
(17,17,17)
|
red |
ff0000
|
(17,17,17)
|
| rosybrown |
bc8f8f
|
(17,17,17)
|
royalblue |
4169e1
|
(82,121,18)
|
saddlebrown |
8b4513
|
(17,86,36)
|
| salmon |
fa8072
|
(17,17,131)
|
sandybrown |
f4a460
|
(21,21,113)
|
seagreen |
2e8b57
|
(49,17,104)
|
| seashell |
fff5ee
|
(17,22,17)
|
sienna |
a0522d
|
(17,99,49)
|
silver |
c0c0c0
|
(17,17,17)
|
| skyblue |
87ceed
|
(24,17,17)
|
slateblue |
6a5acd
|
(113,97,17)
|
slategray |
708090
|
(129,17,145)
|
| snow |
fffafa
|
(17,17,17)
|
springgreen |
00ff7f
|
(17,17,129)
|
steelblue |
4682b4
|
(87,19,21)
|
| tan |
d2b48c
|
(19,21,17)
|
teal |
008080
|
(17,17,17)
|
thistle |
d8bfd8
|
(17,17,17)
|
| tomato |
ff6347
|
(17,116,88)
|
turquoise |
40e0d0
|
(81,17,17)
|
violet |
ee82ee
|
(17,19,17)
|
| wheat |
f5deb3
|
(22,17,20)
|
white |
ffffff
|
(17,17,17)
|
whitesmoke |
f5f5f5
|
(22,22,22)
|
| yellow |
ffff00
|
(17,17,17)
|
yellowgreen |
a9cd32
|
(25,17,67)
|
|