Если вы графический дизайнер или только что когда-либо работали в программе для редактирования изображений, вы наверняка заметили коробка, которая позволила вам изменить цвет, будь то ведро с краской, кисть, буквы ... Что, возможно, вызвало у вас любопытство, так это тот факт, что когда вы выбираете цвет, он появляется цветовой код, знаете, что это такое?
Если вы когда-либо задавались вопросом, что означают эти буквенные или цифровые коды, и хотите узнать об этом больше, мы поможем вам понять важность цветового кода, почему они отражают цвета и другие любопытные детали.
Какой цветовой код
Мы можем определить цветовой код как цветовая гамма, в которой может отображаться Интернет. То есть возможности, которые существуют в палитре из 216 цветов, чтобы определить, как будет выглядеть веб-сайт. Этот код может быть основан на трех типах систем: RGB, HEX и HSL (последний теперь не рекомендуется).
Фактически, цветовой код предназначен для того, чтобы служить универсальным кодом для всех браузеров таким образом, что с помощью этих кодов достигается воспроизведение одних и тех же тонов либо в Internet Explores, либо в Firefox Mozilla, либо в Google Chrome. …
Вы должны знать, что компьютер способен различать до 16 миллионов цветов, так что есть много возможностей создать веб-сайт или изменить изображения.
Типы цветовых кодов
Как мы уже говорили вам ранее, существует три типа систем:
- РГБ. Это наиболее известный цвет, состоящий из трех основных цветов: красного, синего и зеленого, из которых путем их сочетания и происходят остальные цвета. Что касается его представления, оно варьируется от 0 до 255, а отображаемый код состоит из трех цифр, разделенных запятыми и заключенных в круглые скобки.
- Шестнадцатеричный. Используется в основном в HTML и CSS. В этом случае он состоит из цифр и букв, которые расположены между собой для получения кодов, определяющих цвета.
- ХСЛ. Уже не используемый, он основан на использовании оттенка, насыщенности и яркости при создании цвета. Он определяется степенями и процентами (три цифры, разделенные запятыми и заключенные в круглые скобки).
Почему коды важны?
Теперь, когда вы знаете, что такое цветовое кодирование, его применение легко понять, поскольку он используется для определения того, какой код требуется для отображения определенного цвета. Это работает, например, на веб-страницах. 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 |
burlywood | 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 |
Darkslategrey | 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 |
Gainsboro | 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 |
LimeGreen | 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 |
palegreen | RGB (152, 251, 152) | # 98FB98 |
поддон бирюза | RGB (175, 238, 238) | #АФЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕЕТ |
бледно-фиолетовый | 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 |
red | 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 |
Sandybrown | 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 |
slateblue | RGB (106, 90, 205) | # 6A5ACD |
шифер серый | RGB (112, 128, 144) | #708090 |
Slategrey | RGB (112, 128, 144) | #708090 |
снег | RGB (255, 250, 250) | #ФФФАФА |
весенне-зеленый | 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 |
Вы знаете больше цветовых кодов? Предлагаем вам разместить их в комментариях, чтобы расширить список.