CSS 颜色代码和名称。
颜色代码可以是以下之一:
十六进制格式:#rrggbb
RGB格式:rgb(红、绿、蓝)
姓名格式:姓名
对于橙色:
十六进制格式:#FFA500
RGB 格式:rgb(255,165,0)
名称格式:橙色
对于特定元素:
<element style="color: code;"></element>
对于同一类型的所有元素。将代码放在 head 部分的 <style> 标签中:
<style>
element { color: code; }
</style>
将段落文本颜色设置为红色:
设置特定段落的颜色:
<p style="color: #FF0000;">Some text ...</p>
看法:
一些文字...
设置所有段落的颜色
<style>
p { color: #FF0000; }
</style>
element { background: code; }
将段落背景颜色设置为红色:
设置特定段落的背景颜色:
<p style="background: #FF0000;">Some text ...</p>
看法:
一些文字...
设置所有段落的背景颜色:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
将段落边框颜色设置为红色、绿色、蓝色和黑色:
设置特定段落的边框颜色:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
看法:
一些文字...
设置所有段落的边框颜色:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
淡鲑鱼 | #FFA07A | RGB(255,160,122) | |
三文鱼 | #FA8072 | RGB(250,128,114) | |
黑鲑鱼 | #E9967A | RGB(233,150,122) | |
珊瑚色 | #F08080 | RGB(240,128,128) | |
印度红 | #CD5C5C | RGB(205,92,92) | |
赤红 | #DC143C | RGB(220,20,60) | |
耐火砖 | #B22222 | RGB(178,34,34) | |
红色的 | #FF0000 | RGB(255,0,0) | |
深红 | #8B0000 | RGB(139,0,0) |
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
珊瑚 | #FF7F50 | RGB(255,127,80) | |
番茄 | #FF6347 | RGB(255,99,71) | |
橙红色 | #FF4500 | RGB(255,69,0) | |
金子 | #FFD700 | RGB(255,215,0) | |
橙子 | #FFA500 | RGB(255,165,0) | |
深橙色 | #FF8C00 | RGB(255,140,0) |
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
浅黄色 | #FFFFE0 | RGB(255,255,224) | |
柠檬雪纺 | #FFFACD | RGB(255,250,205) | |
浅金色黄色 | #FAFAD2 | RGB(250,250,210) | |
木瓜鞭 | #FFEFD5 | RGB(255,239,213) | |
鹿皮鞋 | #FFE4B5 | RGB(255,228,181) | |
桃花心 | #FFDAB9 | RGB(255,218,185) | |
苍白的金棒 | #EEE8AA | RGB(238,232,170) | |
卡其色 | #F0E68C | RGB(240,230,140) | |
深卡其色 | #BDB76B | RGB(189,183,107) | |
黄色的 | #FFFF00 | RGB(255,255,0) |
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
草坪绿 | #7CFC00 | RGB(124,252,0) | |
黄绿色 | #7FFF00 | RGB(127,255,0) | |
石灰绿 | #32CD32 | RGB(50,205,50) | |
酸橙 | #00FF00 | RGB(0.255.0) | |
森林绿 | #228B22 | RGB(34,139,34) | |
绿色的 | #008000 | RGB(0,128,0) | |
深绿色 | #006400 | RGB(0,100,0) | |
黄绿色 | #ADFF2F | RGB(173,255,47) | |
黄绿色 | #9ACD32 | RGB(154,205,50) | |
春绿 | #00FF7F | RGB(0,255,127) | |
中春绿 | #00FA9A | RGB(0,250,154) | |
淡绿色 | #90EE90 | RGB(144,238,144) | |
浅绿色 | #98FB98 | RGB(152,251,152) | |
深海绿 | #8FBC8F | RGB(143,188,143) | |
中海绿 | #3CB371 | RGB(60,179,113) | |
海绿色 | #2E8B57 | RGB(46,139,87) | |
橄榄 | #808000 | RGB(128,128,0) | |
暗橄榄绿 | #556B2F | RGB(85,107,47) | |
橄榄草 | #6B8E23 | RGB(107,142,35) |
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
浅青色 | #E0FFFF | RGB(224,255,255) | |
青色 | #00FFFF | RGB(0,255,255) | |
水色 | #00FFFF | RGB(0,255,255) | |
蓝晶 | #7FFFD4 | RGB(127,255,212) | |
中等海蓝宝石 | #66CDAA | RGB(102,205,170) | |
淡绿松石色 | #AFEEEE | RGB(175,238,238) | |
绿松石 | #40E0D0 | RGB(64,224,208) | |
中绿松石色 | #48D1CC | RGB(72,209,204) | |
深绿松石色 | #00CED1 | RGB(0,206,209) | |
浅海绿 | #20B2AA | RGB(32,178,170) | |
学员蓝 | #5F9EA0 | RGB(95,158,160) | |
深青色 | #008B8B | RGB(0,139,139) | |
蓝绿色 | #008080 | RGB(0,128,128) |
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
粉蓝色 | #B0E0E6 | RGB(176,224,230) | |
浅蓝色 | #ADD8E6 | RGB(173,216,230) | |
浅天蓝 | #87CEFA | RGB(135,206,250) | |
天蓝色 | #87CEEB | RGB(135,206,235) | |
深天蓝 | #00BFFF | RGB(0,191,255) | |
浅钢蓝色 | #B0C4DE | RGB(176,196,222) | |
道奇蓝 | #1E90FF | RGB(30,144,255) | |
矢车菊蓝 | #6495ED | RGB(100,149,237) | |
钢蓝 | #4682B4 | RGB(70,130,180) | |
宝蓝色 | #4169E1 | RGB(65,105,225) | |
蓝色的 | #0000FF | RGB(0,0,255) | |
中蓝 | #0000CD | RGB(0,0,205) | |
深蓝 | #00008B | RGB(0,0,139) | |
海军 | #000080 | RGB(0,0,128) | |
午夜蓝 | #191970 | RGB(25,25,112) | |
中板蓝 | #7B68EE | RGB(123,104,238) | |
石板蓝 | #6A5ACD | RGB(106,90,205) | |
深石板蓝 | #483D8B | RGB(72,61,139) |
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
薰衣草 | #E6E6FA | RGB(230,230,250) | |
蓟 | #D8BFD8 | RGB(216,191,216) | |
李子 | #DDA0DD | RGB(221,160,221) | |
紫色 | #EE82EE | RGB(238,130,238) | |
兰花 | #DA70D6 | RGB(218,112,214) | |
紫红色 | #FF00FF | RGB(255,0,255) | |
品红 | #FF00FF | RGB(255,0,255) | |
中等兰花 | #BA55D3 | RGB(186,85,211) | |
中紫色 | #9370DB | RGB(147,112,219) | |
紫罗兰色 | #8A2BE2 | RGB(138,43,226) | |
暗紫色 | #9400D3 | RGB(148,0,211) | |
黑兰花 | #9932CC | RGB(153,50,204) | |
深洋红色 | #8B008B | RGB(139,0,139) | |
紫色的 | #800080 | RGB(128,0,128) | |
靛青 | #4B0082 | RGB(75,0,130) |
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
粉色的 | #FFC0CB | RGB(255,192,203) | |
浅粉色 | #FFB6C1 | RGB(255,182,193) | |
亮粉色 | #FF69B4 | RGB(255,105,180) | |
深粉色 | #FF1493 | RGB(255,20,147) | |
淡紫红色 | #DB7093 | RGB(219,112,147) | |
中紫红色 | #C71585 | RGB(199,21,133) |
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
白色的 | #FFFFFF | RGB(255,255,255) | |
雪 | #FFFAFA | RGB(255,250,250) | |
甘露 | #F0FFF0 | RGB(240,255,240) | |
薄荷糖 | #F5FFFA | RGB(245,255,250) | |
天蓝色 | #F0FFFF | RGB(240,255,255) | |
爱丽丝蓝 | #F0F8FF | RGB(240,248,255) | |
幽灵白 | #F8F8FF | RGB(248,248,255) | |
白色的烟 | #F5F5F5 | RGB(245,245,245) | |
贝壳 | #FFF5EE | RGB(255,245,238) | |
浅褐色的 | #F5F5DC | RGB(245,245,220) | |
旧花边 | #FDF5E6 | RGB(253,245,230) | |
花白色 | #FFFAF0 | RGB(255,250,240) | |
象牙 | #FFFFFF0 | RGB(255,255,240) | |
古色古香的白色 | #FAEBD7 | RGB(250,235,215) | |
亚麻布 | #FAF0E6 | RGB(250,240,230) | |
薰衣草腮红 | #FFF0F5 | RGB(255,240,245) | |
迷雾玫瑰 | #FFE4E1 | RGB(255,228,225) |
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
盖恩斯伯勒 | #DCDCDC | RGB(220,220,220) | |
浅灰 | #D3D3D3 | RGB(211,211,211) | |
银 | #C0C0C0 | RGB(192,192,192) | |
深灰色 | #A9A9A9 | RGB(169,169,169) | |
灰色的 | #808080 | RGB(128,128,128) | |
暗灰色 | #696969 | RGB(105,105,105) | |
浅色灰色 | #778899 | RGB(119,136,153) | |
石板灰 | #708090 | RGB(112,128,144) | |
深石板灰色 | #2F4F4F | RGB(47,79,79) | |
黑色的 | #000000 | RGB(0,0,0) |
颜色 | HTML / CSS 颜色名称 |
十六进制代码 #RRGGBB |
十进制代码 (R,G,B) |
---|---|---|---|
玉米须 | #FFF8DC | RGB(255,248,220) | |
漂白杏仁 | #FFEBCD | RGB(255,235,205) | |
浓汤 | #FFE4C4 | RGB(255,228,196) | |
纳瓦乔白 | #FFDEAD | RGB(255,222,173) | |
小麦 | #F5DEB3 | RGB(245,222,179) | |
伯莱伍德 | #DEB887 | RGB(222,184,135) | |
棕褐色 | #D2B48C | RGB(210,180,140) | |
玫瑰棕 | #BC8F8F | RGB(188,143,143) | |
桑迪布朗 | #F4A460 | RGB(244,164,96) | |
一枝黄花 | #DAA520 | RGB(218,165,32) | |
秘鲁 | #CD853F | RGB(205,133,63) | |
巧克力 | #D2691E | RGB(210,105,30) | |
鞍棕色 | #8B4513 | RGB(139,69,19) | |
赭色 | #A0522D | RGB(160,82,45) | |
棕色的 | #A52A2A | RGB(165,42,42) | |
栗色 | #800000 | RGB(128,0,0) |
我们的 CSS 颜色代码工具允许用户使用 CSS 颜色代码。下面解释了此实用程序的一些突出功能。
我们的 CSS 颜色代码工具的用户友好界面使您可以轻松地立即进行此转换。由于此工具的简单性,您不再需要掌握 CSS 颜色代码的编程技能。
您无需通过任何注册过程即可使用 CSS 颜色代码。使用此实用程序,您可以免费多次使用 CSS 颜色代码工具。
这个 CSS 颜色代码可以从世界的任何角落访问。您无需担心此在线工具的兼容性,因为您可以在任何设备上使用它来编写 CSS 颜色代码。您只需要一个互联网连接即可访问和使用此 CSS 颜色代码工具。
CSS 颜色代码允许您立即完成相同的任务。您不会被要求遵循手动程序,因为它的自动算法会为您完成工作。
CSS 颜色代码工具完美适用于所有操作系统。无论您使用的是 Mac、iOS、Android、Windows 还是 Linux 设备,都可以轻松使用此在线实用程序而不会遇到任何麻烦。
您无需通过任何注册过程即可使用此 CSS 颜色代码工具。您可以免费使用此实用程序并不受任何限制地制作无限的 CSS 颜色代码。