如果您是平面設計師,或者剛剛接觸圖像編輯程序,您將會看到 允許您更改顏色的框,無論是油漆桶、刷子還是字母……讓你好奇的是,當你選擇一種顏色時,它會出現 顏色代碼,知道是什麼嗎?
如果您曾經想知道這些字母或數字代碼的含義,並且想了解更多信息,那麼我們將幫助您了解顏色代碼的重要性,為什麼它們會反映顏色和其他奇怪的細節。
什麼是顏色代碼
我們可以將顏色代碼定義為 可以顯示網頁的色度範圍。 也就是說,在大約 216 種顏色的調色板中存在的可能性來確定網站的外觀。 此代碼可以基於三種類型的系統:RGB、HEX 和 HSL(後者現已棄用)。
實際上,顏色代碼的作用是作為所有瀏覽器的通用代碼,通過這些代碼,可以在 Internet Explorer、Firefox Mozilla 或 Google Chrome 中重現相同的色調…
你應該知道, 一台計算機能夠區分多達 16 萬種顏色, 所以有很多可能性來創建網站或修改圖像。
顏色代碼的類型
正如我們之前告訴您的,系統分為三種類型:
- RGB。 它是最著名的,由紅、藍和綠三基色組成,通過它們的組合,可以衍生出其餘的顏色。 至於它的表示,它的範圍從0到255,出現的代碼是由三個數字組成,用逗號隔開,括號之間。
- 十六進制。 主要用於 HTML 和 CSS。 在這種情況下,它由相互排列的數字和字母組成,以獲得確定顏色的代碼。
- HSL。 它已經被廢棄了,它基於在創建顏色時使用色調、飽和度和亮度。 它由度數和百分比決定(三個數字用逗號和括號分隔)。
為什麼代碼很重要?
現在您知道什麼是顏色編碼,它的應用很容易理解,因為 它用於確定顯示特定顏色所需的代碼。 例如,這適用於網頁。 如果網站具有特定顏色的背景,如果字體為紅色、黃色、綠色、藍色……以及許多其他用途,則 HTML 代碼是隱式的。
你明白為什麼這很重要嗎? 例如,假設您有一個紅色背景的網站。 您想將其更改為空白。 如果您知道確定紅色的代碼,則在 HTML 代碼中使用搜索引擎,您將獲得反映該顏色的位置(鏈接到背景顏色),並且您可以快速更改它。 但是如果你沒有它呢? 您應該尋找直到找到該部分並測試以查看哪些代碼與您想要的接近。
因此,顏色代碼可以幫助您加快工作速度,並且可以在設計網站、編輯圖像等時使用顏色。
顏色列表及其代碼 十六進制 和 RGB
最後,我們想把你留在下面 您可以在該表中找到大多數顏色及其十進制代碼 (RGB) 和十六進制 以便您在任何時候需要更改代碼時,都可以輕鬆完成,而無需在調色板中查找。
標籤 | 十進制(R、G、B) | 十六進制 |
---|---|---|
愛麗絲藍 | RGB(240,248,255) | # F0F8FF |
古董白 | RGB(250,235,215) | # FAEBD7 |
旱廁 | RGB(0,255,255) | #00FFFF |
藍晶 | RGB(127,255,212) | # 7FFFD4 |
天藍 | RGB(240,255,255) | # F0FFFF |
米色 | RGB(245,245,220) | #F5F5DC |
濃湯 | RGB(255,228,196) | #FFE4C4 |
黑色 | RGB(0,0,0) | #000000 |
布蘭查德蒙德 | RGB(255,235,205) | #FFEBCD |
藍色 | RGB(0,0,255) | #0000FF |
紫羅蘭色 | RGB(138,43,226) | # 8A2BE2 |
棕色 | RGB(165,42,42) | #A52A2A |
白木 | RGB(222,184,135) | # DEB887 |
藍軍學員 | RGB(95,158,160) | # 5F9EA0 |
黃綠色 | RGB(127,255,0) | # 7FFF00 |
巧克力 | RGB(210,105,30) | # D2691E |
珊瑚 | RGB(255,127,80) | #FF7F50 |
矢車菊藍 | RGB(100,149,237) | # 6495ED |
玉米絲 | RGB(255,248,220) | #FFF8DC |
赤紅 | RGB(220,20,60) | # DC143C |
青色 | RGB(0,255,255) | #00FFFF |
深藍 | RGB(0,0,139) | #00008B |
深藍 | RGB(0,139,139) | #008B8B |
暗金棒 | RGB(184,134,11) | #B8860B |
深灰色 | RGB(169,169,169) | #A9A9A9 |
墨綠 | RGB(0,100,0) | #006400 |
深灰色 | RGB(169,169,169) | #A9A9A9 |
Darkkhaki | RGB(189,183,107) | # BDB76B |
深洋紅色 | RGB(139,0,139) | #8B008B |
深橄欖綠 | RGB(85,107,47) | #556B2F |
深橙色 | RGB(255,140,0) | #FF8C00 |
黑蘭花 | RGB(153,50,204) | # 9932CC |
深紅 | RGB(139,0,0) | #8B0000 |
黑鮭魚 | RGB(233,150,122) | # E9967A |
深海綠 | RGB(143,188,143) | # 8FBC8F |
深藍色 | RGB(72,61,139) | #483D8B |
暗裂 | RGB(47,79,79) | # 2F4F4F |
黑板灰 | RGB(47,79,79) | # 2F4F4F |
深藍綠色 | RGB(0,206,209) | # 00CED1 |
深紫色 | RGB(148,0,211) | #9400D3 |
深粉色 | RGB(255,20,147) | #FF1493 |
深藍 | RGB(0,191,255) | #00好朋友 |
暗灰色 | RGB(105,105,105) | #696969 |
暗灰色 | RGB(105,105,105) | #696969 |
道奇藍 | RGB(30,144,255) | # 1E90FF |
耐火磚 | RGB(178,34,34) | #B22222 |
花白 | RGB(255,250,240) | # FFFAF0 |
森林綠 | RGB(34,139,34) | #228B22 |
紫紅色 | RGB(255,0,255) | #FF00FF |
恩斯伯勒 | RGB(220,220,220) | #DCDCDC |
鬼白 | RGB(248,248,255) | # F8F8FF |
金 | RGB(255,215,0) | #FFD700 |
金毛 | RGB(218,165,32) | # DAA520 |
灰色 | RGB(128,128,128) | #808080 |
綠色 | RGB(0,128,0) | #008000 |
黃綠色 | RGB(173,255,47) | # ADFF2F |
灰色 | RGB(128,128,128) | #808080 |
蜜露 | RGB(240,255,240) | # F0FFF0 |
亮粉色 | RGB(255,105,180) | #FF69B4 |
印第安人 | RGB(205,92,92) | # CD5C5C |
靛青 | RGB(75,0,130) | #4B0082 |
象牙 | RGB(255,255,240) | # FFFFF0 |
黃褐色 | RGB(240,230,140) | # F0E68C |
薰衣草 | RGB(230,230,250) | # E6E6FA |
薰衣草腮紅 | RGB(255,240,245) | # FFF0F5 |
草坪綠 | RGB(124,252,0) | # 7CFC00 |
檸檬雪紡 | RGB(255,250,205) | #FFFACD |
淺藍 | RGB(173,216,230) | #ADD8E6 |
輕珊瑚 | RGB(240,128,128) | #F08080 |
淡青色 | RGB(224,255,255) | # E0FFFF |
淺金黃色 | RGB(250,250,210) | #FAFAD2 |
淺灰色 | RGB(211,211,211) | #D3D3D3 |
淺綠色 | RGB(144,238,144) | #90EE90 |
淺灰色 | RGB(211,211,211) | #D3D3D3 |
淺粉紅色 | RGB(255,182,193) | #FFB6C1 |
Lightsalmon | RGB(255,160,122) | #FFA07A |
淺海綠色 | RGB(32,178,170) | #20B2AA |
天藍色 | RGB(135,206,250) | #87CEFA |
燈光灰 | RGB(119,136,153) | #778899 |
淺灰色 | RGB(119,136,153) | #778899 |
淺藍色 | RGB(176,196,222) | #B0C4DE |
淡黃色 | RGB(255,255,224) | #FFFFE0 |
石灰 | RGB(0,255,0) | #00FF00 |
檸檬綠 | RGB(50,205,50) | #32CD32 |
亞麻布 | RGB(250,240,230) | # FAF0E6 |
品紅 | RGB(255,0,255) | #FF00FF |
栗色 | RGB(128,0,0) | #800000 |
海藍寶石 | RGB(102,205,170) | #66CDAA |
中藍 | RGB(0,0,205) | #0000CD |
中蘭花 | RGB(186,85,211) | # BA55D3 |
中紫色 | RGB(147,112,219) | #9370D8 |
中海綠色 | RGB(60,179,113) | # 3CB371 |
深藍色 | RGB(123,104,238) | # 7B68EE |
中春綠 | RGB(0,250,154) | #00FA9A |
綠松石色 | RGB(72,209,204) | # 48D1CC |
中紫紅色 | RGB(199,21,133) | #C71585 |
午夜藍 | RGB(25,25,112) | #191970 |
薄荷奶油 | RGB(245,255,250) | # F5FFFA |
迷迭香 | RGB(255,228,225) | # FFE4E1 |
莫卡辛 | RGB(255,228,181) | #FFE4B5 |
納瓦霍懷特 | RGB(255,222,173) | #FFDEAD |
海軍 | RGB(0,0,128) | #000080 |
舊花邊 | RGB(253,245,230) | # FDF5E6 |
橄欖油 | RGB(128,128,0) | #808000 |
橄欖色 | RGB(107,142,35) | # 6B8E23 |
橙 | RGB(255,165,0) | #FFA500 |
橙紅色 | RGB(255,69,0) | #FF4500 |
蘭花 | RGB(218,112,214) | #DA70D6 |
白金棒 | RGB(238,232,170) | #EEE8AA |
淺綠色 | RGB(152,251,152) | #98FB98 |
托盤綠松石 | RGB(175,238,238) | #AFEEEE |
泛紫 | RGB(219,112,147) | #D87093 |
木瓜鞭 | RGB(255,239,213) | # FFEFD5 |
桃撲 | RGB(255,218,185) | # FFDAB9 |
秘魯 | RGB(205,133,63) | # CD853F |
粉紅色 | RGB(255,192,203) | #FFC0CB |
李子 | RGB(221,160,221) | # DDA0DD |
粉藍色 | RGB(176,224,230) | # B0E0E6 |
紫色 | RGB(128,0,128) | #800080 |
紅色 | RGB(255,0,0) | #FF0000 |
紅褐色 | RGB(188,143,143) | #BC8F8F |
寶藍色 | RGB(65,105,225) | # 4169E1 |
馬鞍棕色 | RGB(139,69,19) | #8B4513 |
三文魚 | RGB(250,128,114) | #FA8072 |
棕褐色 | RGB(244,164,96) | # F4A460 |
海綠色 | RGB(46,139,87) | # 2E8B57 |
貝殼 | RGB(255,245,238) | #FFF5EE |
黃土 | RGB(160,82,45) | # A0522D |
silver | RGB(192,192,192) | # C0C0C0 |
天藍色 | RGB(135,206,235) | # 87CEEB |
石板藍 | RGB(106,90,205) | # 6A5ACD |
石板灰 | RGB(112,128,144) | #708090 |
石板灰 | RGB(112,128,144) | #708090 |
雪白 | RGB(255,250,250) | #FFFAFA |
春綠 | RGB(0,255,127) | #00FF7F |
鋼藍 | RGB(70,130,180) | #4682B4 |
黃褐色 | RGB(210,180,140) | # D2B48C |
水鴨 | RGB(0,128,128) | #008080 |
薊 | RGB(216,191,216) | # D8BFD8 |
西紅柿 | RGB(255,99,71) | #FF6347 |
綠松石 | RGB(64,224,208) | # 40E0D0 |
紫羅蘭 | RGB(238,130,238) | #EE82EE |
小麥 | RGB(245,222,179) | # F5DEB3 |
白色 | RGB(255,255,255) | #FFFFFF |
白色的煙 | RGB(245,245,245) | # F5F5F5 |
黃色 | RGB(255,255,0) | #FFFF00 |
黃綠色 | RGB(154,205,50) | # 9ACD32 |
你知道更多的顏色代碼嗎? 我們邀請您將它們放在評論中以擴展列表。