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 顏色代碼。