HTML 颜色代码是表示计算机可以读取和显示的颜色格式的媒介。最常用的颜色代码是十六进制代码。 Hex 码是三字节的十六进制数(由六个变量组成),Hex 码中有一对字符,分别代表颜色中红、绿、蓝的强度。
十六进制颜色代码的格式:每个十六进制颜色代码包含符号“#”,后跟 6 个字母或数字。数字采用十六进制数字系统。有 1,67,77,216 种不同的颜色可能性。代码的00值范围表示颜色的最低强度,而代码的FF值范围表示最高强度。
十六进制代码的含义:
- 十六进制颜色代码中的第一个和第二个变量表示红色的强度。
- 第三个和第四个变量代表绿色的强度。
- 第5 个和第 6 个变量 代表蓝色的强度。
- 通过组合红色、绿色和蓝色的强度,几乎可以制成任何颜色。
白色是代表十六进制颜色代码#FFFFFF 的全强度三基色的混合。
黑色是代表颜色代码#000000的最低强度的三基色的混合。
例子:
#FF0000 – This HTML color code shows just red and no green and no blue.
#00FF00 – This HTML color code shows just green and no red and blue.
#0000FF – This HTML color code shows just blue and no red and green.
#FFFF00 – This HTML color code is a mixture of red and green colors defined as yellow.
#CCEEFF – This HTML color code is a mixture of more green and maximum blue provides color like the sky.
一些常见的 HTML 颜色代码列表:
COLOR NAME |
HEX COLOR CODE |
RGB COLOR CODE |
---|---|---|
SILVER |
#C0C0C0 |
RGB(192, 192, 192) |
GRAY |
#808080 |
RGB(128, 128, 128) |
MAROON |
#800000 |
RGB(128, 0, 0) |
OLIVE |
#808000 |
RGB(128, 128, 0) |
LIME |
#00FF00 |
RGB(0, 255, 0) |
AQUA |
#00FFFF |
RGB(0, 255, 255) |
TEAL |
#008080 |
RGB(0, 128, 128) |
NAVY |
#000080 |
RGB(0, 0, 128) |
FUCHSIA |
#FF00FF |
RGB(255, 0, 255) |
PURPLE |
#800080 |
RGB(128, 0, 128) |
INDIANRED |
#CD5C5C |
RGB(205, 92, 92) |
LIGHTCORAL |
#F08080 |
RGB(240, 128, 128) |
SALMON |
#FA8072 |
RGB(250, 128, 114) |
DARKSALMON |
#E9967A |
RGB(233, 150, 122) |
LIGHTSALMON |
#FFA07A |
RGB(255, 160, 122) |
具有基本单色饱和度和可以使用的颜色亮度的十六进制颜色代码:
红色的色调:
Color Name |
HTML Color Code |
RGB Color Code |
---|---|---|
lightsalmon |
#FFA07A |
rgb(255,160,122) |
salmon |
#FA8072 |
rgb(250,128,114) |
darksalmon |
#E9967A |
rgb(233,150,122) |
lightcoral |
#F08080 |
rgb(240,128,128) |
indianred |
#CD5C5C |
rgb(205,92,92) |
crimson |
#DC143C |
rgb(220,20,60) |
firebrick |
#B22222 |
rgb(178,34,34) |
red |
#FF0000 |
rgb(255,0,0) |
darkred |
#8B0000 |
rgb(139,0,0) |
橙色的色调:
Color Name |
HTML Color Code |
RGB Color Code |
---|---|---|
coral |
#FF7F50 |
rgb(255,127,80) |
tomato |
#FF6347 |
rgb(255,99,71) |
orangered |
#FF4500 |
rgb(255,69,0) |
gold |
#FFD700 |
rgb(255,215,0) |
orange |
#FFA500 |
rgb(255,165,0) |
darkorange |
#FF8C00 |
rgb(255,140,0) |
黄色的色调:
Color Name |
HTML Color Code |
RGB Color Code |
---|---|---|
lightyellow |
#FFFFE0 |
rgb(255,255,224) |
lemonchiffon |
#FFFACD |
rgb(255,250,205) |
papayawhip |
#FFEFD5 |
rgb(255,239,213) |
moccasin |
#FFE4B5 |
rgb(255,228,181) |
peachpuff |
#FFDAB9 |
rgb(255,218,185) |
palegoldenrod |
#EEE8AA |
rgb(238,232,170) |
khaki |
#F0E68C |
rgb(240,230,140) |
darkkhaki |
#BDB76B |
rgb(189,183,107) |
yellow |
#FFFF00 |
rgb(255,255,0) |
绿色色调:
Color Name |
HTML Color Code |
RGB Color Code |
---|---|---|
lawngreen |
#7CFC00 |
rgb(124,252,0) |
limegreen |
#32CD32 |
rgb(50,205,50) |
lime |
#00FF00 |
rgb(0,255,0) |
forestgreen |
#228B22 |
rgb(34,139,34) |
darkgreen |
#006400 |
rgb(0,100,0) |
springgreen |
#00FF7F |
rgb(0,255,127) |
mediumspringgreen |
#00FA9A |
rgb(0,250,154) |
palegreen |
#98FB98 |
rgb(152,251,152) |
seagreen |
#2E8B57 |
rgb(46,139,87) |
蓝色色调:
Color Name |
HTML Color Code |
RGB Color Code |
---|---|---|
powderblue |
#B0E0E6 |
rgb(176,224,230) |
lightskyblue |
#87CEFA |
rgb(135,206,250) |
skyblue |
#87CEEB |
rgb(135,206,235) |
deepskyblue |
#00BFFF |
rgb(0,191,255) |
dodgerblue |
#1E90FF |
rgb(30,144,255) |
cornflowerblue |
#6495ED |
rgb(100,149,237) |
steelblue |
#4682B4 |
rgb(70,130,180) |
royalblue |
#4169E1 |
rgb(65,105,225) |
mediumblue |
#0000CD |
rgb(0,0,205) |
白色色调:
Color Name | HTML Color Code | RGB Color Code |
---|---|---|
snow | #FFFAFA | rgb(255,250,250) |
honeydew | #F0FFF0 | rgb(240,255,240) |
azure | #F0FFFF | rgb(240,255,255) |
ghostwhite | #F8F8FF | rgb(248,248,255) |
whitesmoke | #F5F5F5 | rgb(245,245,245) |
mintcream | #F5FFFA | rgb(245,255,250) |
ivory | #FFFFF0 | rgb(255,255,240) |
floralwhite | #FFFAF0 | rgb(255,250,240) |
antiquewhite | #FAEBD7 | rgb(250,235,215) |
棕色色调:
Color Name | HTML Color Code | RGB Color Code |
---|---|---|
blanchedalmond | #FFEBCD | rgb(255,235,205) |
bisque | #FFE4C4 | rgb(255,228,196) |
wheat | #F5DEB3 | rgb(245,222,179) |
burlywood | #DEB887 | rgb(222,184,135) |
tan | #D2B48C | rgb(210,180,140) |
rosybrown | #BC8F8F | rgb(188,143,143) |
sandybrown | #F4A460 | rgb(244,164,96) |
chocolate | #D2691E | rgb(210,105,30) |
saddlebrown | #8B4513 | rgb(139,69,19) |
sienna | #A0522D | rgb(160,82,45) |
brown | #A52A2A | rgb(165,42,42) |
HTML 是网页的基础,用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。