Якщо ви графічний дизайнер або щойно користувалися програмою для редагування зображень, ви побачите поле, що дозволило змінити колір, будь то відро з фарбою, пензлик, букви ... Те, що, можливо, змусило вас зацікавити, це той факт, що коли ви вибираєте колір, він з’являється код кольору, знаєш що це таке?
Якщо ви коли-небудь замислювалися, що означають ці буквені або цифрові коди, і ви хочете дізнатися про це більше, то ми допоможемо вам зрозуміти важливість коду кольору, чому вони відображають кольори та інші цікаві деталі.
Який колірний код
Ми можемо визначити колірний код як a хроматичний діапазон, у якому можна відобразити павутину. Тобто наявні можливості в палітрі приблизно з 216 кольорів, щоб визначити, як буде виглядати веб-сайт. Цей код може бути заснований на трьох типах систем: RGB, HEX і HSL (останній зараз не підтримується).
Насправді колірний код призначений для того, щоб служити універсальним кодом для всіх браузерів таким чином, що за допомогою цих кодів досягається відтворення однакових тонів або в Internet Explores, у Firefox Mozilla, у Google Chrome. …
Ви повинні це знати комп'ютер здатний розрізняти до 16 мільйонів кольорів, тому є багато можливостей створити веб-сайт або змінити зображення.
Типи колірних кодів
Як ми вже говорили раніше, існує три типи систем:
- RGB. Він є найвідомішим і складається з трьох основних кольорів, червоного, синього та зеленого, з яких, завдяки їх комбінації, отримують решту кольорів. Що стосується його представлення, воно коливається від 0 до 255, а код, який з’являється, складається з трьох цифр, розділених комами та між дужками.
- Шістнадцятковий. Використовується переважно в HTML і CSS. У цьому випадку він складається як з цифр, так і з букв, які розташовані між собою для отримання кодів, що визначають кольори.
- HSL. Вже не використовується, він заснований на використанні відтінку, насиченості та світлості при створенні кольору. Визначається ступенями та відсотками (три цифри, розділені комами та між дужками).
Чому коди важливі?
Тепер, коли ви знаєте, що таке кольорове кодування, його застосування легко зрозуміти, оскільки Він використовується, щоб визначити, який код потрібен для відображення певного кольору. Це працює, наприклад, на веб-сторінках. HTML-код є неявним, якщо веб-сайт має фон певного кольору, якщо шрифт червоний, жовтий, зелений, синій ... та багато інших застосувань.
Ви розумієте, чому це важливо? Наприклад, уявіть, що у вас є веб-сайт з червоним фоном. І ви хочете змінити його на порожній. Якби ви знали код, який визначає червоний колір, скориставшись пошуковою системою в коді HTML, ви б отримали місце, де цей колір відображений (пов’язаний з кольором фону), і ви могли б швидко змінити його. Але що робити, якщо у вас його немає? Вам доведеться шукати, доки не знайдете цей розділ, і перевірте, який код близький до того, який вам потрібно.
Тому колірний код допомагає прискорити роботу, а також мати можливість використовувати кольори при розробці веб-сайту, редагуванні зображення тощо.
Список кольорів та їх код Шістнадцятковий і RGB
На завершення ми хотіли б залишити вас нижче a таблиця, в якій ви можете знайти більшість існуючих кольорів разом з їх десятковим кодом (RGB) і шістнадцятковим так що якщо в будь-який момент вам знадобиться змінити код, ви можете зробити це легко, не шукаючи його в палітрі кольорів.
Мітка | Десятковий (R, G, B) | Шістнадцятковий |
---|---|---|
aliceblue | 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 |
ghostwhite | 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 |
olivedrab | 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 |
seashell | rgb (255, 245, 238) | # FFF5EE |
Сієна | rgb (160, 82, 45) | # A0522D |
срібний | rgb (192, 192, 192) | # C0C0C0 |
блакитне небо | rgb (135, 206, 235) | # 87CEEB |
slateblue | 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 |
whitesmoke | rgb (245, 245, 245) | # F5F5F5 |
жовтий | rgb (255, 255, 0) | # FFFF00 |
жовтозелений | rgb (154, 205, 50) | № 9ACD32 |
Чи знаєте ви більше кодів кольорів? Запрошуємо вас залишати їх у коментарях, щоб розширити список.