如果您是平面设计师,或者刚刚接触图像编辑程序,您将会看到 允许您更改颜色的框,无论是油漆桶、刷子还是字母……让你好奇的是,当你选择一种颜色时,它会出现 颜色代码,知道是什么吗?
如果您曾经想知道这些字母或数字代码的含义,并且想了解更多信息,那么我们将帮助您了解颜色代码的重要性,为什么它们会反映颜色和其他奇怪的细节。
什么是颜色代码
我们可以将颜色代码定义为 可以显示网页的色度范围。 也就是说,在大约 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 |
暗卡其色 | 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) | # 00BFFF |
暗灰色 | 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 |
光鲑鱼 | 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 |
Saddlebrown | 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 |
银 | 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 |
你知道更多的颜色代码吗? 我们邀请您将它们放在评论中以扩展列表。