CSS - 颜色参考


下表显示了 HTML 3.2 中引入的 16 种颜色名称,以支持 8 位显卡提供的 16 种颜色。CSS 中可以使用相同的颜色集 -

颜色名称 十六进制值 颜色 展示
阿夸 #00ffff 演示
黑色的 #000000 演示
蓝色的 #0000ff 演示
紫红色 #ff00ff 演示
绿色的 #008000 演示
灰色的 #808080 演示
酸橙 #00ff00 演示
栗色 #800000 演示
海军 #000080 演示
橄榄 #808000 演示
紫色的 #800080 演示
红色的 #ff0000 演示
#c0c0c0 演示
青色 #008080 演示
白色的 #ffffff 演示
黄色的 #ffff00 演示

还有其他颜色,它们不是 HTML 或 XHTML 的一部分,但大多数 IE 或 Netscape 版本都支持它们。这些颜色名称也可以在 CSS 中使用。

颜色名称 十六进制值 颜色 展示
爱丽丝蓝 #f0f8ff 演示
古董白 #faebd7 演示
蓝晶 #7fffd4 演示
天蓝色的 #f0ffff 演示
浅褐色的 #f5f5dc 演示
浓汤 #ffe4c4 演示
白杏仁 #ffebcd 演示
紫罗兰色 #8a2be2 演示
棕色的 #a52a2a 演示
伯利伍德 #deb887 演示
学员蓝 #5f9ea0 演示
黄绿色 #7fff00 演示
巧克力 #d2691e 演示
珊瑚 #ff7f50 演示
矢车菊蓝色 #6495ed 演示
玉米丝 #fff8dc 演示
赤红 #dc143c 演示
青色 #00ffff 演示
深蓝 #00008b 演示
深青色 #008b8b 演示
暗金菊 #b8860b 演示
深灰色 #a9a9a9 演示
深绿色 #006400 演示
深卡其色 #bdb76b 演示
深洋红色 #8b008b 演示
深橄榄绿 #556b2f 演示
深橙色 #ff8c00 演示
暗兰花 #9932cc 演示
深红 #8b0000 演示
黑鲑鱼 #e9967a 演示
深海绿 #8fbc8f 演示
深石板蓝 #483d8b 演示
深石板灰色 #2f4f4f 演示
深绿松石色 #00ced1 演示
深紫色 #9400d3 演示
深粉色 #ff1493 演示
深天蓝 #00bfff 演示
暗灰色 #696969 演示
道奇蓝 #1e90ff 演示
耐火砖 #b22222 演示
花白色 #fffaf0 演示
森林绿 #228b22 演示
盖恩斯伯勒 #dcdcdc 演示
鬼白 #f8f8ff 演示
金子 #ffd700 演示
一枝黄花 #daa520 演示
灰色的 #808080 演示
黄绿色 #adff2f 演示
甘露 #f0fff0 演示
亮粉色 #ff69b4 演示
印度红 #cd5c5c 演示
靛青 #4b0082 演示
象牙 #fffff0 演示
卡其色 #f0e68c 演示
薰衣草 #e6e6fa 演示
薰衣草腮红 #fff0f5 演示
草坪绿 #7cfc00 演示
柠檬雪纺 #fffacd 演示
浅蓝色 #add8e6 演示
浅珊瑚色 #f08080 演示
浅青色 #e0ffff 演示
浅金黄色 #fafad2 演示
浅绿色 #90ee90 演示
浅灰色 #d3d3d3 演示
浅粉色 #ffb6c1 演示
淡鲑鱼 #ffa07a 演示
浅海绿 #20b2aa 演示
浅天蓝色 #87cefa 演示
浅灰色 #778899 演示
轻钢蓝色 #b0c4de 演示
浅黄色 #ffffe0 演示
柠檬绿 #32cd32 演示
亚麻布 #faf0e6 演示
品红 #ff00ff 演示
中蓝色 #0000cd 演示
中兰花 #ba55d3 演示
中紫色 #9370分贝 演示
午夜蓝 #191970 演示
迷雾玫瑰 #ffe4e1 演示
莫卡辛 #ffe4b5 演示
旧花边 #fdf5e6 演示
橙子 #ffa500 演示
兰花 #da70d6 演示
桃子泡芙 #ffdab9 演示
秘鲁 #cd853f 演示
粉色的 #ffc0cb 演示
李子 #dda0dd 演示
紫色的 #800080 演示
玫瑰棕色 #bc8f8f 演示
宝蓝色 #4169e1 演示
三文鱼 #fa8072 演示
沙棕色 #f4a460 演示
海绿色 #2e8b57 演示
赭色 #a0522d 演示
天蓝色 #87ceeb 演示
石板蓝 #6a5acd 演示
钢蓝色 #4682b4 演示
晒黑 #d2b48c 演示
#d8bfd8 演示
番茄 #ff6347 演示
紫色 #ee82ee 演示
小麦 #f5deb3 演示
白色的烟 #f5f5f5 演示
黄色的 #ffff00 演示
黄绿色 #9acd32 演示