Ако сте графичен дизайнер или току-що сте се занимавали с програма за редактиране на изображения, ще сте видели кутия, която ви позволява да промените цвета, било то кофата с боя, четката, буквите ... Това, което може да ви е накарало да станете любопитни, е фактът, че когато изберете цвят, той се появява цветен код, знаеш ли какво е?
Ако някога сте се чудили какво означават тези буквени или цифрови кодове и искате да научите повече за това, тогава ние ви помагаме да разберете важността на цветния код, защо те отразяват цветовете и други любопитни подробности.
Какъв е цветният код
Можем да дефинираме цветния код като a хроматичен диапазон, в който може да бъде показана мрежа. Тоест възможностите, които съществуват, в палитра от около 216 цвята, за да се определи как ще изглежда един уебсайт. Този код може да се основава на три типа системи: RGB, HEX и HSL (последната вече е отхвърлена).
Всъщност цветният код е за да служи като универсален код за всички браузъри по такъв начин, че с тези кодове се постига възпроизвеждане на едни и същи тонове, било в Internet Explores, във Firefox Mozilla, в Google Chrome …
Трябва да знаете това компютърът може да различи до 16 милиона цвята, така че има много възможности за създаване на уебсайт или за промяна на изображения.
Видове цветови кодове
Както ви казахме преди, има три вида системи:
- RGB. Той е най-известният и се състои от три основни цвята, червен, син и зелен, от които чрез тяхната комбинация се получават останалите цветове. Що се отнася до представянето му, то варира от 0 до 255 и кодът, който се появява, се състои от три цифри, разделени със запетаи и между скоби.
- Шестнадесетичен. Използва се предимно в HTML и CSS. В този случай той се състои както от цифри, така и от букви, които са подредени помежду си, за да се получат кодове, които определят цветовете.
- HSL. Вече е отхвърлен, той се основава на използването на нюанс, наситеност и лекота при създаване на цвят. Определя се с градуси и проценти (три цифри, разделени със запетаи и между скоби).
Защо кодовете са важни?
Сега, когато знаете какво е цветово кодиране, приложението му е лесно за разбиране, т.к Използва се, за да се определи какъв код е необходим за показване на определен цвят. Това работи например на уеб страници. HTML кодът е имплицитен, ако уебсайтът има фон с определен цвят, ако шрифтът е червен, жълт, зелен, син ... и много други приложения.
Разбирате ли защо е важно? Например, представете си, че имате уебсайт с червен фон. И искате да го промените на празен. Ако знаете кода, който определя червения цвят, с помощта на търсачката в HTML кода ще получите мястото, където този цвят е отразен (свързан с цвета на фона) и бихте могли да го промените бързо. Но какво ще стане, ако го нямате? Ще трябва да търсите, докато намерите този раздел и тествате, за да видите кой код е близък до този, който искате.
Следователно цветният код ви помага да ускорите работата, както и да можете да използвате цветове при проектиране на уебсайт, редактиране на изображение и т.н.
Списък на цветовете и техния код Hexadecimal и RGB
За да завършим, бихме искали да ви оставим по-долу a таблица, в която можете да намерите повечето цветове, които съществуват заедно с техния десетичен код (RGB) и шестнадесетичен така че ако в даден момент трябва да промените кода, можете да го направите лесно, без да се налага да го търсите в цветовата палитра.
Tag | Десетична (R, G, B) | Hexadecimal |
---|---|---|
алисблу | 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 |
cadetblue | 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 |
hotpink | 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 |
PapayaWhip | 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 |
Springgreen | 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 |
Знаете ли още цветови кодове? Каним ви да ги поставите в коментарите, за да разширите списъка.