Зеленый код цвета: Lime / Зелёный / #00ff00 / #0f0 Схемы Шестнадцатеричных Кодов Цветов, Графики, Палитры и Краски

Содержание

Функция Кбколор (Visual Basic для приложений)

  • Чтение занимает 2 мин

В этой статье

Возвращает значение типа Long, представляющее код цвета RGB, соответствующий указанному номеру цвета.Returns a Long representing the RGB color code corresponding to the specified color number.

СинтаксисSyntax

Кбколор(Color)QBColor(color)

Обязательный color аргумент Color — это целое число в диапазоне 0-15.The required color argument is a whole number in the range 0-15.

ПараметрыSettings

Аргумент color может принимать следующие значения.The color argument has these settings:

НомерNumber ЦветColor НомерNumber ЦветColor
нуль0 ЧерныйBlack
8 8
СерыйGray
1,11 СинийBlue 9 9 Светло-синийLight Blue
22 ЗеленыйGreen 10 10 Светло-зеленыйLight Green
43 CyanCyan 11 11 Светло-голубойLight Cyan
4 4 КрасныйRed 12 12 Светло-красныйLight Red
5 5 ПурпурныйMagenta 1313 Светло-пурпурныйLight Magenta
6 6 ЖелтыйYellow 14 14 Светло-желтыйLight Yellow
7 7 БелыйWhite 15 15 Ярко-белыйBright White

ПримечанияRemarks

Аргумент color представляет значения цвета, которые использовались в предыдущих версиях Basic (таких как Microsoft Visual Basic для MS-DOS и Basic Compiler).The color argument represents color values used by earlier versions of Basic (such as Microsoft Visual Basic for MS-DOS and the Basic Compiler). Начиная с младшего байта, возвращенное значение задает значения красного, зеленого и синего цветов для определения соответствующего цвета в системе RGB, используемой в Visual Basic для приложений.Starting with the least-significant byte, the returned value specifies the red, green, and blue values used to set the appropriate color in the RGB system used by Visual Basic for Applications.

ПримерExample

В этом примере функция кбколор используется для изменения свойства BackColor формы, переданной в качестве MyForm цвета, указанного в параметре. ColorCodeThis example uses the QBColor function to change the BackColor property of the form passed in as MyForm to the color indicated by ColorCode. Функция QBColor принимает целочисленные значения в диапазоне от 0 до 15.QBColor accepts integer values between 0 and 15.

Sub ChangeBackColor (ColorCode As Integer, MyForm As Form)
    MyForm.BackColor = QBColor(ColorCode)
End Sub

См. такжеSee also

Поддержка и обратная связьSupport and feedback

Есть вопросы или отзывы, касающиеся Office VBA или этой статьи?Have questions or feedback about Office VBA or this documentation? Руководство по другим способам получения поддержки и отправки отзывов см. в статье Поддержка Office VBA и обратная связь.Please see Office VBA support and feedback for guidance about the ways you can receive support and provide feedback.

HTML Цвета



В HTML цвет можно задавать тремя способами:

Задание цвета в HTML по его названию

Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др:

<p>Цвет текста – красный</p>

Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C):

ЦветНазваниеЦветНазвание ЦветНазвание ЦветНазвание
Black Gray Silver White
Yellow Lime
Aqua Fuchsia
Red Green Blue Purple
Maroon Olive Navy Teal

Пример использования различных цветовых названий:

Пример: задание цвета по его названию

Заголовок на красном фоне

Заголовок на оранжевом фоне

Заголовок на фоне лайм

Белый текст на синем фоне


<h3>Заголовок на красном фоне</h3>
<h3>Заголовок на оранжевом фоне</h3>
<h3>Заголовок на фоне лайм</h3>
<h3>Белый текст на синем фоне</h3>     

Задание цвета с помощью RGB

При отображении различных цветов на мониторе за основу берется RGB-палитра. Любой цвет получают, смешивая три основных: R — красный (red), G — зеленый (green), В — синий (blue). Яркость каждого цвета задается одним байтом и, следовательно, может принимать значения от 0 до 255. Например, RGB (255,0,0) отображается как красный, так как красный устанавливается в его самое высокое значение (255), а остальные установлены в 0. Также можно задавать цвет в процентном отношении. Каждый из параметров обозначает уровень яркости соответствующего цвета. Например: значения rgb(127, 255, 127) и rgb(50%, 100%, 50%) будут задавать одинаковый зеленый цвет средней насыщенности:

Пример: Задание цвета с помощью RGB

 rgb(127, 255, 127)

 rgb(50%, 100%, 50%)

<!-- Яркость каждого цвета может принимать значения от 0 до 255 -->
<h3> rgb(127, 255, 127)</h3>
<!-- Задание цвета в процентном отношении -->
<h3> rgb(50%, 100%, 50%)</h3>

Задание цвета по шестнадцатеричному значению

Значения RGB также могут быть указаны с помощью шестнадцатеричных (HEX) значений цвета в форме: #RRGGBB, где RR (красный), GG (зеленый) и BB (синий) являются шестнадцатеричными значениями от 00 до FF (так же, как десятичное 0-255). Шестнадцатеричная система, в отличие десятичной системы, базируется, как следует из ее названия, на числе 16. Шестнадцатеричная система использует следующие знаки: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, В, С, D, E, F. Здесь цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе представляют из себя объединением двух знаков в одно значение. Например, наибольшему числу 255 в десятичной системе соответствует самое высокое значение FF в шестнадцатеричной системе. В отличие десятичной системы, перед шестнадцатеричным числом ставят символ решетки

#, например, #FF0000 отображается как красный цвет, так как красный устанавливается в его самое высокое значение (FF), а остальным цветам установлено минимальное значение (00). Знаки после символа решетки # можно набирать как прописными, так и строчными. Шестнадцатеричная система позволяет использовать сокращенную форму вида #rgb, где каждый символ равнозначен удвоенному. Так, запись #f7O следует расценивать как #ff7700.

Пример: Цвет HEX

 красный: #FF0000

 зеленый: #00FF00

 синий: #0000FF

 красный+зеленый=желтый: #FFFF00

 красный+синий=фиолетовый: #FF00FF

 зеленый+синий=голубой: #00FFFF


<h3> красный: #FF0000</h3>
<h3> зеленый: #00FF00</h3>
<h3> синий: #0000FF</h3>
<h3> красный+зеленый=желтый: #FFFF00</h3>
<h3> красный+синий=фиолетовый: #FF00FF</h3>
<h3> зеленый+синий=голубой: #00FFFF</h3>

Список широко распространённых цветов (название, HEX и RGB):

Английское название Русское название Образец HEX RGB
Amaranth Амарантовый #E52B50 229 43 80
Amber Янтарный #FFBF00 255 191 0
Aqua Сине-зеленый #00FFFF 0 255 255
Azure Лазурный #007FFF 0 127 255
Black Черный #000000 0 0 0
Blue Синий #0000FF 0 0 255
Bondi Blue Вода пляжа Бонди #0095B6 0 149 182
Brass Латунный #B5A642 181 166 66
Brown Коричневый #964B00 150 75 0
Cerulean Лазурный #007BA7 0 123 167
Dark spring green Тёмный весенне-зелёный #177245 23 114 69
Emerald Изумрудный #50C878 80 200 120
Eggplant Баклажановый #990066 153 0 102
Fuchsia Фуксия #FF00FF 255 0 255
Gold Золотой #FFD700 250 215 0
Gray Серый #808080 128 128 128
Green Зелёный #00FF00 0 255 0
Indigo Индиго #4B0082 75 0 130
Jade Нефритовый #00A86B 0 168 107
Lime Лайм #CCFF00 204 255 0
Malachite Малахитовый #0BDA51 11 218 81
Navy Тёмно-синий #000080 0 0 128
Ochre Охра #CC7722 204 119 34
Olive Оливковый #808000 128 128 0
Orange Оранжевый #FFA500 255 165 0
Peach Персиковый #FFE5B4 255 229 180
Pumpkin Тыква #FF7518 255 117 24
Purple Фиолетовый #800080 128 0 128
Red Красный #FF0000 255 0 0
Saffron Шафрановый #F4C430 244 196 48
Sea Green Зелёное море #2E8B57 46 139 87
Swamp green Болотный #ACB78E 172 183 142
Teal Сине-зелёный #008080 0 128 128
Ultramarine Ультрамариновый #120A8F 18 10 143
Violet Фиолетовый #8B00FF 139 0 255
Yellow Жёлтый #FFFF00 255 255 0

Коды цветов (фон) по насыщенности и оттенку: HTML Таблица цветов


Задачи
  • Задание цвета по его названию

    Установите для заголовка второго уровня фон красного цвета, используя в качестве значения название цвета на английском языке.

    Задача HTML: Реши сам »
    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="UTF-8">
      <title>Задание цвета по его названию</title>  
     </head>
     <body>
      <h3>Заголовок второго уровня</h3>
     </body>
    </html>
  • Цвет HEX

    Поменяйте цвет текста в параграфе на зеленый, используя шестнадцатеричное (HEX) значение цвета.

    Задача HTML: Реши сам »
    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="UTF-8">
      <title>Цвет HEX</title>  
     </head>
     <body>
      <p>Это параграф</p>
     </body>
    </html>





►Как узнать номер цвета автомобиля ВАЗ. Цвета ЛАДА Гранта, Приора, Калина. Код цвета кузова автомобиля ВАЗ. КодКраски.РФ

Белая 040   классическая белая
Триумф 100   М вишневый металлик
Красная 1015   красный
Абрикос 102   М серебристо-светло оранжевый.
Лотос 1021   блекло-желтый
Желтая 1035   желтая
Калина 104   М ярко-красный металлик
Офелия 105   грязновато-белый
Франкония 105   М
Баклажановая 107   темно-фиолетовый
Лилия 108   бледно-желтый
Casablanca white daewoo 10L   белый УзДЭУ
Рубин 110   красный не металлик
Синяя 1115   синяя
Феерия gm 115   М вишневый металик
Коралл 116   М яркий красно-сиреневый металлик.
Кармен 118   в зависимости от освещения красно-вишневый или красно-малиновый неметаллик.
Гоби 120   розово-сиреневый металлик
Майя 120   М розово-сиреневый металлик
Оранжевая 121   красный металлик.
Реклама 121 121   красный металлик.
Антарес 125   М темно-вишневый металлик
Вишневая 02 127   темно-красный неметаллик.
Искра 128   М красно-вишневый металлик
Виктория 129   М ярко-красный металлик
Cardo white daewoo 12U   белый
Вишневый сад 132   М темно-серебристо-красный неметаллик
Магия 133   М темно-фиолетовый металлик
Яшма 140   темно-красно-сиреневый, черешня
Аметист 145   М сиреневый металлик
Дефиле 150   М серебристо-серо-коричневый
Паприка 152   М темно-красный
Коррида 165   темная красно-оранжевая
Торнадо 170   красный неметаллик.
Гранатовая 180   темно-красный неметаллик с легким фиолетовым оттенком.
Романс 182   темновато-красный неметаллик
Калифорнийский мак 190   М золотисто-красный металли
Портвейн 192   М темный красно-фиалетовый
Белая 201   чисто белый не металлик, ярко-белый
Белая 202   белая
Талая вода 206   М бело-зеленый металлик
Охра золотистая 208   темновато-желтый
Кремовая 210   блекло-желтый неметаллик
Слоновая кость 214   бежевый
Желтовато-белая/сафари 215   светло-серый
Миндаль 217   М бежево-розовый металлик
Rouge toreador renault 21B   М темно-вишневый металлик
Нарцисс 223   яркий, насыщенный желтый не металлик
Светло-желтая 225   светло-желтая
Чайная роза 228   светлый бежево-розовыйнеметаллик
Жемчуг 230   М серебристо-бело-молочный
Серо-белая/белая 233   серо-белый неметаллик.
Бледно-бежевая 235   бежевый не металлик
Бежевая 236 / светлая серо-бежевая 236   светло-бежевый
Невада 239   М
Белое облако 240   белый не металлик, ярко-белый
Moondust silver ford 2431C   М
Золотая нива 245   М пронзительный золотисто-лимонный металлик
Звездная пыль 257   М бежево-сиреневый металлик
Бронзовый век 262   М темно-серый металлик
Нефертити 270   М блекло-зелено-бежевый
Приз 276   М металлик цвета платины
Антилопа 277   М золотисто-бежевый металлик.
Апельсин иж-28 28   оранжевый
Мираж 280   М серебристый металлик с легким бледно-желтым или голубым оттенком в зависимости от освещения.
Кристалл 281   М серебристо-желтый металлик
Джем 285   М оранжево-коричневый металлик
Panther black ford 2851-CM-1   М
Золотисто-желтая 286 286   металлик цвета охры
Опатия 286 286   М металлик цвета охры
Южный крест 290   М кремово-серый красивый металлик
Оранжевая 295   бежево-белый не металлик
Сливочно-белая 295   бежево-белый неметаллик
Такси 299   желтый насыщенный
Ива серебристая 301   М светло-бежевый неметаллик
Лиана 302 302   зеленый неметаллик
Бергамот 302   М голубовато-зеленый загадочный металлик
Защитная / хаки 303   зеленый хаки
Green metalic chevrolet 3049   М
Аспарагус 305   М серебристо-зеленый металлик
Зеленый сад 307   темно-зеленый не металлик, близкий по цвету еловой хвое
Осока 308   М светло-мятный металлик
Гренадер 309   красный немного розоватый неметаллик
Валюта 310   М светло-серый металлик, имеющий слабо выраженный зеленый оттенок или "долларовый" металлик
Игуана 311   М зеленый металлик цвета бутылочного стекла
Водолей 313   М латунь металлик
Сальвия 320   бледно-зеленый, светло-оливковый
Колумбийская зелень 322   М золотисто-оливковый металлик.
Светло-зеленая 325   светло-зеленая
Ярко-зеленая 329   яркий зеленый
Золотой лист 331   М золотистый темно-зеленый металлик
Оливковая 340   оливковый неметаллик
Золото инков 347   М золотистый темно-зеленый металлик
Кедр 352   серо-зеленый неметаллик
Бальзам 353   зеленый
Сочи 360   М серо-светло-зеленый металлик
Цунами 363   М глубокий сине-зеленый металлик
Blanc glacier renault 369   белый белый
Корсика 370   М серо-зеленый металлик
Амулет 371   М темно-зеленый
Серовато-зеленая 373   серовато-зеленая
Мурена 377   темный сине-зеленый не металлик
Ниагара 383   М легкий бежево-бледно-голубоватый оттенок
Изумруд 385   М темно-зеленый металлик
Папирус 387   М серый металлик с легким желтым оттенком
Табак 399   М зелено-коричневый металлик.
Tango ford 3rse   М красный с розоватым оттенком металлик
Босфор 400   светло-синий
Ирис 402   светло-голубой
Монте-карло 403   ярко-синий неметаллик
Петергоф 404   голубой с примесью
Арахис 405   бледно-золотистый
Чароит 407   М серо-светло-сиреневый оттенок
Магеллан 410   темно-голубой
Сенеж 410   светло-голубой
Регата 412   М темно-голубой красивый металлик
Электрон 415   М темно-серый металлик
Фея 416   М голубой металлик с легким сиреневым оттенком.
Пицунда 417   зелено-голубой неметаллик.
Опал 419   М серебристый металлик слабого голубого оттенка
Красная 42   насыщенно-красный
Балтика 420   синезеленый неметаллик с характерным глубоким оттенком.
Афалина 421   М светло-зеленый металлик бирюзового оттенка.
Гейзер 423   М
Голубая/адриатика 425   голубой неметаллик
Серовато-голубая 427   серо-голубой
Медео 428   голубой неметаллик
Атлантика 440   светло-синий
Сапфир 446   М синий металлик
Синяя полночь 447   сине-фиолетовый неметаллик
Рапсодия 448   М сине-фиолетовый металлик.
Океан 449   сине-фиолетовый неметаллик
Калипсо 450   сине-фиолетовый
Боровница 451   М серебристо-темно серый металлик.
Капри 453   М темно-сине-зеленый металлик
Темно-синяя 456   темно-синий
Мулен-руж 458   ярко-фиолетовый неметаллик
Синяя/валентина 464   серо-фиолетовый неметаллик.
Слива 478   М
Бриз 480   светло-зеленый неметаллик бирюзового оттенка.
Ярко-голубая 481   одним словом неметаллик
Сириус 483   М
Лагуна 487   М сине-голубой металлик.
Canterbury green daewoo 48L   М бледно-салатовый серебристый металлик
Астероид 490   М темно-сине-зеленый металлик.
Лунный свет 495   М
Васильковая 497   светло-голубой
Лазурно-синий 498   М а по существу - сине-черный металлик.
Deep navy blue ford 4cwa   М темно темно-синий
Deep rosso red ford 4sve   М светло-бордовый
Белая 1 *  
Белая иж1 *  
Белый газ *   белый
Мальва *   темно-красный неметаллик
Порту *   красный насыщенный
Белая 2 *   белый
Апельсин камаз *   оранжевый
Бежевая *   бежевый
Морская волна *   сине-зеленый как море)
Айсберг газ *   белый
Ангара *   голубой
Светло-голубая *   светло-голубой
Белая иж2 *   белый
Белая ночь *   белый
Светло-дымчатая *   светло-серый
Светло-серая газ *   светло-серый
Серая *   серый
Палевая *   темно-бежево-желтоватый
Песочная *   темно-охровый
Светло-бежевая *   светло-бежевый
Дыня 502   М серебристо-желтый
Лаванда *   светло-фиолетовый
Серо-голубая *   серо-голубой
Юниор *   фиолетово-голубой
Флора *   зеленый
Лоза *   темновато-зеленый
Синевато-зеленая *   синевато-зеленый
Парма *   темно-зеленый
Морская пучина *   темно-зеленый с синевой
Солярис *   темный сиреневый
Аустер gm *   М
Аккорд 503   М серебристо-коричневый металлик
Морано газ *   М
Адрия газ *   М
Ангара газ *   М
Антика *   М
Олимпия gm *   М
Blue metalic chevrolet *   М
Буран газ *   М
Дельфин газ *   М
Лас вегас газ *   М
Наутилус газ *   М
Озеро тахо газ *   М
Омега газ *   М
Панакота газ *   М
Посейдон газ *   М
Сильвер газ *   М
Скат газ *   М
Циклон газ *   М
Черный газ *   М
Наутилус 507   темно-зеленый с синевой
Гольфстрим 508   фиолетово-голубой
Темно-бежевая 509   темно-бежевый
Кипарис 564   светло-зеленый
Тайга 565   зеленый
Черная 601   неметаллики черного цвета, едва различающиеся оттенками
Авантюрин 602   М черный металлик
Нарва 605   бледно-золотистая, латунь
Млечный путь 606   М черный
Brighton gold daewoo 60U   М бледно-золотистый
Динго 610   зелено-светлоголубой-сложный цвет)
Полюс мира 615   М серебристо-серый металлик
Albastra egee renault 61G   М светло-синий
Мускат 620   М
Мокрый асфальт 626   М серый металлик отдаленно похожего цвета
Нептун 628   М темно-серый металлик синего оттенка
Khaki beige daewoo 62U   М темно-бежевый металлик
Кварц 630   М темно-серый металлик
Gris boreal renault 632   М бежевый
Черный шоколад 635   М черный с неким глубоким оттенком металлик
Серебристый 640   М серебро
Совиньон 650   М бледно золотисто оливковый
Черный трюфель 651   М черный с неким глубоким отенком
Викинг 655   М
Альтаир 660   М серебристый светло-серый металлик.
Космос 665   М черный металлик
Сандал 670   М розовый металлик
Светло-серая 02 / серая 671 671  
Серая 671   серая
Noir nachre renault 676   М черный
Снежная королева / серебристый 690   М серебристый металлик без какого-либо оттенка
Sea grey ford 6dye   М серо-синий
Туманное утро gm 708   М
Mexico red daewoo 71L   красно-розовый
Spinel red daewoo 74U   М бледновато-красный
Темно-коричневая 793   темно-коричневый
Пирано 795   М красно-коричневый металлик
Frozen white ford 7vta   белый белый
Pearl black daewoo 87U   М черный
Greenish blue daewoo 88K   М серо-сине-зеленый
Morello ford 8rte   М темно-сиреневый, черешня
Золотая звезда gm 901   М
Посейдон gm 902   М
Дельфин gm 903   М
Silver stone daewoo 91L   М серебристо-серый металлик
Cashmere beige daewoo 92L   М серебристо-бежевый
Poly silver daewoo 92U   М серебристый
Dove silver daewoo 95U   М серебристо-золотистый
Зеленый 963   М просто зеленый
Blue daewoo 97K   М светло-синий
Gris eclipse nachre renault B66   М
Черная hyundai D01   М
Casablanca white chevrolet DF13-OEOB   белая
Blanc neige renault F30   белая
Vert opaline renault F98   М
Marsala red chevrolet FD13-31V4   темновато-красный
King blue chevrolet FD13-51RP   сине-фиолетовый
Pannacota chevrolet FE87-1167   М
Rubens chevrolet FE87-3594   М
Prestige blue chevrolet Fe87-520Q   М
Classic green chevrolet FE87-60FF   М
Green bamboo chevrolet Fe87-6393   М
Silver chevrolet FE87-7052   М
Moonland chevrolet Fe87-7155   М
Light silver chevrolet FE87-7163   М
Night black chevrolet FE87-9423   М
Летний песок hyundai H01   М
Blue oleron renault J48   синий
Gris comete renault KNA   М
Gris basalt renault KNM   М
Oyster silver ford pc2   М серебристо-желтовато-серый
Малина hyundai R01   М
Blue minerale renault RNF   М
Blue electrique renault RNZ   М
Dove silver daewoo u182   М серебристо-золотой

Как работают hex-коды для обозначения цветов

Перевод статьи «How Hex Code Colors Work – and How to Choose Colors Without A Color Picker».8. Просто еще один факт, который знать не обязательно).

К этому моменту внимательные читатели могли уже понять, насколько просто работать с цветами, представленными в такой форме. Черный цвет представляется как RGB (0,0,0), а белый — RGB (255,255,255). Ну а зеленый, соответственно, — RGB (0,255,0).

Hex-кодировка цветов

Теперь, зная, что в принципе означают коды цветов, давайте посмотрим на hex-коды. Возьмем, к примеру, #ff0000, и попробуем разобраться, что этот код означает.

Посмотрите на таблицу перевода чисел из шестнадцатеричной системы в десятичную, и вы увидите, что «FF» — это 255 в десятичной системе.

Это подсказка. Два первых символа в нашем hex-коде (да и во всех остальных тоже) относятся к красному цвету, и в данном случае его значение — 255. Следующие два символа отвечают за зеленый, а последние — за синий цвет.

Исходя из этого, вы можете понять, что #ff0000 — то же самое, что RGB (255,0,0). То есть, чистый красный. Аналогично, #ff00ff — это максимум красного и одновременно синего, а вместе они дают пурпурный (magenta).

На этом этапе вы, вероятно, уже осознали значение и элегантность hex-кодов. Поскольку они шестнадцатеричные, а максимальное значение каждого компонента — 255, при помощи всего 6 символов можно передать практически любой цвет.

Эта система также означает, что вам доступна очень широкая палитра цветов, потому что каждый компонент может иметь любое значение, от 0 до 255. Попробуйте прикинуть количество вариантов, и вы поймете, что вам доступны 16777216 цветов.

Как использовать сокращенные обозначения цвета

Разобравшись с hex-кодами, вы можете начать использовать их в своих веб-проектах — вместо пипетки в программе для выбора цвета.

Но сначала будет полезным узнать, что это не единственные опции.

Поскольку HTML проектировался так, чтобы им было удобно пользоваться, он допускает использование сокращенной записи hex-кодов. Например, код чистого красного цвета #FF0000 можно сократить до #F00. Одна цифра для красного, одна для зеленого и одна для синего. Браузеры интерпретируют #FF0000 и #F00 одинаково.

Такая запись сокращает доступное количество цветов до примерно 4 тысяч, но ее применение дает некоторые преимущества.

Сокращенный формат записи цветов может улучшить производительность ваших веб-страниц. Это может быть незаметно в маленьких проектах, но будет иметь большое значение, когда ваши проекты станут более сложными.

Почему стоит использовать hex-коды

Большинство конструкторов сайтов позволяют вводить hex-код вместо выбора цвета при помощи мыши. Такой подход имеет ряд преимуществ.

Во-первых, так легче отслеживать, какие цвета используются. Пользуясь пипеткой, очень легко ошибиться и выбрать не тот цвет, пускай даже и очень близкий к желаемому. Вы и не заметите, как в оформлении двух разных страниц появятся два оттенка красного. Применение кодов вместо пипетки гарантирует, что каждый раз вы получите именно тот цвет, который хотели получить.

Во-вторых, использование hex-кодов позволяет подбирать цвета куда более точно. Никакой графический инструмент не содержит 16 миллионов доступных цветов. Если вы пользуетесь кодами, вам доступны любые оттенки.

В-третьих, понимание того, как получаются цвета на экране, очень полезно при проектировании веб-страниц (да и любых программ). Зная, как разные устройства интерпретируют и выводят цвета, вы можете начать использовать hex-коды для смешивания цветов, и при этом быть уверенным, что на экране отобразится именно то, что вы хотели.

Дополнительные преимущества

Hex-коды применяются при работе с HTML, но не только. Практически все программы для работы с изображениями пользуются той же кодировкой. Таким образом, разобравшись, как работают hex-коды, вы получаете полезный и переносимый навык.

Применение цвета к HTML элементам с помощью CSS - HTML

Использование цвета - одна из фундаментальных форм человеческого восприятия, так дети экспериментируют с цветом ещё до того, как начинают осознанно рисовать. Возможно, именно поэтому цвет - одна из первых вещей, с которой люди хотят экспериментировать, изучая разработку веб-сайтов. С помощью CSS, существует множество способов присвоить цвет HTML элементам, чтобы придать им желаемый вид. Эта статья даёт базовые представления о всех способах применения цвета к HTML элементам с помощью CSS.

К счастью, присвоить цвет к HTML элементу очень просто, и это можно сделать практически со всеми элементами.

Мы затронем большинство из того, что нужно знать при использовании цвета, включая список элементов, которые могут иметь цвет, и необходимые для этого CSS свойства, как задать цвет, и как  использовать его в таблицах стилей и в JS скриптах. Мы также рассмотрим как предоставить возможность пользователю выбрать цвет. 

Завершим мы статью размышлениями на тему как использовать цвет с умом: как выбрать подходящий цвет, учитывая потребности людей с различными визуальными способностями.

На уровне элементов HTML, всему можно присвоить цвет. С точки зрения отдельных составляющих элементов, таких как текст, границы и т.д., существует ряд свойств CSS, с помощью которых можно присвоить цвет. 

На фундаментальном уровне, свойство color (en-US) определяет цвет текста HTML элемента, а свойство background-color - цвет фона элемента. Они работают практически для всех элементов.

Текст

Эти свойства используются для определения цвета текста, его фона и любого оформления текста.

color (en-US)
Свойство color применяется к тексту и любому оформлению текста, например: подчёркивание, линии на текстом, перечёркивание и т.д.
background-color
Цвет фона текста.
text-shadow

Добавляет и устанавливает параметры тени для текста. Один из параметров тени - это основной цвет, который размывается и смешивается с цветом фона на основе других параметров. См. Text drop shadows в Fundamental text and font styling, чтобы узнать больше.

text-decoration-color (en-US)

По умолчанию, элементы оформление текста (подчёркивание, перечёркивание) используют цвет свойства color. Но вы можете присвоить другой цвет с помощью свойства text-decoration-color.

text-emphasis-color (en-US)

Цвет, который используется для выделения диакритических знаков, прилегающих к каждому текстовому символу. Это свойство используется преимущественно для восточноазиатских языков.

caret-color (en-US)

Цвет, который используется для каретки (caret) (курсора ввода текста). Применимо только к редактируемым элементам, таким как <input> и <textarea> (en-US) или элементам , для которых установлен атрибут contenteditable.

Блоки

Каждый элемент представляет собой прямоугольный блок с каким-то содержимым, фоном и границей.

borders
См. раздел Borders с перечнем свойств CSS, с помощью которых можно присвоить цвет границам блока.
background-color
Цвет фона блока.
column-rule-color
Цвет линий, которые разделяют колонки текста.
outline-color (en-US)
Цвет контура, вокруг границы элемента. Этот контур отличается от границы элемента тем, что он не занимает место в документе и может перекрывать другой элемент. Обычно его используют как рамку-индикатор, чтобы показать какой элемент находится в фокусе.

Границы

Вокруг любого элемента можно создать границу, т.е. линию вокруг содержимого элемента. См. Box properties в The box model, чтобы узнать больше про отношения между элементами и их границами, и статью Оформляем Границы с Помощью CSS, чтобы узнать больше про то, как применять стили к границам.

Существует краткая запись border, которая позволяет задать сразу все свойства границы, включая даже не связанные с цветом свойства, такие как толщина линии (width), стиль линии (style): сплошная (solid),  штриховая (dashed) и так далее.

border-color (en-US)
Задаёт единый цвет для всех сторон границы элемента.
border-left-color (en-US), border-right-color (en-US), border-top-color (en-US), and border-bottom-color (en-US)
Позволяет установить цвет соответствующей стороне границы элемента: border-left-color - левая граница, border-right-color - правая, border-top-color - верхняя, border-bottom-color - нижняя.
border-block-start-color (en-US) and border-block-end-color (en-US)
С помощью этих свойств вы можете установить цвет границ, которые расположены ближе всего к началу и концу блока. Для письменности слева направо, начало границы блока - верхний край, а конец - нижний. Не путайте с началом и концом строки, где начало - это левый край, а конец - правый.
border-inline-start-color (en-US) and border-inline-end-color (en-US)
Эти свойства определяют цвет границы, расположенной ближе всего к началу и концу текста в блоке. Сторона начала и конца зависит от свойств writing-mode, direction и text-orientation (en-US), которые обычно (но не всегда) используются для настройки направления текста. Например, если текст отображается справа налево, то border-inline-start-color применяется к правой стороне границы.

Как можно ещё использовать цвет

CSS не единственная web-технология, которая поддерживает цвет.

HTML Canvas API
Позволяет создавать растровую 2D-графику в элементе <canvas>. См. Canvas tutorial, чтобы узнать больше.
SVG (Scalable Vector Graphics - Масштабируемая Векторная Графика)

Позволяет создавать изображения с помощью команд, которые рисуют определённые фигуры, узоры, линии для создания конечного изображения. Команды SVG форматируются в XML, и могут размещаться непосредственно на веб-странице, или в элементе <img>, как и любое другое изображение.

WebGL
Библиотека Веб-Графики (The Web Graphics Library) - это кроссплатформенный API на основе OpenGL ES, используется для создания высокопроизводительной 2D и 3D-графики в браузере. См. Learn WebGL for 2D and 3D, чтобы узнать больше..

Для того чтобы задать цвет в CSS, необходимо найти способ как перевести понятие "цвета" в цифровой формат, который может использовать компьютер. Обычно это делают разбивая цвет на компоненты, например какое количество единиц основных цветов содержится в данном цвете или степень яркости. Соответственно, есть несколько способов как можно задать цвет в CSS.

Подробнее о каждом значения цвета, можно прочитать в статье про CSS <color>.

Ключевые слова

Существует набор названий цветов стандартной палитры, который позволяет использовать ключевые слова вместо числового значения цвета. Ключевые слова включают основные и вторичные цвета (такие как красный (red), синий (blue), или оранжевый (orange)), оттенки серого (от чёрного (black) к белому (white), включая такие цвета как темносерый (darkgray) или светло-серый (lightgrey)), а также множество других смешанных цветов: lightseagreen, cornflowerblue, и rebeccapurple.

См. Color keywords в <color> - полный перечень всех доступных ключевых слов.

RGB значения

Есть три способа передачи RGB цвета в CSS.

Шестнадцатеричная запись в виде строки

Шестнадцатеричная запись передаёт цвет, используя шестнадцатеричные числа, которые передают каждый компонент цвета (красный, зелёный и синий). Запись также может включать четвёртый компонент: альфа-канал (или прозрачность). Каждый компонент цвета может быть представлен как число от 0 до 255 (0x00 - 0xFF) или, опционально, как число от 0 до 15 (0x0 - 0xF). Каждый компонент необходимо задавать используя одинаковое количество чисел. Так, если вы используете однозначное число, то итоговый цвет рассчитывается используя число каждого компонента дважды: "#D" превращается в "#DD".

Цвет в шестнадцатеричной записи всегда начинается с символа "#". После него начинаются шестнадцатеричные числа цветового кода. Запись не зависит от регистра.

"#rrggbb"
Задаёт полностью непрозрачный цвет, у которого компонент красного цвета представлен шестнадцатеричным числом 0xrr, зелёного - 0xgg и синего - 0xbb.
"#rrggbbaa"
Задаёт цвет, у которого компонент красного представлен шестнадцатеричным числом 0xrr, зелёного - 0xgg и синего - 0xbb. Альфа канал представлен 0xaa; чем ниже значение, тем прозрачнее становится цвет.
"#rgb"
Задаёт цвет, у которого компонент красного представлен шестнадцатеричным числом 0xr, зелёного - 0xg и синего - 0xb.
"#rgba"
Задаёт цвет, у которого компонент красного представлен шестнадцатеричным числом 0xr, зелёного - 0xg и синего - 0xb. Альфа канал представлен 0xa; чем ниже значение, тем прозрачнее становится цвет.

Например, вы можете представить непрозрачный ярко-синий цвет как "#0000ff" или "#00f". Для того, чтобы сделать его на 25% прозрачным, вы можете использовать "#0000ff44" или "#00f4".

RGB запись в виде функции

RGB запись в виде функции, как и шестнадцатеричная запись, представляет цвет, используя красный, зелёный и синий компоненты (также, опционально можно использовать компонент альфа канала для прозрачности). Но, вместо того, чтоб использовать строку, цвет определяется CSS функцией rgb(). Данная функция принимает как вводные параметры значения красного, зелёного и синего компонентов и, опционально, четвёртого компонента - значение альфа канала.

Допустимые значения для каждого из этих параметров:

red, green, и blue
Каждый параметр должен иметь <integer> значение между 0 и 255 (включительно), или <percentage> от 0% до 100%.
alpha
Альфа канал - это числовое значение между 0.0 (полностью прозрачный) и 1.0 (полностью непрозрачный). Также можно указать значение в процентах, где 0% соответствует 0.0, а 100% - 1.0.

Например, ярко-красный с 50% прозрачностью может быть представлен как rgb(255, 0, 0, 0.5) или rgb(100%, 0, 0, 50%).

HSL запись в виде функции

Дизайнеры часто предпочитают использовать цветовую модель HSL, где H - Hue (оттенок), S - Saturation (насыщенность), L - Lightness or Luminance (светлота). В браузерах HSL цвет представлен через запись HSL в виде функции. CSS функция hsl() очень похожа на rgb() функцию.

Рис. 1. Цилиндрическая модель HSL. Hue (оттенок) определяет фактический цвет, основанный на положении вдоль цветового круга, представляя цвета видимого спектра. Saturation (насыщенность) представляет собой процентное соотношение оттенка от серого до максимально насыщенного цвета. По мере увеличения значения luminance/ lightness (светлоты) цвет переходит от самого тёмного к самому  светлому (от чёрного к белому). Изображение представлено пользователем SharkD в Wikipedia, распространяется на правах лицензии CC BY-SA 3.0 .

Значение компонента оттенок (H) цветовой модели HSL определяется углом при движении вдоль окружности цилиндра от красного через жёлтый, зелёный, голубой, синий и маджента, и заканчивая через 360° снова красным. Данное значение определяет базовый цвет. Его можно задать в любых единицах, поддерживаемых CSS свойством <angle>, а именно -  в градусах (deg), радианах (rad), градиентах (grad) или поворотах (turn). Но компонент оттенок никак не влияет на то, насколько насыщенным, ярким или темным будет цвет.

Компонент насыщенность (S) определяет количество конечного цвета из которого состоит указанный оттенок. Остальное определяется уровнем серого цвета, которое указывает компонент luminance/ lightness (L).

Подумайте об этом как о создании идеального цвета краски:

  1. Вы начинаете с базовой краски, т.е. с максимально возможной интенсивности данного цвета. Например, наиболее насыщенный синий, который может быть представлен на экране пользователя. Это компонент hue (оттенок): значение представляющее угол вокруг цветового круга для насыщенного оттенка, который мы хотим использовать в качестве нашей базы.
  2. Далее выберете краску серого оттенка, которая будет соответствовать тому, насколько ярким вы хотите сделать цвет. Это luminance/ lightness (яркость). Вы хотите, чтобы цвет был очень ярким, практически белым или очень темным, ближе к чёрному, или что-то среднее? Данный компонент определяется в процентах, где 0% - совершенный чёрный цвет и 100% - совершенный белый (независимо от насыщенности или оттенка). Средние значения - это буквальная серая область.
  3. Теперь, когда у есть серый цвет и идеально насыщенный цвет, вам необходимо их смешать. Компонент saturation (насыщенность) определяет какой процент конечного цвета должен состоять из идеально насыщенного цвета. Остаток конечного цвета формируется серым цветом, который представляет насыщенность.

Опционально вы также можете включить альфа-канал, чтобы сделать цвет менее прозрачным.

Вот несколько примеров цвета в HSL записи:

Обратите внимание, что, когда вы не указываете единицу измерения оттенка (hue), то предполагается, что он указан в градусах (deg).

Теперь, когда вы знаете какие существуют свойства CSS для присваивания цвета к элементам и какие есть форматы описания цвета, вы можете соединить это вместе, чтобы начать использовать цвет. Как вы уже видели в списке под разделом Что может иметь цвет, существует множество вещей, к которым можно применить цвет, используя CSS. Давайте взглянем на это с двух сторон: использовать цвет в таблицах стилей (stylesheet) и добавлять, изменять цвет, используя JavaScript код.

Цвет в таблицах стилей CSS

 

Самый простой способ присвоить цвет элементу и то, как это обычно делается - это просто указать цвет в CSS. Мы не будем останавливаться на каждом из вышеупомянутых свойств, а просто рассмотрим несколько примеров. Где бы вы не использовали цвет, принцип один и тот же.

Давайте начнём наш пример с результата, который нам нужно достичь:

 

HTML

HTML, который создаёт вышеупомянутый пример:

<div>
  <div>
    <p>
      This is the first box.
    </p>
  </div>
  <div>
    <p>
      This is the second box.
    </p>
  </div>
</div>

Все довольно просто: первый <div> используется как обёртка (wrapper) содержимого, которое состоит из ещё двух <div>, каждый из которых содержит один параграф (<p>) и имеет свой стиль.

Все волшебство, как всегда, происходит в CSS, где мы и будем присваивать цвет к данным HTML элементам..

CSS

CSS мы рассмотрим более детально, чтобы по очереди проанализировать все интересные части.

.wrapper {
  width: 620px;
  height: 110px;
  margin: 0;
  padding: 10px;
  border: 6px solid mediumturquoise;
}

 

Класс .wrapper определяет стиль для элемента <div>, который заключает в себе все остальные элементы. Он устанавливает размер контейнера с помощью свойств ширины width, высоты height, внешних margin и внутренних padding полей.

Но больше всего нас интересует свойство граница border, которое устанавливает границу вокруг внешнего края элемента. Данная граница представлена сплошной линией, шириной в 6 пикселей, светло-бирюзового цвета (mediumturquoise).

Два цветных блока имеют ряд одинаковых свойств, поэтому далее мы установим класс .box, который определит эти общие свойства:

 

.box {
  width: 290px;
  height: 100px;
  margin: 0;
  padding: 4px 6px;
  font: 28px "Marker Felt", "Zapfino", cursive;
  display: flex;
  justify-content: center;
  align-items: center;
}

 

Вкратце класс .box устанавливает размер каждого блока и параметры шрифта. Также мы используем CSS Flexbox, чтобы с лёгкостью отцентрировать содержимое каждого блока. Мы включаем режим flex с помощью display: flex, и присваиваем значение center justify-content и align-items. Затем мы создаём отдельные классы для каждого из двух блоков, которые определят индивидуальные свойства.

 

.boxLeft {
  float: left;
  background-color: rgb(245, 130, 130);
  outline: 2px solid darkred;
}

 

Класс .boxLeft, который используется для стилизации левого блока, выравнивает контейнер по левому краю и присваивает цвета:

  • background-color определяет цвет фона блока значением rgb(245, 130, 130).
  • outline (en-US), в отличие от привычного нам свойства border,  не влияет на положение блока и его ширину. Outline представлен сплошной, темно-красной линией, шириной в 2 пикселя. Обратите внимание на ключевое слово darkred, которое используется для определение цвета.
  • Обратите внимание, что мы не определяем значение цвета текста. Это означает, что свойство color (en-US) будет унаследовано от ближайшего родительского элемента, у которого это свойство определено. По умолчанию это чёрный цвет.

 

.boxRight {
  float: right;
  background-color: hsl(270deg, 50%, 75%);
  outline: 4px dashed rgb(110, 20, 120);
  color: hsl(0deg, 100%, 100%);
  text-decoration: underline wavy #88ff88;
  text-shadow: 2px 2px 3px black;
}

 

Класс .boxRight описывает свойства правого блока. Блок выравнивается по правому краю и становится рядом с предыдущим блоком. Затем определяются следующие цвета:

  • background-color определяется значением HSL: hsl(270deg, 50%, 75%). Это светло-фиолетовый цвет.
  • Outline блока определяет, что вокруг блока должна быть прерывистая линия, шириной в четыре пикселя, фиолетового цвета немного темнее, чем цвет фона (rgb(110, 20, 120)).
  • Цвет текста определяется свойством color (en-US), значение которого hsl(0deg, 100%, 100%). Это один из многих способов задать белый цвет.
  • С помощью text-decoration (en-US) мы добавляем зелёную волнистую линию под текстом.
  • И наконец, свойство text-shadow добавляет небольшую чёрную тень тексту.

There are many situations in which your web site may need to let the user select a color. Perhaps you have a customizable user interface, or you're implementing a drawing app. Maybe you have editable text and need to let the user choose the text color. Or perhaps your app lets the user assign colors to folders or items. Although historically it's been necessary to implement your own color picker, HTML now provides support for browsers to provide one for your use through the <input> element, by using "color" as the value of its type attribute.

The <input> element represents a color only in the hexadecimal string notation covered above.

Example: Picking a color

Let's look at a simple example, in which the user can choose a color. As the user adjusts the color, the border around the example changes to reflect the new color. After finishing up and picking the final color, the color picker's value is displayed.

On macOS, you indicate that you've finalized selection of the color by closing the color picker window.

HTML

The HTML here creates a box that contains a color picker control (with a label created using the <label> element) and an empty paragraph element (<p>) into which we'll output some text from our JavaScript code.

<div>
  <label for="colorPicker">Border color:</label>
  <input type="color" value="#8888ff">
  <p></p>
</div>
CSS

The CSS simply establishes a size for the box and some basic styling for appearances. The border is also established with a 2-pixel width and a border color that won't last, courtesy of the JavaScript below...

#box {
  width: 500px;
  height: 200px;
  border: 2px solid rgb(245, 220, 225);
  padding: 4px 6px;
  font: 16px "Lucida Grande", "Helvetica", "Arial", "sans-serif"
}
JavaScript

The script here handles the task of updating the starting color of the border to match the color picker's value. Then two event handlers are added to deal with input from the <input type="color"> element.

let colorPicker = document.getElementById("colorPicker");
let box = document.getElementById("box");
let output = document.getElementById("output");

box.style.borderColor = colorPicker.value;

colorPicker.addEventListener("input", function(event) {
  box.style.borderColor = event.target.value;
}, false);

colorPicker.addEventListener("change", function(event) {
  output.innerText = "Color set to " + colorPicker.value + ".";
}, false);

The input (en-US) event is sent every time the value of the element changes; that is, every time the user adjusts the color in the color picker. Each time this event arrives, we set the box's border color to match the color picker's current value.

The change (en-US) event is received when the color picker's value is finalized. We respond by setting the contents of the <p> element with the ID "output" to a string describing the finally selected color.

Making the right choices when selecting colors when designing a web site can be a tricky process, especially if you aren't well-grounded in art, design, or at least basic color theory. The wrong color choice can render your site unattractive, or even worse, leave the content unreadable due to problems with contrast or conflicting colors. Worse still, if using the wrong colors can result in your content being outright unusable by people withcertain vision problems, particularly color blindness.

Finding the right colors

Coming up with just the right colors can be tricky, especially without training in art or design. Fortunately, there are tools available that can help you. While they can't replace having a good designer helping you make these decisions, they can definitely get you started.

Base color

The first step is to choose your base color. This is the color that in some way defines your web site or the subject matter of the site. Just as we associate green with the beverage Mountain Dew and one might think of the color blue in relationship with the sky or the ocean, choosing an appropriate base color to represent your site is a good place to start. There are plenty of ways to select a base color; a few ideas include:

  • A color that is naturally associated with the topic of your content, such as the existing color identified with a product or idea or a color representative of the emotion you wish to convey.
  • A color that comes from imagery associated with what your content is about. If you're creating a web site about a given item or product, choose a color that's physically present on that item.
  • Browse web sites that let you look at lots of existing color palettes and imags to find inspiration.

When trying to decide upon a base color, you may find that browser extensions that let you select colors from web content can be particularly handy. Some of these are even specifically designed to help with this sort of work. For example, the web site ColorZilla offers an extension (Chrome / Firefox) that offers an eyedropper tool for picking colors from the web. It can also take averages of the colors of pixels in various sized areas or even a selected area of the page.

The advantage to averaging colors can be that often what looks like a solid color is actually a surprisingly varied number of related colors all used in concert, blending to create a desired effect. Picking just one of these pixels can result in getting a color that on its own looks very out of place.

Fleshing out the palette

Once you have decided on your base color, there are plenty of online tools that can help you build out a palette of appropriate colors to use along with your base color by applying color theory to your base color to determine appropriate added colors. Many of these tools also support viewing the colors filtered so you can see what they would look like to people with various forms of color blindness. See Color and accessibility for a brief explanation of why this matters.

A few examples (all free to use as of the time this list was last revised):

When designing your palette, be sure to keep in mind that in addition to the colors these tools typically generate, you'll probably also need to add some core neutral colors such as white (or nearly white), black (or nearly black), and some number of shades of gray.

Usually, you are far better off using the smallest number of colors possible. By using color to accentuate rather than adding color to everything on the page, you keep your content easy to read and the colors you do use have far more impact.

Color theory resources

A full review of color theory is beyond the scope of this article, but there are plenty of articles about color theory available, as well as courses you can find at nearby schools and universities. A couple of useful resources about color theory:

Color Science (Khan Academy in association with Pixar)
An online course which introduces concepts such as what color is, how it's percieved, and how to use colors to express ideas. Presented by Pixar artists and designers.
Color theory on Wikipedia
Wikipedia's entry on color theory, which has a lot of great information from a technical perspective. It's not really a resource for helping you with the color sleection process, but is still full of useful information.

Color and accessibility

There are several ways color can be an accessibility problem. Improper or careless use of color can result in a web site or app that a percentage of your target audience may not be able to use adequately, resulting in lost traffic, lost business, and possibly even a public relations problem. So it's important to consider your use of color carefully.

You should do at least basic research into color blindness. There are several kinds; the most common is red-green color blindness, which causes people to be unable to differentiate between the colors red and green. There are others, too, ranging from inabilities to tell the difference between certain colors to total inability to see color at all.

The most important rule: never use color as the only way to know something. If, for example, you indicate success or failure of an operation by changing the color of a shape from white to green for success and red for failure, users with red-green color-blindness won't be able to use your site properly. Instead, perhaps use both text and color together, so that everyone can understand what's happening.

For more information about color blindness, see the following articles:

Palette design example

Let's consider a quick example of selecting an appropriate color palette for a site. Imagine that you're building a web site for a new game that takes place on the planet Mars. So let's do a Google search for photos of Mars. Lots of good examples of Martian coloration there. We carefully avoid the mockups and the photos from movies. And we decide to use a photo taken by one of the Mars landers humanity has parked on the surface over the last few decades, since the game takes place on the planet's surface. We use a color picker tool to select a sample of the color we choose.

Using an eyedropper tool, we identify a color we like and determine that the color in question is #D79C7A, which is an appropriate rusty orange-red color that's so stereotypical of the Martian surface.

Having selected our base color, we need to build out our palette. We decide to use Paletteon to come up with the other colors we need. Upon opening Paletton, we see:

Next, we enter our color's hex code (D79C7A) into the "Base RGB" box at the bottom-left corner of the tool:

We now see a monochromatic palette based on the color we picked from the Mars photo. If you need a lot of related colors for some reason, those are likely to be good ones. But what we really want is an accent color. Something that will pop along side the base color. To find that, we click the "add complementary" toggle underneath the menu that lets you select the palette type (currently "Monochromatic"). Paletton computes an appropriate accent color; clicking on the accent color down in the bottom-right corner tells us that this color is #508D7C.

If you're unhappy with the color that's proposed to you, you can change the color scheme, to see if you find something you like better. For example, if we don't like the proposed greenish-blue color, we can click the Triad color scheme icon, which presents us with the following:

That greyish blue in the top-right looks pretty good. Clicking on it, we find that it's #556E8D. That would be used as the accent color, to be used sparingly to make things stand out, such as in headlines or in the highlighting of tabs or other indicators on the site:

Now we have our base color and our accent. On top of that, we have a few complementary shades of each, just in case we need them for gradients and the like. The colors can then be exported in a number of formats so you can make use of them.

Once you have these colors, you will probably still need to select appropriate neutral colors. Common design practice is to try to find the sweet spot where there's just enough contrast that the text is crisp and readable but not enough contrast to become harsh for the eyes. It's easy to go too far in one way or another so be sure to get feedback on your colors once you've selected them and have examples of them in use available. If the contrast is too low, your text will tend to be washed out by the background, leaving it unreadable, but if your contrast is too high, the user may find your site garish and unpleasant to look at.

Коды и примерный вид цветов

102 абрикос   + серебристо-светло оранжевый
602 авантюрин   + серебристо-черный
425 адриатика     синий
204 айсберг     белая-двухслойная
243 акапулько     ярко-желтый
460 аквамарин   + серебристо-сине-зеленый
503 аккорд   + серебристо-коричневый
1018 алмаз.серебро   + (ИЖ) серебристый
660 альтаир   + серебристый светло-серый
355 амазонка     ярко-зеленый
145 аметист   + серебристый фиолетовый
371 амулет   + серебристо-темно-зеленый
425 андриатика     голубой
125 антарес   + темно-вишневый
277 антилопа   + серебристо-бежевый
286 апатия   + серебристый оранжевый
305 аспарагус   + серебристо-зеленый
490 астероид   + темно-сине-зеленый
440 атлантика     светло-синий
1158 аустер   + (GM) светло-серый
421 афалина   + серебристо-зелено-голубой
645 базальт   + серо-черный
107 баклажан     темно-фиолетовый
420 балтика     темно-сине-зеленый
353 бальзам     зеленый
235 бежевый     бежевый
240 белое облако     белый
201 белый     белый
302 бергамот   + серебристо-зеленый
451 боровница   + серебристо-серо-синий
480 бриз     зелено-голубой
262 бронзовый век   + бежево-коричневый
464 валентина     серо-фиолетовый
310 валюта   + серо-зеленый
655 викинг   + темно-серый
129 виктория   + серебристый ярко-красный
132 вишн. сад     темно-серебристо-красный
127 вишня     темно-бордовый
313 водолей   + серо-зеленый
488 галактика   + темно-фиолетовый
423 гейзер   + серо-голубой
481 голубой     голубой
180 гранат     темно-бордовый
150 дефиле     серебристо-серо-коричневый
285 джем   + оранжево-коричневый
502 дыня   + серебристо-желтый
321 дюшес   + серебристо-молочно-зеленый
203 жасмин     бело-желтый
230 жемчуг   + серебристо-бело-молочный
307 защитный     зеленый
257 звездная пыль   + бежево-сиреневый
307 зел.сад     темно-зеленый
963 зеленый   + зеленый
1012 зеленый авокадо     (ИЖ) темно-зеленый
1901 зол.звезда   + (GM) бежево-золотистый
331 зол.лист   + золотистый темно-зеленый
245 золотая нива   + серебристо-желто-зеленый
109 золотисто-бежевый   + (ИЖ) золотисто-бежевый
347 золото инков   + золотистый темно-зеленый
311 игуана   + серебристо-ярко-зеленый
515 изабелла   + темно-филетовый
385 изумруд   + серебристо-зеленый
441 индиго     темно-синий
406 ирис     фиолетовый
128 искра   + красный
358 кайман   + темно-зеленый
104 калина   + ярко-красный
190 калифор. мак   + золотисто-красный
453 капри   + темно-сине-зеленый
212 капучино     светлый серо бежевый
101 кардинал     ярко-красный
118 кармен     красный
630 кварц   + темно-серый
352 кедр     серо-зеленый
381 кентавр   + темно-зеленый
322 колумб.зелень   + золотисто-оливковый
116 коралл   + серебристый темно-красный
798 корица   + коричневый
370 корсика   + серебристый болотно-зеленый
665 космос   + черный
1017 красн.перец   + (ИЖ) серебристо-вишневый
1013 красный порту     (ИЖ) вишневый
281 кристалл   + светло-серый
435 ла-манш   + серебристо-фиолетовый
675 лаванда     серебристо-коричневый
487 лагуна   + серебристо-синий
445 лазурит   + фиолетово-синий
498 лазурно-синий   + серебристый темно-синий
495 лунный свет   + светло-голубой
410 магеллан     темно-синий
133 магия   + серебристо-ярко-фиолетовый
120 майя   + серебристый темно-бордовый
428 медео     голубой
234 медовый   + желто-золотой
317 меридиан     зеленый
1014 мерц.синий   + (ИЖ) серебристо-темно-синий
217 миндаль   + серебристо-бежево-розовый
280 мираж   + серебристый-желто-зеленый
606 млеч. путь   + серебристо-серо-графитовый
626 мокр.асф   + серебристый стальной
403 монте-карло     ярко-синий
325 морск. пучина     темно-зеленый
458 мулен руж     ярко-фиолетовый
377 мурена     сине-зеленый
620 мускат   + серебристо-серо-золотистый
223 нарцисс     желтый
304 наутилус     темно-зеленый
239 невада   + серебристо-серо-бежевый
628 нептун   + серебристо-темно-серо-синий
270 нефертити   + серебристый-бежевый
383 ниагара   + серебристо-серо-голубоватый
1001 озеро тахо   + (УАЗ)темно-серо-зеленый
449 океан     темно-синий
345 оливин   + золотисто-зеленый
340 оливковый     желто-зеленый
1121 олимпия   + (GM) ярко-синий
419 опал   + серебристо-голубоватый
308 осока   + зелено-голубой
387 папирус   + серебристо-серо-зеленоватый
152 паприка   + серебристо-красно-оранжевый
404 петергоф     серо-зеленоватый
795 пирано   + красно-коричневый
417 пицунда     зелено-синий
615 полюс мира   + серо-коричневый
192 портвейн   +  
406 посейдон   + темно-синий
342 прерия   + серебристо-серо-зеленый
605 престиж   + серебристо-темно-синий
276 приз   + серебристо-бежевый
210 примула     светло-желтый
448 рапсодия   + серебристо-ярко-синий
412 регата   + серебристо-темно-синий
122 реклама     ярко-красный
499 ривьера   + сине-фиолетовый
610 рислинг   + серебристо-бледно-серый
1002 ричмо   + (УАЗ) темно-коричневый
391 робин гуд   + тёмно-зелёный
182 романс     темно-красный
110 рубин     красный
442 садко     темно-голубой
1005 салатовый   + салатовый
670 сандал   + бежево-красный
446 сапфир   + серебристый сине-фиолетовый
215 сафари     светло-бежевый
671 светло-серый     светло-серый
301 сер. ива   + серебристый-зеленовато-серый
640 серебристый   + серебристый
236 серо-бежевый     серо-бежевый
233 серо-бел     серо-белый
427 серо-голуб     серо-голубой
373 серо-зеленый     серо-зеленый
1019 серое олово   + (ИЖ) серый серебристый
1011 синий калипсо     (ИЖ) темно-синий
447 синяя полночь     синий
483 сириус   + серо-синий
478 слива   + серебристо-ярко-синий
295 сливочно-белый     сливочно-белый
690 сн. королева   + серебристый
650 совиньон   + серебристо-серый
791 солярис   + темно коричневый
360 сочи   + серебристо-серо-зеленоватый
399 табачный   + серебристый коричнево-зеленый
206 талая вода   + светло-серый
509 темно-бежевый     темно-бежевый
793 темно-коричневый     темно-коричневый
456 темно-синий     темно-синий
170 торнадо     красный
100 триумф   + серебристо-красный
475 тундра   + серебристо-зеленоватый
1020 ультрамарин     (ИЖ) сине-зеленый
1115 феерия   + (GM) ярко-красный
416 фея   + серебристо-сиреневый
105 франкония   + темно-вишнево-малиновый
430 фрегат     цвет морской волны
363 цунами   + темно-зеленый
228 чайная роза     светло-желтый
408 чароит   + серебристый темно-фиолетовый
162 черешня     темно-алый
482 черника   + темно-синий
601 черный     черный
1021 черный графит   + (ИЖ) серебристо-серо-графитовый
513 черный жемчуг   + серебристо-коричневый
651 черный трюфель   + черный
637 черный шоколад   + темно-коричневый
415 электрон   + темно-серый
290 южный крест   + серо-бежевый
473 юпитер   + серебристо-голубоватый
202 ярко-бел     ярко-белый
140 яшма     темно-вишневый

Код цвета ярко зеленый – АвтоТоп

Приведенные ниже в таблице цвета кузовов машин ВАЗ, номера цветов помогут узнать цвет машины и номер краски автомобиля. Она применима к следующим моделям отечественных автомобилей ВАЗ: 1111 Ока, 2101-2121, 2131 (Нива) 4×4, Chevrolet Niva, LADA Priora (Приора),LADA Kalina (Калина), LADA Kalina Sport, LADA 110, LADA 112 Coupe, LADA Samara, LADA 2105, LADA 2107, LADA 4×4, LADA Гранта, автомобилей Волга, ИЖ, ГАЗ

Как узнать цвет автомобиля ВАЗ

Этикетка с номером цвета кузова отечественных машин можно поискать на крышке багажника, в бардачке, в нише запаски около запасного колеса или под ним, под стоп сигналом на спойлере. Эта незатейливая бумажка называется Форма 3347. Порой её трудно найти, легко потерять и запросто забыть. Поэтому в случае её обнаружения чемпионы рекомендуют записывать номер и название краски маркером на внутренней стороне лючка бензобака. Если у вас авто б/у проверьте, возможно это уже кто-то сделал.

Обратите внимание также, что код цвета пишут и в гарантийном талоне.

Что еще можно предпринять, что бы узнать "во что же покрашены мои жигули?" Как вариант – это обратиться к дилеру у которого вы покупали машину, что работает естественно только в том случае если дилер вполне официальная организация.

Если у вас нет никаких документальных свидетельств указывающих на цвет которым окрашен ваш автомобиль можно попытаться установить это воспользовавшись планом покраски LADA на заводе. Для этого вам нужно знать точную дату (год, месяц, день +/-) выпуска вашей машины и она не должна быть моложе 2005 года. Если дата вам известна – напишите нам мы попробуем узнать цвет машины таким образом.

Однако, самый верный способ определить цвет – это обратиться к колористу. А подобрать нужный оттенок можно если предъявить колористу лючок бензобака, с помощью которого специалист на специальном оборудовании сможет изготовить для вас краску точно в цвет и в нужном для вас объеме – подкраска, баллончик или банка. Собственно все это можно сделать в наших лабораториях по компьютерному подбору краски.

Цветовой веер 2019г.

Онлайн веер цветов, в виде справочной информации, поможет подобрать цвета для покраски авто, например если вы решили покрасить его в другой цвет. В таблице приведены цвета авто, название цвета авто и коды красок из веера цветов VIKA.

Обратите внимание – в таблице также приведены цвета краски для иномарок которые производятся у нас и ближнем зарубежье. Оригинальные цвета автомобилей иностранного производства можете посмотреть по ссылке – цвета автомобильных красок для иномарок

В таблице также указаны формы выпуска, бренды и цены на эмали цветов представленных в веере. Обычно у нас можно купить все цвета, если какого то нет в наличии, то в наших силах привезти нужную вам краску под заказ как можно быстрее.

Разработчикам дизайнов сайтов, да и просто сайтостроителям, часто приходится подбирать какие-то цветовые гаммы, чтобы сайт смотрелся красиво и удобно. Как известно, задать цвета в html можно с помощью трех способов (записаны в порядке понижения популярности их применения):

Как можно задать цвет в CSS

1. Задание цвета в виде шести цифр шестнадцатеричного кода

Синтаксис этого способа: # XXXXXX . Первые две цифры отвечают за красный цвет (Red), вторые две цифры за зеленый (Green) и последние две цифры за синий цвет (Blue). Сокращенно его называют RGB. Этот метод встречается чаще всего среди вебмастеров, поскольку он позволяет точно подобрать нужный оттенок цвета.

Возможна более краткая запись в виде трех шестнадцатеричных цифры: # XXX . Поскольку каждый из цветов определяется двухзначным шестнадцатеричным числом, то в данном случае каждая цифра дублируется. Например, # ABC будет равнозначен коду # AABBCC . Аналогично с цифрами.

2. Задание цвета через его название

Самый простой и понятный способ задания цвета – просто написать его название. Сразу скажу, что не для каждого цвета есть свое название, а только для некоторых. Однако этих цветов так много, что, скорее всего, Вы сможете подобрать подходящий для Вас вариант.

3. Задание цвета в виде трех десятичных чисел

Этот способ похож на предыдущий, однако имеет более сложный синтаксис: rgb (XYZ,XYZ,XYZ) , где X, Y, Z – любые десятичные цифры, но XYZ не должно превышать 255. Как и в предыдущем случае каждый из трех чисел отвечает за какой-то цвет (красный, зелёный, синий).

Ниже представлена таблица цветов html, в которой можно посмотреть его название, посмотреть как он выглядит, узнать RGB и html код цвета.

Модуль CSS color подробно описывает значения, которые позволяют авторам определять цвета и непрозрачность html-элементов, а также значения свойства color .

Свойство color

  • Содержание:
  • 1. Приоритетные цвета: свойство color
  • 2. Значения цвета
  • 2.1. Основные ключевые слова
  • 2.2. Числовые значения цвета
  • 2.2.1. Цвета модели RGB
  • 2.2.2. Цвета модели RGBA
  • 2.2.3. Ключевое слово transparent
  • 2.2.4. HSL-цвета
  • 2.2.5. HSLA-значения цвета
  • 2.3. Расширенные ключевые слова цвета
  • 2.4. Ключевое слово currentColor

1. Приоритетные цвета: свойство color

Свойство задаёт цвет шрифта с помощью различных систем цветопередачи. Свойство описывает цвет текстового содержимого элемента. Кроме того, оно используется для предоставления потенциального косвенного значения (currentColor) для любых других свойств, которые принимают значения цвета.

color
Значения:
цветЗадаётся с помощью значений цвета.
inheritНаследует значение свойства от родительского элемента.

2. Значения цвета

2.1. Основные ключевые слова

Список основных ключевых слов включает в себя следующие значения:

НазваниеHEXRGBЦвет
black#0000000,0,0
silver#C0C0C0192,192,192
gray#808080128,128,128
white#FFFFFF255,255,255
maroon#800000128,0,0
red#FF0000255,0,0
purple#800080128,0,128
fuchsia#FF00FF255,0,255
green#0080000,128,0
lime#00FF000,255,0
olive#808000128,128,0
yellow#FFFF00255,255,0
navy#0000800,0,128
blue#0000FF0,0,255
teal#0080800,128,128
aqua#00FFFF0,255,255

Названия цветов не чувствительны к регистру.

2.2. Числовые значения цвета
2.2.1. Цвета модели RGB

Формат значения RGB в шестнадцатеричном формате — это знак # , за которым сразу следуют три или шесть шестнадцатеричных символов. Трехзначная запись RGB #rgb преобразуется в шестизначную форму #rrggbb путем копирования цифр, а не путем добавления нулей. Например, #fb0 расширяется до #ffbb00 . Это гарантирует, что белый #ffffff может быть указан в короткой записи #fff , и удаляет любые зависимости от глубины цвета дисплея.

Формат значения RGB в функциональной нотации — rgb( , за которым следует разделенный запятыми список из трех числовых значений (либо трех целочисленных значений, либо трех процентных значений), за которыми следует символ ) . Целочисленное значение 255 соответствует 100% и F или FF в шестнадцатеричной записи:

Символы пробела допускаются вокруг числовых значений.

Все цвета RGB указываются в цветовом пространстве sRGB. Пользовательские агенты могут различаться в точности, с которой они представляют эти цвета, но использование sRGB дает однозначное и объективно измеримое определение того, каким должен быть цвет.

Значения за пределами диапазона устройства должны быть обрезаны или отображены в известном диапазоне: значения красного, зеленого и синего необходимо изменить, чтобы они попадали в диапазон, поддерживаемый устройством. Некоторые устройства, например принтеры, имеют диапазоны, отличные от sRGB, поэтому некоторые цвета за пределами диапазона 0..255 sRGB будут представимы (внутри диапазона устройства) и будут отображаться.

2.2.2. Цвета модели RGBA

Цветовая модель RGB расширена в этой спецификации, чтобы включить alpha , которая управляющая непрозрачностью цвета. В отличие от значений RGB, для значения RGBA нет шестнадцатеричной записи.

Формат значения RGBA в функциональной нотации — rgba( за которым следует разделенный запятыми список из трех числовых значений (либо трех целочисленных значений, либо трех процентных значений), за которыми следует значение непрозрачности, а затем ) . Целочисленное значение 255 соответствует 100% , rgba (255,255,255,0.8) = rgba (100%,100%,100%,0.8) . Символы пробела допускаются вокруг числовых значений.

Параметр непрозрачности применяется ко всему объекту. Любые значения за пределами диапазона от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный) будут ограничены этим диапазоном.

2.2.3. Ключевое слово transparent

Это ключевое слово можно считать сокращением для прозрачного черного цвета rgba (0,0,0,0) , которое является его вычисленным значением.

2.2.4. HSL-цвета

Цвета RGB не интуитивно понятны. CSS3 добавляет числовые цвета hue-saturation-lightness (HSL) в дополнение к числовым цветам RGB. HSL-цвета симметричны свету и темноте, и преобразование HSL в RGB максимально просто.

Цвета HSL кодируются как тройка (оттенок, насыщенность, яркость). Оттенок представлен как угол цветного круга (то есть радуга, представленная в круге). Этот угол обычно измеряется в градусах, так что эта единица измерения неявна в CSS; синтаксически дается только число. По определению красный = 0 = 360, а остальные цвета распределены по кругу, поэтому зеленый = 120, синий = 240 и т.д. Насыщенность и яркость представлены в процентах. 100% — это полное насыщение, а 0% — это оттенок серого. Яркость 0% — черная, 100% — белая, а 50% — нормальная.

2.2.5. HSLA-значения цвета

Так же, как функциональная нотация rgb() имеет альфа-аналог rgba() , функциональная нотация hsl() имеет альфа-аналог hsla() .

Формат значения цвета HSLA в функциональной нотации — hsla( , за которым следуют оттенок в градусах, насыщенность и яркость в процентах, и значение непрозрачности, после которого следует символ ) . Символы пробела допускаются вокруг числовых значений.

2.3. Расширенные ключевые слова цвета

В таблице ниже представлен список цветов, поддерживаемых популярными браузерами.

НазваниеHEXRGBЦвет
aliceblue#F0F8FF240,248,255
antiquewhite#FAEBD7250,235,215
aqua#00FFFF0,255,255
aquamarine#7FFFD4127,255,212
azure#F0FFFF240,255,255
beige#F5F5DC245,245,220
bisque#FFE4C4255,228,196
black#0000000,0,0
blanche­dalmond#FFEBCD255,235,205
blue#0000FF0,0,255
blueviolet#8A2BE2138,43,226
brown#A52A2A165,42,42
burlywood#DEB887222,184,135
cadetblue#5F9EA095,158,160
chartreuse#7FFF00127,255,0
chocolate#D2691E210,105,30
coral#FF7F50255,127,80
corn­flowerblue#6495ED100,149,237
cornsilk#FFF8DC255,248,220
crimson#DC143C220,20,60
cyan#00FFFF0,255,255
darkblue#00008B0,0,139
darkcyan#008B8B0,139,139
dark­goldenrod#B8860B184,134,11
darkgray#A9A9A9169,169,169
darkgreen#0064000,100,0
darkkhaki#BDB76B189,183,107
darkmagenta#8B008B139,0,139
darkolivegreen#556B2F85,107,47
darkorange#FF8C00255,140,0
darkorchid#9932CC153,50,204
darkred#8B0000139,0,0
darksalmon#E9967A233,150,122
dark­seagreen#8FBC8F143,188,143
darkslate­blue#483D8B72,61,139
darkslate­gray#2F4F4F47,79,79
dark­turquoise#00CED10,206,209
darkviolet#9400D3148,0,211
deeppink#FF1493255,20,147
deepsky­blue#00BFFF0,191,255
dimgray#696969105,105,105
dodgerblue#1E90FF30,144,255
firebrick#B22222178,34,34
floral­white#FFFAF0255,250,240
forest­green#228B2234,139,34
fuchsia#FF00FF255,0,255
gainsboro#DCDCDC220,220,220
ghostwhite#F8F8FF248,248,255
gold#FFD700255,215,0
goldenrod#DAA520218,165,32
gray#808080128,128,128
green#0080000,128,0
green­yellow#ADFF2F173,255,47
honeydew#F0FFF0240,255,240
hotpink#FF69B4255,105,180
indianred#CD5C5C205,92,92
indigo#4B008275,0,130
ivory#FFFFF0255,255,240
khaki#F0E68C240,230,140
lavender#E6E6FA230,230,250
lavender­blush#FFF0F5255,240,245
lawngreen#7CFC00124,252,0
lemon­chiffon#FFFACD255,250,205
lightblue#ADD8E6173,216,230
lightcoral#F08080240,128,128
lightcyan#E0FFFF224,255,255
lightgolden­rodyellow#FAFAD2250,250,210
lightgray#D3D3D3211,211,211
lightgreen#90EE90144,238,144
lightpink#FFB6C1255,182,193
lightsalmon#FFA07A255,160,122
light­seagreen#20B2AA32,178,170
light­skyblue#87CEFA135,206,250
light­slategray#778899119,136,153
lightsteel­blue#B0C4DE176,196,222
light­yellow#FFFFE0255,255,224
lime#00FF000,255,0
limegreen#32CD3250,205,50
linen#FAF0E6250,240,230
magenta#FF00FF255,0,255
maroon#800000128,0,0
mediumaqua­marine#66CDAA102,205,170
mediumblue#0000CD0,0,205
medium­orchid#BA55D3186,85,211
medium­purple#9370DB147,112,219
medium­seagreen#3CB37160,179,113
medium­slateblue#7B68EE123,104,238
medium­springgreen#00FA9A0,250,154
medium­turquoise#48D1CC72,209,204
medium­violetred#C71585199,21,133
midnightblue#19197025,25,112
mintcream#F5FFFA245,255,250
mistyrose#FFE4E1255,228,225
moccasin#FFE4B5255,228,181
navajo­white#FFDEAD255,222,173
navy#0000800,0,128
oldlace#FDF5E6253,245,230
olive#808000128,128,0
olivedrab#6B8E23107,142,35
orange#FFA500255,165,0
orangered#FF4500255,69,0
orchid#DA70D6218,112,214
pale­goldenrod#EEE8AA238,232,170
palegreen#98FB98152,251,152
pale­turquoise#AFEEEE175,238,238
pale­violetred#DB7093219,112,147
papayawhip#FFEFD5255,239,213
peachpuff#FFDAB9255,218,185
peru#CD853F205,133,63
pink#FFC0CB255,192,203
plum#DDA0DD221,160,221
powder­blue#B0E0E6176,224,230
purple#800080128,0,128
red#FF0000255,0,0
rosybrown#BC8F8F188,143,143
royalblue#4169E165,105,225
saddle­brown#8B4513139,69,19
salmon#FA8072250,128,114
sandybrown#F4A460244,164,96
seagreen#2E8B5746,139,87
seashell#FFF5EE255,245,238
sienna#A0522D160,82,45
silver#C0C0C0192,192,192
skyblue#87CEEB135,206,235
slateblue#6A5ACD106,90,205
slategray#708090112,128,144
snow#FFFAFA255,250,250
spring­green#00FF7F0,255,127
steelblue#4682B470,130,180
tan#D2B48C210,180,140
teal#0080800,128,128
thistle#D8BFD8216,191,216
tomato#FF6347255,99,71
turquoise#40E0D064,224,208
violet#EE82EE238,130,238
wheat#F5DEB3245,222,179
white#FFFFFF255,255,255
whitesmoke#F5F5F5245,245,245
yellow#FFFF00255,255,0
yellow­green#9ACD32154,205,50
2.4. Ключевое слово currentColor

CSS1 и CSS2 определили начальное значение свойства border-color как значение свойства color , но не определили соответствующее ключевое слово. Это упущение было распознано SVG, поэтому SVG 1.0 ввел значение currentColor для свойств fill , stroke , stop-color , flood-color и lighting-color . CSS3 расширяет значение цвета, добавляя ключевое слово currentColor , чтобы разрешить его использование со всеми свойствами, которые принимают значение color . Это упрощает определение этих свойств в CSS3.

Используемое значение ключевого слова currentColor — это вычисленное значение свойства color . Если ключевое слово установлено в самом свойстве color , оно рассматривается как color: inherit .

Шестнадцатеричные коды названных цветов, используемых на страницах HTML,

The Mobile Hex Hub Greens: зелено-бирюзовый

Нужен мобильный? Существует мобильная версия этих цветовых диаграмм.
Зелень: зелено-бирюзовый
Вы здесь

В таблице ниже показаны шестнадцатеричные коды цветов для оттенков синего, бирюзового, голубого и подобных цветов. Эта страница является частью Hex Hub сайта Color Spot на HTML Station. Вы можете использовать краткую справочную таблицу, чтобы выбрать одну из множества других доступных цветовых таблиц или увидеть значение этикеток (Safe 16 SVG Hex3).

Вы можете использовать разные форматы одной и той же информации. (Чтобы проголосовать за эту версию, поделитесь этой ссылкой: )
расширенная версия / компактная версия / Мобильная версия

мокрый зеленый трава 900 15 # 7BCC70 # 3D0 # 3D0 # 3D0 Shamrock Shake пружина Hereen ) весна 900B # черный # армейцы электрический бирюзовый
ящерица # 5A6351 кактус # 636F57 трава фенуэй # 526F35
салат ромейн # 3B5323 горох # 3B5323 какапо # 4A7023
шартрез4 # 458B00 шартрез3 # 66CD00 шартрез2 # 76EE00
закон шартрез (SVG) # 7FFF00 киви # 7F9A65
соевый зеленый # 8BA870 мятные конфеты # 9CBA72016 мох # 3D5229
зеленое яблоко 9 0016 # 629632 древесный мох # 659D32 известняк # 324F17
летная куртка # 7F8778 брокколи # 586949 брокколи # 608341
зеленый туман # BCED91 падуб # 488214 од зеленый # 46523C
зеленый шершень # 6A845205 camo1 # CFDBC5 бутылка росы # 577A3A
зеленый перец # 397D02 рулет из морских водорослей # 748269 # 748269 # неоново-зеленый # 83F
лесная зелень 2 # 567E3A 900 20 camo3 # 9DB68C лишайник # C0D9AF
гуакамоле # A6D785 циннабарзеленый # 61B329 зеленый цвет
прудовая накипь # 687E5A пихта Дугласа # 3F602B королевская пальма # 3F6826
зеленый кварц # 8AA37B зеленый сыр # 8AA37B зеленый сыр водоросли # 646F5E
ель благородная # 476A34 зеленый светодиод # 5DFC0A шпинат # 435D36
зеленый # 435D36
зеленый 93DB70 оливковый 3b # 3B5E2B 90 016 лягушка # 84BE6A
келли # 4CBB17 смотритель парка # 484D46 печатная плата # 3A6629
Ner # 49E20E сапгрин # 308014 дыня # 9CA998
лист # 55AE3A зеленая бабочка # 7BBF620 # 7BBF620
мятное мороженое # C5E3BF зеленая трава дома # 395D33 змея # 596C56
camo2 # A9C9A20 10019 евро # 86C67C ночного видения
зеленое мыло # 8CDD81 положить # 699864 зеленый фонарь # 3D8B37
чайный лист # 5F75520 новый $ 20 # B7C8B6 зеленые водоросли # 63AB62
Уэльс # 4AC948 honeydew4 # 838B83 honeydew14 # C1 темно-зеленый4 # 698B69 темно-зеленый # 2F4F2F средний морской зеленый # 426F42
светло-зеленый4 # 548B54 темно-зеленый8 900BC honeydew2 # E0EEE0
darkseagreen3 # 9BCD9B sgichartreuse # 71C671 palegreen3 # 7CCD7C
huntergreen # 215E21 лесной # 215E21 лесной зеленовато-зеленый (SVG) # 32CD32
темно-синий2 # B4EEB4 светло-зеленый (SVG) # 90EE90 светло-зеленый (SVG) # 981998199 палево-зеленый (SVG) # 981998
сосново-зеленый (Safe Hex3) # 003300 мусорный контейнер # 004F00 темно-зеленый (SVG) # 006400
зеленый (16 SVG) # 008000 зеленый4 # 008B00 ирландский флаг (Safe Hex3) # 009900
зеленый3 # 00CD00 зеленый2 (Hex3) # 00EE00 лайм (Safe 16 SVG Hex3) # 00FF00
parrotgreen (Safe Hex3) # 33FF33 васаби (Safe Hex3) # 66FF66 palegreen1 # 9AFF9A
darkseagreen1 # C1FFC1 offwhitegreen #CCFFCC медовая роса (SVG) # F0FFF0
зеленый MM # 4BB74C виридиановый свет # 6EFF70 кобальтзеленый
# B2D0B4 зеленый мармелад # 24D330 ель Fraser # 4D6B50
изумруд # 5B9C64 зеленое такси # 3F9E4D зеленый штамп # 517B58
# постоянный зеленый 0AC92B мятно-зеленый # BDFCC9 обсидиан # 3D5B43
бильярдный стол # 31B94D зеленая бутылка # 1DA237 # 00FF33
этон синий # 96C8A2 клевер # 3EA055 фунт Шотландии # 487153
celtics C truegreen # 00AF33 eng земельный фунт # 688571
Задняя стенка ЖК-дисплея # 91B49C Бутылка кокса # 79A888 ванильная мята # B4D7BF
старые деньги
# аквамен # 37BC61 аквамарин # 70DB93
трилистник # 40664D пастельно-зеленый # 92CCA6 # 92CCA6 зеленая линия
лампа банкира # 0E8C3A пемза # 78A489 зеленая вечеринка # 3E6B4F
огурец # 2C5D3F синий папоротник 759B84 скамейка в парке # 2E6444 9001 6
неонавокадо (Safe Hex3) # 00FF66 seagreen (SVG) # 2E8B57 seagreen2 # 4EEE94
emeraldgreen 16 # 0016 emeraldgreen 16 seagreen1 # 54FF9F moon # DBE6E0
octopus # 34925E mediumseagreen (SVG) # 3CB371 seagreen3
isle royale greenstone # 426352 поплавок для рыбака # 607C6E go # 43D58C
Starbucks (Safe Hereen) # 00662033 # 008B45 весенне-зеленый3 # 00CD66
зеленовато-зеленый2 # 00EE76 зеленовато-зеленый (SVG) # 00FF7F мятный крем (SVG) # F5FFFA
# черная лампа свежий зеленый # 5EDA9E матовый алюминий # B6C5BE
зеленый пакер # 213D30 слизь # 3E7A5E # 3E7A5E 320019 # 3E7A5E
зеленый козырек # 4D7865 зеленая кора # 597368 изумрудно-зеленый2 # 28AE7B
средне-зеленый (SVG) # 00FA920A # 00FA920A # 238E68 мятлик # 4C7064
аквамарин4 # 458B74 средний аквамарин (SVG) # 66CDAA средний аквамарин2 # 32CC99 320020
средний аквамарин аквамарин2 # 76EEC6 морской зеленый (Hex3) # 00FFAA
аквамарин (SVG) # 7FFFD4 индиго2 # 218868 холодный
садовый шланг # 138F6A бирюзово-голубой # 00C78C зеленая карта # D0FAEE
сине-зеленые водоросли # 3B8471 # 49E9BD 6 мяч # 1B6453
кулер # 284942 бирюзовый # 0FDDAF знак зеленый # 006B54
зеленый ясень # 66819E20 зеленая медь # 527F76 свобода # A4DCD1
bs зеленый
куртка мастера # 174038 изумрудный город # 20BF9F светло-бирюзовый (Safe Hex3) # 00FFCC
темно-зеленый медь # 4A766E # 4F8E83 Средиземное море # 3E766D
зеленые фронтоны # 3E766D голубая лагуна # 4CB7A5
мятно-синий # DBFEF8 голубой лед # DAF4F0 малахит # 108070
атлантический зеленый # 2A8E82 армейская форма # 353F320E зеленый тихоокеанский # 36DBCA 900 20
бирюза (SVG) # 40E0D0 wavecrest # 99CDC9 бирюза натуральная # 45C3B8
синий марганец # 03A8920 ag19 # 457371 светло-зелено-зеленый (SVG) # 20B2AA
жидкость для полоскания рта # 01C5BB бирюзовый (SVG) # 48D1CC # 48D1CC холодный мятный 900EF19
морской зеленый # 068481

Палитра 24 оттенков зеленого - graf1x.com

Forest Green
Коды:
Hex # 0b6623
RGB 11 102 35
Sage Green
Коды:
Hex # 9dc183
RGB 157 193 131
Olive Green
Коды:
Коды:
Hex # 708238
RGB 112 130 56
Лаймовый зеленый
Коды:
Hex # c7ea46
RGB 199 234 70
Hunter Green
Коды:
Hex # 3f704d
RGB 63122 77
Jade Зеленый
Коды:
Hex # 00A86B
RGB 0 168 107
Зеленый артишок
Коды:
Hex # 8F9779
RGB 143 151 121
Папоротник зеленый
Коды:

7
121 66
Jungle Green
Коды:
Hex # 29AB87
RGB 41 171 135
Laurel Green
Коды:
Hex # A9BA9D
RGB 169 186 157
Зеленый мох
Коды:
Hex # 8A9A5B
RGB 138 154 91
Mint Green
Коды:
Hex # 98FB98
RGB 152 251 152
Pine Green
Hex коды:
01796F
RGB 111111
Чайный зеленый
Коды:
Hex # D0F0C0
RGB 208 240 192
Персидский зеленый
Коды:
Hex # 00A572
RGB 0 165 114
Army Green
Коды:
Hex # 4B5320
RGB 75 83 32
Изумрудно-зеленый
Коды:
Hex # 50C878
RGB 80 220100
Kelly Green
Коды:
Hex # 4CBB17
76 187
Неоново-зеленый
Коды:
Hex # 39FF14
RGB 57255 20
Равномерно зеленый
Коды:
Hex # 444C38
RGB 68 76 56
Sacramento Green
Коды:
Hex # 043927
RGB 0 78 56
Русский зеленый
Коды:
Hex # 679267
RGB 103146103
Sea Green
Коды:
Hex # 2E8B57 RGB 46139 87
Парижский зеленый
Коды:
Hex # 50C878
RGB 80200120

Цвета пользовательского интерфейса Metro - Colorlib

Список всех цветов Metro, как в Windows 8 и Windows Phone.

Существует несколько цветов и цветовых комбинаций Metro UI, и мы решили составить список самых популярных из них, используемых в дизайне. Этот ресурс также включает в себя различные цветовые коды для использования в любом приложении, на веб-сайте или даже в текстовом документе.

Flat Metro UI и его цвета приобрели огромную популярность среди веб-дизайнеров и графических дизайнеров, и даже Apple решила создать пользовательский интерфейс с плоским дизайном для своей мобильной операционной системы, начиная с iOS7. Если вы еще не знакомы с тенденциями дизайна Metro и Flat, возможно, вы захотите найти дополнительную информацию об этом.К счастью, мы познакомили вас с основными цветами Metro, их цветовыми кодами и основной информацией о них.

Этот светло-зеленый цвет с шестнадцатеричным кодом # 99b433 состоит из 60% красного, 70,6% красного и 20% синего. В шкале значений RGB это означает 153 красных, 180 зеленых и 51 синий. Поскольку RGB - не единственное цветовое пространство, его можно составить из 15% голубого, 0% пурпурного, 71,7% желтого и 29,4% черного в цветовом пространстве CMYK. Цвет # 99b433 имеет угол оттенка 72,6 градуса, насыщенность 55,8% и гибкость 45.3%. Этот конкретный светло-зеленый цвет может быть создан смешиванием # ffff66 с # 336900 или смешиванием # F512052 и # 3D4814. Ближайший к # 99b433 цвет для веб-безопасности - # 99cc33.

  # 99b433  
  RGB (153,180,51)  
  RGB (60%, 70,6%, 20%)  
 15, 0, 72, 29 
  hsl (72,6,55,8%, 45,3%)  
 72,6 °, 71,7, 70,6 

Интернет Сейф

  # 99cc33  

CIE-LAB

 69.222, -26,695, 59,165 

XYZ

 30.055, 39.654, 9.202 

xyY

 0,381, 0,503, 39,654 
 69,222, 64,909, 114,285 

CIE-LUV

 69,222, -12,223, 70,765 

Хантер-Лаборатория

 62.971, -25.004, 35.415 

RGB двоичный

 10011001, 10110100, 00110011 

Зеленый цвет Metro с шестнадцатеричным кодом # 00a300 и десятичным значением 41728 состоит без красного, 63,9% зеленого и синего цветов.В шкале значений RGB # 00a300 зеленый цвет не состоит из красного, 163 зеленого и синего. RGB - не единственное цветовое пространство, и при использовании CMYK вы можете составить этот цвет из 100% голубого, 0% пурпурного, 100% желтого и 36,1% черного. Цвет # 99b433 имеет угол оттенка 120 градусов, насыщенность 100% и яркость 32%. Этот конкретный зеленый цвет с шестнадцатеричным кодом # 00a300 может быть создан путем смешивания # 00ff00 с # 004700 или # 00E400 и # 006200. Ближайший цвет для веб-безопасности к # 00ff00 - # 009900.

  # 00a300  
  RGB (0,163,0)  
  rgb (0%, 63.9%, 0%)  
 100, 0, 100, 36 
  HSL (120,100%, 32%)  
 120 °, 100, 63,9 

Интернет Сейф

  # 009900  

CIE-LAB

 58,22, -61,662, 59,513 

XYZ

 13.096, 26.193, 4.365 

xyY

 0,3, 0,6, 26,193 
 58.22, 85.697, 136.016 

CIE-LUV

 58,22, -55,129, 71,268 

Хантер-Лаборатория

 51,179, -43.886, 30,768 

RGB двоичный

 00000000, 10100011, 00000000 

Dark Metro Green с шестнадцатеричным кодом # 1e7145 и десятичным значением 19 состоит из 11,8% красного, 44,3% зеленого и 27,1% синего. В шкале значений RGB # 1e7145 темно-зеленый состоит из 30 красных, 113 зеленых и 69 синих. Тот же темно-зеленый цвет в цветовом пространстве CMYK состоит из 73,5% голубого, 0% пурпурного, 38,9% желтого и 55,7% черного. Цвет # 1e7145 имеет угол оттенка 148,2 градуса, насыщенность 58% и яркость 28%.Этот конкретный темно-зеленый цвет с шестнадцатеричным кодом # 1e7145 может быть составлен путем смешивания # 2A9E61 и # 124429 или смешивания # 30B56E и # 0C2D1C. Закрывает веб-безопасный цвет # 1e7145 - # 336633.

  # 1e7145  
  RGB (30,113,69)  
  RGB (11,8%, 44,3%, 27,1%)  
 73, 0, 39, 56 
  hsl (148,2,58%, 28%)  
 148,2 °, 73,5, 44,3 

Интернет Сейф

  # 336633  

CIE-LAB

 42.024, -35,507, 17,515 

XYZ

 7,514, 12,515, 7,65 

xyY

 0,271, 0,452, 12,515 
 42,024, 39,592, 153,744 

CIE-LUV

 42,024, -32,825, 26,165 

Хантер-Лаборатория

 35,377, -23,995, 11,943 

RGB двоичный

 00011110, 01110001, 01000101 
Цвет

Metro Magenta с шестнадцатеричным кодом # ff0097 и десятичным значением 16711831 состоит из 100% красного, 0% зеленого и 59.2% синий. В шкале значений RGB # ff0097 пурпурный цвет состоит из 255 красных, 0 зеленого и 151 синего. Одинаковый пурпурный цвет в цветовом пространстве CMYK состоит из 0% голубого, 100% пурпурного, 40,8% желтого и 0% черного. Цвет # ff0097 имеет угол оттенка 324,5 градуса, насыщенность 100% и яркость 50%. Пурпурный цвет с шестнадцатеричным кодом # ff0097 может быть составлен путем смешивания # FF00D7 и # FF0057 или смешивания # FF0073 и # FF00BB. Закрывает веб-безопасный цвет # ff0097 - # ff0099.

  # ff0097  
  RGB (255,0,151)  
  rgb (100%, 0%, 59.2%)  
 0, 100, 41, 0 
  hsl (324,5, 100%, 50%)  
 324,5 °, 100, 100 

Интернет Сейф

  # ff0099  

CIE-LAB

 55,583, 86,354, -8,641 

XYZ

 46,827, 23,5, 31,347 

xyY

 0,461, 0,231, 23,5 
 55,583, 86,786, 354,286 

CIE-LUV

 55,583, 131,38, -28,652 

Хантер-Лаборатория

 48,476, 87.594, -4,406 

RGB двоичный

 11111111, 00000000, 10010111 

Light Metro Purple с шестнадцатеричным кодом # 9f00a7 и десятичным значением 10420391 состоит из 62,4% красного, 0% зеленого и 65,5% синего. В шкале значений RGB # 9f00a7 светло-фиолетовый состоит из 159 красных, нет зеленого и 167 синих. RGB - не единственное цветовое пространство, и при использовании CMYK вы можете составить этот цвет из 4,8% голубого, 100% пурпурного, 0% желтого и 34,5% черного. Цвет # 9f00a7 имеет угол оттенка 297,1 градуса, насыщенность 100% и яркость 32.7%. Светло-фиолетовый цвет с шестнадцатеричным кодом # 9f00a7 можно создать путем смешивания # DF00EA и # 5F0064 или # DF00B8 и # 5F0096. Ближайший цвет для веб-безопасности к # 9f00a7 - # 9.

  # 9f00a7  
  RGB (159,0,167)  
  RGB (62,4%, 0%, 65,5%)  
 5, 100, 0, 35 
  hsl (297,1 100%, 32,7%)  
 297,1 °, 100, 65,5 

Интернет Сейф

  # 9  

CIE-LAB

 38.132, 70,245, -46,733 

XYZ

 21,273, 10,162, 37,398 

xyY

 0,309, 0,148, 10,162 
 38.132, 84.37, 326.365 

CIE-LUV

 38,132, 49,463, -73,581 

Хантер-Лаборатория

 31,878, 63,326, -47,241 

RGB двоичный

 10011111, 00000000, 10100111 
Цвет

Metro Purple с шестнадцатеричным кодом # 7e3878 и десятичным значением 8271992 состоит из 49,4% красного, 22% зеленого и 47.1% синий. В шкале значений RGB # 7e3878 pruple состоит из 126 красных, 56 зеленых и 120 синих. Тот же фиолетовый цвет в цветовом пространстве CMYK состоит из 0% голубого, 55,6% пурпурного, 4,8% желтого и 50,6% черного. Цвет # 7e3878 имеет угол оттенка 305,1 градуса, насыщенность 38,5% и яркость 35,7%. Этот фиолетовый цвет с шестнадцатеричным кодом # 7e3878 может быть составлен путем смешивания # B04EA8 и # 4C2248 или смешивания # CA5AC0 и # 321630. Закрывает веб-безопасный цвет # 7e3878 - # 663366.

  # 7e3878  
  RGB (126,56,120)  
  rgb (49.4%, 22%, 47,1%)  
 0, 56, 5, 51 
  hsl (305,1, 38,5%, 35,7%)  
 305,1 °, 55,6, 49,4 

Интернет Сейф

  # 663366  

CIE-LAB

 35,244, 39,407, -22,871 

XYZ

 13,408, 8,621, 18,726 

xyY

 0,329, 0,212, 8,621 
 35,244, 45,563, 329,87 

CIE-LUV

 35,244, 32,902, -35,853 

Хантер-Лаборатория

 29.361, 30,133, -17,261 

RGB двоичный

 01111110, 00111000, 01111000 

Dark Metro Purple с шестнадцатеричным кодом # 603cba и десятичным значением 6307002 состоит из 37,6% красного, 23,5% зеленого и 72,9% синего. В шкале значений RGB # 603cba темно-фиолетовый состоит из 96 красных, 60 зеленых и 186 синих. RGB - не единственное цветовое пространство, и при использовании CMYK вы можете составить этот цвет из 48,4% голубого, 67,7% пурпурного, 0% желтого и 27,1% черного. Цвет # 603cba имеет угол оттенка 257,1 градуса, насыщенность 51.2% и легкость 48,2%. Темно-фиолетовый цвет с шестнадцатеричным кодом # 603cba можно создать путем смешивания # C0789B и # 0000D9 или # 5C789B и # 6400D9. Ближайший цвет для веб-безопасности к # 603cba - # 6633cc.

  # 603cba  
  RGB (96,60,186)  
  RGB (37,6%, 23,5%, 72,9%)  
 48, 68, 0, 27 
  hsl (257,1,51,2%, 48,2%)  
 257,1 °, 67,7, 72,9 

Интернет Сейф

  # 6633cc  

CIE-LAB

 36.487, 45.762, -61.119 

XYZ

 15.301, 9.263, 47.434 

xyY

 0,213, 0,129, 9,263 
 36,487, 76,353, 306,823 

CIE-LUV

 36,487, 4,053, -88,795 

Хантер-Лаборатория

 30,436, 36,475, -71,097 

RGB двоичный

 01100000, 00111100, 10111010 

Darken используется как черный цвет для Metro Ui. Хотя это не чисто черный цвет, он лучше смотрится в веб-дизайне и дизайне в целом.Как вы, наверное, знаете, в природе нет чистого черного, и ни в одном Metro UI его нет. Цвет Metro Darken с шестнадцатеричным кодом 1d1d1d и десятичным значением 17 состоит из 11,4% красного, 11,4% зеленого и 11,4% синего. В шкале значений RGB 1d1d1d состоит из 29 красных, 29 зеленых и 29 синих. Затемнение в цветовом пространстве CMYK состоит из 0% голубого, 0% пурпурного, 0% желтого и 88,6% черного. Цвет 1d1d1d имеет угол оттенка 0 градусов, насыщенность 0% и яркость 11,4%. Затемнение цвета с помощью шестнадцатеричного кода 1d1d1d можно составить путем смешивания # 2 и # 111111 или смешивания # 2E2E2E и # 0C0C0C.Закрывает веб-безопасный цвет 1d1d1d # 333333.

  # 1d1d1d  
  RGB (29,29,29)  
  RGB (11,4%, 11,4%, 11,4%)  
 0, 0, 0, 89 
  hsl (0,0%, 11,4%)  
 0 °, 0, 11,4 

Интернет Сейф

  # 333333  

CIE-LAB

 10,767, -0, -0,002 

XYZ

 1,168, 1,229, 1,338 

xyY

 0,313, 0,329, 1.229 
 10,767, 0,002, 266,929 

CIE-LUV

 10,767, -0,001, -0,001 

Хантер-Лаборатория

 11,084, -0,592, 0,602 

RGB двоичный

 00011101, 00011101, 00011101 
Цвет

Metro Teal с шестнадцатеричным кодом # 00aba9 и десятичным значением 6307002 состоит из 0% красного, 67,1% зеленого и 66,3% синего. В шкале значений RGB # 00aba9 бирюзовый цвет состоит из 0 красных, 171 зеленого и 169 синих. RGB - не единственное цветовое пространство, и при использовании CMYK вы можете составить этот цвет из 100% голубого, 0% пурпурного, 1.2% желтого и 32,9% черного. Цвет бирюзового цвета # 00aba9 имеет угол оттенка 179,3 градуса, насыщенность 100% и яркость 33,5%. Бирюзовый цвет с шестнадцатеричным кодом # 00aba9 можно создать путем смешивания # 00EFED и # 006765 или # 008B89 и # 00CBC9. Ближайший цвет для веб-безопасности к # 00aba9 - # 009999.

  # 00aba9  
  RGB (0,171,169)  
  RGB (0%, 67,1%, 66,3%)  
 100, 0, 1, 33 
  hsl (179,3 100%, 33,5%)  
 179.3 °, 100, 67,1 

Интернет Сейф

  # 009999  

CIE-LAB

 63,333, -36,256, -9,455 

XYZ

 21,722, 31,988, 42,563 

xyY

 0,226, 0,332, 31,988 
 63,333, 37,469, 194,617 

CIE-LUV

 63,333, -49,197, -8,898 

Хантер-Лаборатория

 56,558, -30,421, -5,029 

RGB двоичный

 00000000, 10101011, 10101001 
Цвет

Light Metro Blue с шестнадцатеричным кодом цвета # eff4ff и десятичным значением 15725823 создается путем смешивания 93.7% красный, 95,7% зеленый и 100% синий. В цветовом пространстве CMYK # eff4ff голубой состоит из 6,3% голубого, 4,3% пурпурного, 0% желтого и 0% черного. В стандартной шкале значений RGB # eff4ff состоит из 239 красных, 244 зеленых и 255 синих. Этот цвет также имеет угол оттенка 221,3 градуса, насыщенность 100% и яркость 96,9%. Голубой цвет с шестнадцатеричным кодом # eff4ff может быть создан смешиванием # E9F3FF и # F5F5FF или # EEF0FF и # F0F8FF. Ближайший к веб-безопасности цвет # eff4ff - #ffffff.

  # eff4ff  
  RGB (239 244 255)  
  rgb (93.7%, 95,7%, 100%)  
 6, 4, 0, 0 
  hsl (221,3 100%, 96,9%)  
 221,3 °, 6,3, 100 

Интернет Сейф

  #ffffff  

CIE-LAB

 96,109, 0,363, -5,855 

XYZ

 85,994, 90,272, 107,496 

xyY

 0,303, 0,318, 90,272 
 96,109, 5,866, 273,544 

CIE-LUV

 96,109, -3,352, -9,233 

Хантер-Лаборатория

 95.011, -4,711, -0,573 

RGB двоичный

 11101111, 11110100, 11111111 
Цвет

Metro Blue с цветовым кодом HEX # 2d89ef и десятичным значением 2984431 создается путем смешивания 17,6% красного, 53,7% зеленого и 93,7% синего. В цветовом пространстве CMYK # 2d89ef голубой состоит из 81,2% голубого, 42,7% пурпурного, 0% желтого и 6,3% черного. В стандартной шкале значений RGB # 2d89ef состоит из 45 красных, 137 зеленых и 239 синих. Этот цвет также имеет угол оттенка 211,5 градусов и насыщенность 85.8% и легкость 55,7%. Голубой цвет с шестнадцатеричным кодом # 2d89ef может быть получен путем смешивания # 00FFFF и # 5A13DF или # 009BFF и # 5A77DF. Ближайший цвет для веб-безопасности к # 2d89ef - # 3399ff.

  # 2d89ef  
  RGB (45 137 239)  
  RGB (17,6%, 53,7%, 93,7%)  
 81, 43, 0, 6 
  hsl (211,5,85,8%, 55,7%)  
 211,5 °, 81,2, 93,7 

Интернет Сейф

  # 3399ff  

CIE-LAB

 56.761, 9,293, -58,755 

XYZ

 25.604, 24.679, 85.071 

xyY

 0,189, 0,182, 24,679 
 56,761, 59,486, 278,988 

CIE-LUV

 56,761, -29,898, -93,825 

Хантер-Лаборатория

 49,678, 5,063, -66,756 

RGB двоичный

 00101101, 10001001, 11101111 
Цвет

Dark Metro Blue с шестнадцатеричным кодом # 2b5797 и десятичным значением 2840471 состоит из 16,9% красного, 34,1% зеленого и 59.2% синий. В шкале значений RGB # 2b5797 темно-синий состоит из 43 красных, 87 зеленых и 151 синего. RGB - не единственное цветовое пространство, и при использовании CMYK вы можете составить этот цвет из 71,5% голубого, 42,4% пурпурного, 0% желтого и 40,8% черного. Цвет # 2b5797 имеет угол оттенка 215,6 градуса, насыщенность 55,7% и яркость 38%. Темно-синий цвет с шестнадцатеричным кодом # 2b5797 может быть создан смешиванием # 06AEFF и # 50002F или # 064AFF и # 50642F. Ближайший цвет для веб-безопасности к # 2b5797 - # 336699.

  # 2b5797  
  RGB (43,87,151)  
  rgb (16.9%, 34,1%, 59,2%)  
 72, 42, 0, 41 
  hsl (215,6,55,7%, 38%)  
 215,6 °, 71,5, 59,2 

Интернет Сейф

  # 336699  

CIE-LAB

 37,048, 7,304, -39,537 

XYZ

 9,989, 9,564, 30,596 

xyY

 0,199, 0,191, 9,564 
 37.048, 40.206, 280.466 

CIE-LUV

 37,048, -16,812, -56,518 

Хантер-Лаборатория

 30.925, 3,538, -37,011 

RGB двоичный

 00101011, 01010111, 10010111 
Цвет

Metro Yellow с шестнадцатеричным кодом # ffc40d и десятичным значением 16761869 состоит из 100% красного, 76,9% зеленого и 5,1% синего. В шкале значений RGB # ffc40d желтый состоит из 255 красных, 196 зеленых и 13 синих. RGB - не единственное цветовое пространство, и при использовании CMYK вы можете составить этот цвет из 0% голубого, 23,1% пурпурного, 94,9% желтого и 0% черного. Цвет # ffc40d имеет угол оттенка 45,4 градуса, насыщенность 100% и яркость 52.5%. Желтый цвет с шестнадцатеричным кодом # ffc40d можно создать путем смешивания # FFFF1A и # FF8900 или # FFFF00 и # FF891A. Ближайший к веб-безопасности цвет # ffc40d - # ffcc00.

  # ffc40d  
  RGB (255,196,13)  
  RGB (100%, 76,9%, 5,1%)  
 0, 23, 95, 0 
  hsl (45,4 100%, 52,5%)  
 45,4 °, 94,9, 100 

Интернет Сейф

  # ffcc00  

CIE-LAB

 82.256, 7,897, 82,625 

XYZ

 61.054, 60.772, 8.895 

xyY

 0,467, 0,465, 60,772 
 82.256, 83.001, 84.541 

CIE-LUV

 82,256, 49,768, 84,46 

Хантер-Лаборатория

 77.957, 3.373, 47.804 

RGB двоичный

 11111111, 11000100, 00001101 
Цвет

Metro Orange с цветовым кодом HEX # e3a21a и десятичным значением 14

0 создается путем смешивания 89% красного, 63,5% зеленого и 10.2% синий. В цветовом пространстве CMYK # e3a21a оранжевый состоит из 0% голубого, 28,6% пурпурного, 88,5% желтого и 11% черного. В стандартной шкале значений RGB # e3a21a состоит из 227 красных, 162 зеленых и 26 синих. Этот оранжевый цвет также имеет угол оттенка 40,6 градуса, насыщенность 79,4% и яркость 49,6%. Оранжевый цвет с шестнадцатеричным кодом # e3a21a можно создать путем смешивания # FFFF02 и # C74532 или # FF9B02 и # C7A932. Ближайший цвет для веб-безопасности к # e3a21a - # cc9933.

  # e3a21a  
  RGB (227,162,26)  
  rgb (89%, 63.5%, 10,2%)  
 0, 29, 89, 11 
  hsl (40,6,79,4%, 49,6%)  
 40,6 °, 88,5, 89 

Интернет Сейф

  # cc9933  

CIE-LAB

 71.042, 13.898, 70.827 

XYZ

 44,786, 42,249, 6,773 

xyY

 0,477, 0,45, 42,249 
 71.042, 72.177, 78.898 

CIE-LUV

 71.042, 54.034, 69.973 

Хантер-Лаборатория

 64.999, 9,243, 39,321 

RGB двоичный

 11100011, 10100010, 00011010 
Цвет

Dark Metro Orange с цветовым кодом HEX # da532c и десятичным значением 14308140 создается путем смешивания 85,5% красного, 32,5% зеленого и 17,3% синего. В цветовом пространстве CMYK # da532c темно-оранжевый состоит из 0% голубого, 61,9% пурпурного, 79,8% желтого и 14,5% черного. В стандартной шкале значений RGB # da532c состоит из 218 красных, 83 зеленых и 44 синих. Этот темно-оранжевый цвет также имеет угол оттенка 13,4 градуса, насыщенность 70.2% и легкость 51,4%. Темно-оранжевый цвет с шестнадцатеричным кодом # da532c можно получить путем смешивания # F00B30 с # C49B28 или # F06E58 с # C43700. Ближайший цвет для веб-безопасности к # da532c - # cc6633.

  # da532c  
  RGB (218,83,44)  
  RGB (85,5%, 32,5%, 17,3%)  
 0, 62, 80, 15 
  HSL (13,4,70,2%, 51,4%)  
 13,4 °, 79,8, 85,5 

Интернет Сейф

  # cc6633  

CIE-LAB

 53.252, 51.005, 48.844 

XYZ

 32,463, 21,277, 4,78 

xyY

 0,555, 0,364, 21,277 
 53,252, 70,621, 43,76 

CIE-LUV

 53,252, 108,673, 38,026 

Хантер-Лаборатория

 46,127, 44,899, 26,145 

RGB двоичный

 11011010, 01010011, 00101100 
Цвет

Metro Red с шестнадцатеричным кодом цвета # ee1111 и десятичным значением 15601937 создается путем смешивания 93,3% красного, 6,7% зеленого и 6.7% синий. В цветовом пространстве CMYK # ee1111 красный состоит из 0% голубого, 92,9% пурпурного, 92,9% желтого и 6,7% черного. В стандартной шкале значений RGB # ee1111 состоит из 238 красных, 17 зеленых и 17 синих. Этот красный цвет также имеет угол оттенка 0 градусов, насыщенность 86,7% и яркость 50%. Красный цвет с шестнадцатеричным кодом # ee1111 можно создать путем смешивания # F50022 с # E72200 или # F50000 с # E72222. Ближайший цвет для веб-безопасности к # ee1111 - # ff0000.

  # ee1111  
  RGB (238,17,17)  
  rgb (93.3%, 6,7%, 6,7%)  
 0, 93, 93, 7 
  hsl (0,86,7%, 50%)  
 0 °, 92.9, 93.3 

Интернет Сейф

  # ff0000  

CIE-LAB

 50,244, 74,763, 59,31 

XYZ

 35,564, 18,623, 2,252 

xyY

 0,63, 0,33, 18,623 
 50,244, 95,432, 38,425 

CIE-LUV

 50,244, 159,631, 34,437 

Хантер-Лаборатория

 43.155, 71,58, 27,114 

RGB двоичный

 11101110, 00010001, 00010001 

Dark Metro Red с цветовым кодом HEX # b91d47 и десятичным значением 12131655 создается путем смешивания 72,5% красного, 11,4% зеленого и 27,8% синего. В цветовом пространстве CMYK # b91d47 темно-красный состоит из 0% голубого, 84,3% пурпурного, 61,6% желтого и 27,5% черного. В стандартной шкале значений RGB # b91d47 состоит из 185 красных, 29 зеленых и 71 синего. Этот красный цвет также имеет угол оттенка 343,8 градуса, насыщенность 72.9% и легкость 42%. Темно-красный цвет с шестнадцатеричным кодом # b91d47 можно создать путем смешивания # FF3A2A с # 730064 или # FF002A с # 733A64. Ближайший цвет для веб-безопасности к # b91d47 - # cc3333.

  # b91d47  
  RGB (185,29,71)  
  RGB (72,5%, 11,4%, 27,8%)  
 0, 84, 62, 27 
  hsl (343,8,72,9%, 42%)  
 343,8 °, 84,3, 72,5 

Интернет Сейф

  # cc3333  

CIE-LAB

 40.655, 60,85, 17,283 

XYZ

 21,585, 11,651, 7,073 

xyY

 0,535, 0,289, 11,651 
 40.655, 63.257, 15.856 

CIE-LUV

 40.655, 105.183, 7.196 

Хантер-Лаборатория

 34.133, 53.149, 11.607 

RGB двоичный

 10111001, 00011101, 01000111 

В пользовательском интерфейсе Metro нет разницы в белом цвете, потому что он использует чистый белый цвет с HEX-кодом #ffffff. Цвет Metro White с шестнадцатеричным кодом цвета #ffffff и десятичным значением 16777215 создается путем смешивания 100% красного, 100% зеленого и 100% синего.В цветовом пространстве CMYK #ffffff белый цвет состоит из 0% голубого, 0% пурпурного, 0% желтого и 0% черного. В стандартной шкале значений RGB #ffffff состоит из 255 красных, 255 зеленых и 255 синих. Этот белый цвет также имеет угол оттенка 0 градусов, насыщенность 0% и яркость 100%. Белый цвет с шестнадцатеричным кодом #ffffff не может быть получен путем смешивания цветов. Это чистый цвет, и оставим его таким. Ближайший к веб-безопасности цвет для #ffffff - #ffffff.

  #ffffff  
  RGB (255,255,255)  
  RGB (100%, 100%, 100%)  
 0, 0, 0, 0 
  hsl (0,0%, 100%)  
 0 °, 0, 100 

Интернет Сейф

  #ffffff  

CIE-LAB

 100, -0, -0.009 

XYZ

 95,047, 100, 108,897 

xyY

 0,313, 0,329, 100 
 100, 0,009, 266,929 

CIE-LUV

 100, -0,006, -0,013 

Хантер-Лаборатория

 100, -5,342, 5,435 

RGB двоичный

 11111111, 11111111, 11111111 

цветовых кодов Hex, RGB и CMYK

оттенков зеленого :: Цветовые коды Hex, RGB и CMYK
  • Дом
  • Наборы цветов

  • Цветовые схемы

  • Цвета социальных сетей

  • Цвета бренда

Армейский зеленый

Hex: # 4b5320
RGB: 75, 32, 83
CMYK: 10, 0, 61, 67
HSL: 69, 44%, 23%
HSV: 69, 61%, 33%

Артишок

Hex: # 8f9979
RGB: 143, 121, 153
CMYK: 7, 0, 21, 40
HSL: 79, 14%, 54%
HSV: 79, 21%, 60%

Спаржа

Hex: # 87a96b
RGB: 135, 107, 169
CMYK: 20, 0, 37, 34
HSL: 93, 26%, 54%
HSV: 93, 37%, 66%

Авокадо

Hex: # 568203
RGB: 86, 3, 130
CMYK: 34, 0, 98, 49
HSL: 81, 95%, 26%
HSV: 81, 98%, 51%

Бутылочно-зеленый

Hex: # 006a4e
RGB: 0, 78, 106
CMYK: 100, 0, 26, 58
HSL: 164, 100%, 21%
HSV: 164, 100%, 42%

Ярко-зеленый

Hex: # 66ff00
RGB: 102, 0, 255
CMYK: 60, 0, 100, 0
HSL: 96, 100%, 50%
HSV: 96, 100%, 100%

Яркий монетный двор

Hex: # 4fffb0
RGB: 79, 176, 255
CMYK: 69, 0, 31, 0
HSL: 153, 100%, 65%
HSV: 153, 69%, 100%

Селадон

Hex: # ace1af
RGB: 172, 175, 225
CMYK: 24, 0, 22, 12
HSL: 123, 47%, 78%
HSV: 123, 24%, 88%

CMYK Зеленый

Hex: # 00a550
RGB: 0, 80, 165
CMYK: 100, 0, 52, 35
HSL: 149, 100%, 32%
HSV: 149, 100%, 65%

Темно-зеленый

Hex: # 013220
RGB: 1, 32, 50
CMYK: 98, 0, 36, 80
HSL: 158, 96%, 10%
HSV: 158, 98%, 20%

Feldgrau

Hex: # 4d5d53
RGB: 77, 83, 93
CMYK: 17, 0, 11, 64
HSL: 143, 9%, 33%
HSV: 143, 17%, 36%

Папоротниково-зеленый

Hex: # 4f7942
RGB: 79, 66, 121
CMYK: 35, 0, 45, 53
HSL: 106, 29%, 37%
HSV: 106, 45%, 47%

Лесной зеленый

Hex: # 228b22
RGB: 34, 34, 139
CMYK: 76, 0, 76, 45
HSL: 120, 61%, 34%
HSV: 120, 76%, 55%

GO Зеленый

Hex: # 00ab66
RGB: 0, 102, 171
CMYK: 100, 0, 40, 33
HSL: 156, 100%, 34%
HSV: 156, 100%, 67%

Зеленый - RGB

Hex: # 00ff00
RGB: 0, 0, 255
CMYK: 100, 0, 100, 0
HSL: 120, 100%, 50%
HSV: 120, 100%, 100%

Зеленая Земля

Hex: # dadd98
RGB: 218, 152, 221
CMYK: 1, 0, 31, 13
HSL: 63, 50%, 73%
HSV: 63, 31%, 87%

Зелено-желтый

Hex: # adff2f
RGB: 173, 47, 255
CMYK: 32, 0, 82, 0
HSL: 84, 100%, 59%
HSV: 84, 82%, 100%

Арлекин

Hex: # 3fff00
RGB: 63, 0, 255
CMYK: 75, 0, 100, 0
HSL: 105, 100%, 50%
HSV: 105, 100%, 100%

Хантер Грин

Hex: # 355e3b
RGB: 53, 59, 94
CMYK: 44, 0, 37, 63
HSL: 129, 28%, 29%
HSV: 129, 44%, 37%

Индия Зеленый

Hex: # 138808
RGB: 19, 8, 136
CMYK: 86, 0, 94, 47
HSL: 115, 89%, 28%
HSV: 115, 94%, 53%

Джейд

Hex: # 00a86b
RGB: 0, 107, 168
CMYK: 100, 0, 36, 34
HSL: 158, 100%, 33%
HSV: 158, 100%, 66%

Джунгли зеленый

Hex: # 29ab87
RGB: 41, 135, 171
CMYK: 76, 0, 21, 33
HSL: 163, 61%, 42%
HSV: 163, 76%, 67%

Келли Грин

Hex: # 4cbb17
RGB: 76, 23, 187
CMYK: 59, 0, 88, 27
HSL: 101, 78%, 41%
HSV: 101, 88%, 73%

Лаврово-зеленый

Hex: # a9ba9d
RGB: 169, 157, 186
CMYK: 9, 0, 16, 27
HSL: 95, 17%, 67%
HSV: 95, 16%, 73%

Светло-зеленый

Hex: # 90ee90
RGB: 144, 144, 238
CMYK: 39, 0, 39, 7
HSL: 120, 73%, 75%
HSV: 120, 39%, 93%

Волшебный двор

Hex: # aaf0d1
RGB: 170, 209, 240
CMYK: 29, 0, 13, 6
HSL: 153, 70%, 80%
HSV: 153, 29%, 94%

Малахит

Hex: # 0bda51
RGB: 11, 81, 218
CMYK: 95, 0, 63, 15
HSL: 140, 90%, 45%
HSV: 140, 95%, 85%

Богомол

Hex: # 74c365
RGB: 116, 101, 195
CMYK: 41, 0, 48, 24
HSL: 110, 44%, 58%
HSV: 110, 48%, 76%

Лист мяты

Hex: # 3eb489
RGB: 62, 137, 180
CMYK: 66, 0, 24, 29
HSL: 158, 49%, 47%
HSV: 158, 66%, 71%

Зеленый мох

Hex: # 8a9a5b
RGB: 138, 91, 154
CMYK: 10, 0, 41, 40
HSL: 75, 26%, 48%
HSV: 75, 41%, 60%

МГУ Зеленый

Hex: # 18453b
RGB: 24, 59, 69
CMYK: 65, 0, 14, 73
HSL: 167, 48%, 18%
HSV: 167, 65%, 27%

Манселл Грин

Hex: # 00a877
RGB: 0, 119, 168
CMYK: 100, 0, 29, 34
HSL: 163, 100%, 33%
HSV: 163, 100%, 66%

Миртл Грин

Hex: # 317873
RGB: 49, 115, 120
CMYK: 59, 0, 4, 53
HSL: 176, 42%, 33%
HSV: 176, 59%, 47%

NCS Зеленый

Hex: # 009f6b
RGB: 0, 107, 159
CMYK: 100, 0, 33, 38
HSL: 160, 100%, 31%
HSV: 160, 100%, 62%

Неоново-зеленый

Hex: # 39ff14
RGB: 57, 20, 255
CMYK: 78, 0, 92, 0
HSL: 111, 100%, 54%
HSV: 111, 92%, 100%

оливково-зеленый

Hex: # 808000
RGB: 128, 0, 128
CMYK: 0, 0, 100, 50
HSL: 60, 100%, 25%
HSV: 60, 100%, 50%

оливково-зеленый

Hex: # 008000
RGB: 0, 0, 128
CMYK: 100, 0, 100, 50
HSL: 120, 100%, 25%
HSV: 120, 100%, 50%

Бледно-зеленый

Hex: # 98fb98
RGB: 152, 152, 251
CMYK: 39, 0, 39, 2
HSL: 120, 93%, 79%
HSV: 120, 39%, 98%

Pantone Green

Hex: # 00ad83
RGB: 0, 131, 173
CMYK: 100, 0, 24, 32
HSL: 165, 100%, 34%
HSV: 165, 100%, 68%

Парижский зеленый

Hex: # 50c878
RGB: 80, 120, 200
CMYK: 60, 0, 40, 22
HSL: 140, 52%, 55%
HSV: 140, 60%, 78%

Перисан зеленый

Hex: # 00a693
RGB: 0, 147, 166
CMYK: 100, 0, 11, 35
HSL: 173, 100%, 33%
HSV: 173, 100%, 65%

Сосна зеленая

Hex: # 01796f
RGB: 1, 111, 121
CMYK: 99, 0, 8, 53
HSL: 175, 98%, 24%
HSV: 175, 99%, 47%

Зеленая Резеда

Hex: # 6c7c59
RGB: 108, 89, 124
CMYK: 13, 0, 28, 51
HSL: 87, 16%, 42%
HSV: 87, 28%, 49%

Винтовка зеленая

Hex: # 444c38
RGB: 68, 56, 76
CMYK: 11, 0, 26, 70
HSL: 84, 15%, 26%
HSV: 84, 26%, 30%

SBGUS Зеленый

Hex: # 55dd33
RGB: 85, 51, 221
CMYK: 62, 0, 77, 13
HSL: 108, 71%, 53%
HSV: 108, 77%, 87%

Морской зеленый

Hex: # 2e8b57
RGB: 46, 87, 139
CMYK: 67, 0, 37, 45
HSL: 146, 50%, 36%
HSV: 146, 67%, 55%

Скобелофф

Hex: # 007a74
RGB: 0, 116, 122
CMYK: 100, 0, 5, 52
HSL: 177, 100%, 24%
HSV: 177, 100%, 48%

Чай зеленый

Hex: # d0f0c0
RGB: 208, 192, 240
CMYK: 13, 0, 20, 6
HSL: 100, 62%, 85%
HSV: 100, 20%, 94%

бирюзовый

Hex: # 008080
RGB: 0, 128, 128
CMYK: 100, 0, 0, 50
HSL: 180, 100%, 25%
HSV: 180, 100%, 50%

ЕНТ Зеленый

Hex: # 00853e
RGB: 0, 62, 133
CMYK: 100, 0, 53, 48
HSL: 148, 100%, 26%
HSV: 148, 100%, 52%

Виридиановый

Hex: # 40826d
RGB: 64, 109, 130
CMYK: 51, 0, 16, 49
HSL: 161, 34%, 38%
HSV: 161, 51%, 51%

Зомп

Hex: # 39a78e
RGB: 57, 142, 167
CMYK: 66, 0, 15, 35
HSL: 166, 49%, 44%
HSV: 166, 66%, 65%

Sēn Lín L Forest # 4ca973 шестнадцатеричный цвет

В цветовом пространстве RGB шестнадцатеричный код 4ca973 (также известный как Sēn Lín L Forest) состоит из 29.8% красный, 66,3% зеленый и 45,1% синий. Тогда как в цветовом пространстве CMYK он состоит из 55% голубого, 0% пурпурного, 32% желтого и 33,7% черного. Он имеет угол оттенка 145,2 градуса, насыщенность 38% и яркость 48%. Цветовой шестнадцатеричный # 4ca973 можно получить смешиванием # 98ffe6 с # 005300. Ближайший цвет для веб-безопасности: # 339966.

# 4ca973 описание цвета: сильный зелено-голубой / насыщенный морской зеленый

# 4ca973 Преобразование цвета

Шестнадцатеричный цвет # 4ca973 имеет значения RGB R: 76, G: 169, B: 115 и CMYK значения C: 0 .55, M: 0, Y: 0,32, K: 0,34. Его десятичное значение - 5024115.

Шестнадцатеричный триплет 4ca973 # 4ca973
Десятичный RGB 76, 169, 115 rgb (76,169,115)
29,8, 66,3, 45,1 rgb (29,8%, 66,3%, 45,1%)
CMYK 55, 0, 32, 33,7
HSL 145.2 °, 38, 48 hsl (145,2,38%, 48%)
HSV (HSB) 145,2 °, 55, 66,3
Web Safe 339966 # 396
XYZ 20,263, 31,15, 21,164
xyY 0,279, 0,429, 31,15
CIE-LAB 62,634,- 19,722
CIE-LCH 62.634, 44,82, 153,894
CIE-LUV 62,634, -41,317, 32,945
Hunter-Lab 55,812, -32,866, 16,586
двоичный 10101001, 01110011

# 4ca973 Анализ цвета

Цветовые схемы с # 4ca973

Разделенный дополнительный цвет

Альтернативы # 4ca973

Ниже вы можете увидеть некоторые цвета, близкие к # 4ca973.Набор связанных цветов может быть полезен, если вам нужна вдохновляющая альтернатива исходному выбору цвета.

# 4ca973 Preview

Текст с шестнадцатеричным цветом # 4ca973

Этот текст имеет цвет шрифта # 4ca973.

  Текст здесь  

# 4ca973, цвет фона

Этот абзац имеет цвет фона # 4ca973.

 

Содержимое здесь

# 4ca973 цвет границы

Этот элемент имеет цвет границы # 4ca973.

 
Содержимое

CSS-коды

 .text {color: # 4ca973;} 
 .background {background-color: # 4ca973;} 
 .border {border: 1px solid # 4ca973 ;} 
 .text-shadow {border: 1px solid # 4ca973;} 

Оттенки и оттенки # 4ca973

Оттенок достигается путем добавления черного к любому чистому оттенку, а оттенок создается путем смешивания белого с любым чистым цвет. В этом примере # 030805 - самый темный цвет, а # f8fcfa - самый светлый.

Оттенки # 4ca973

Тон получается путем добавления серого к любому чистому оттенку. В этом случае # 75807a - менее насыщенный цвет, а # 05f067 - самый насыщенный.

Шестнадцатеричные цветовые коды HTML - GeeksforGeeks

Цветовые коды HTML - это средство представления цветового формата, который компьютер может читать и отображать. Наиболее часто используемые цветовые коды - это шестнадцатеричные коды. Шестнадцатеричные коды - это трехбайтовые шестнадцатеричные числа (состоящие из шести переменных) с парой символов в шестнадцатеричном коде, представляющие интенсивность красного, зеленого и синего цвета соответственно.

Формат шестнадцатеричных цветовых кодов: Каждый шестнадцатеричный цветовой код содержит символ «#» , за которым следуют 6 букв или цифр. Числа в шестнадцатеричной системе счисления. Есть 1,67,77,216 различных цветовых вариантов. 00 диапазон значений кода представляет самую низкую интенсивность цвета, с другой стороны FF диапазон значений кода представляет наивысшую интенсивность.

Значение шестнадцатеричного кода:

  • Первая и вторая переменные в шестнадцатеричном цветовом коде представляют интенсивность красного цвета .
  • Переменная 3-я и 4-я представляет интенсивность зеленого цвета.
  • Пятая и шестая переменная представляет интенсивность синего цвета .
  • Комбинируя интенсивность красного, зеленого и синего, можно получить почти любой цвет.

Белый цвет представляет собой смесь трех основных цветов с полной интенсивностью, представляющую шестнадцатеричный цветовой код #FFFFFF .

Черный цвет представляет собой смесь трех основных цветов с наименьшей интенсивностью, представляющую цветовой код # 000000 .


Примеры:

# FF0000 - Этот цветовой код HTML показывает только красный цвет, без зеленого и синего.
# 00FF00 - Этот цветовой код HTML показывает только зеленый цвет, а не красный и синий.
# 0000FF - Этот цветовой код HTML показывает только синий цвет, а не красный и зеленый.
# FFFF00 - этот цветовой код HTML представляет собой смесь красного и зеленого цветов, определяемых как желтый.
#CCEEFF - Этот цветовой код HTML представляет собой смесь большего количества зеленого и максимального синего цвета, обеспечивающего цвет, как небо.

Список некоторых распространенных цветовых кодов HTML:

6 ФИОЛЕТОВЫЙ

6 LIGHTCORAL

НАИМЕНОВАНИЕ ЦВЕТА

ШЕСТИГРАННЫЙ КОД ЦВЕТА



RGB

СЕРЕБРЯНЫЙ

# C0C0C0

RGB (192, 192, 192)

СЕРЫЙ

# 808080

, 128

Бордовый

# 800000

RGB (128, 0, 0)

OLIVE

# 808000

RGB (128, 128, 0)

LIME

# 00FF00

RGB (0, 255, 0)

AQU A

# 00FFFF

RGB (0, 255, 255)

TEAL

# 008080

RGB (0, 128, 128)

ТЕМНО-СИНИЙ

# 000080

RGB (0, 0, 128)

FUCHSIA

# FF00FF

RGB (255, 0, 9000)

# 800080

RGB (128, 0, 128)

ИНДИЙСКИЙ

# CD5C5C

RGB (205, 92, 92)

47

# F08080

RGB (240, 128, 128)

ЛОСОСЬ

# FA8072

RGB (250, 128, 114)

9 0020

ТЕМНО-ЛОСОСЬ

# E9967A

RGB (233, 150, 122)

LIGHTSALMON

# FFA07A

,

# FFA07A

,

# FFA07A

Шестнадцатеричные цветовые коды с насыщенностью основных отдельных цветов и яркостью этих цветов, которые можно использовать:

Оттенки КРАСНЫХ цветов:

19

9001 9

# E9967A

Название цвета

Цветовой код HTML

Цветовой код RGB

светлый лосось

# FFA07A

rgb (255,160,122)

0

RGB (250,128,114)

темный лосось

RGB (233,150,122)

светлый коралл

# F08080

RGB (240,128,128)

0

0

0CD

RGB (205,92,92)

малиновый

# DC143C

RGB (220,20,60)

Огненный кирпич

# B22222

900 rgb (178,34,34)

красный

# FF0000

RGB (255,0,0)

темно-красный

# 8B0000

# 8B0000

rgb (139,0,0)

Оттенки ОРАНЖЕВОГО Цвета:

90 015

Цветовой код HTML

Название цвета

Цветовой код RGB

коралловый

# FF7F50

rgb (255,127,80)

06

47 # томат6

RGB (255,99,71)

оранжево-красный

# FF4500

RGB (255,69,0)

золото

06 #

rgb (255,215,0)

оранжевый

# FFA500

rgb (255,165,0)

темно-оранжевый

019

0

06 # F rgb (255,140,0)

Оттенки ЖЕЛТЫХ цветов:

ch #FFFACD

0

0

0

0

0

хаки

90 019

RGB (240,230,140)

900FF19

# F0006 желтый

900FF19

# F

Colo r Название

Цветовой код HTML

Цветовой код RGB

светло-желтый

# FFFFE0

rgb (255,255,224)

RGB (255,250,205)

papayawhip

# FFEFD5

RGB (255,239,213)

Moccas 255,228,181)

персиковый пух

# FFDAB9

rgb (255,218,185)

palegoldenrod

# F0E68C

даркхаки

# BDB76B

RGB (189,183,107)

желтый

Оттенки ЗЕЛЕНОГО Цвета:

0

07

Palegreen

Название цвета

Цветовой код HTML

Цветовой код RGB

0

# 7CFC00

RGB (124,252,0)

зеленовато-зеленый

# 32CD32

RGB (50,205,50)

06 лайм00 9000

rgb (0,255,0)

лесозеленый

# 228B22

rgb (34,139,34)

темно-зеленый

# 006400

rgb (0,100,0)

0

07

07

900FF

RGB (0,255,127)

mediumspringgreen

# 00FA9A

RGB (0,250,154)

Palegreen

seagreen

# 2E8B57

rgb (46,139,87)

Оттенки СИНИХ цветов:

66 СИНИЙ Цвета:

66 0

66
0

Цветовой код HTML

9001 4 royalblue

Цветовой код RGB

голубой порошок

# B0E0E6

rgb (176,224,230)

lightskyblue

# 87CEFA

,2000006

06

07

,2000006

06

06 # 87CEEB

rgb (135,206,235)

deepskyblue

# 00BFFF

rgb (0,191,255)

9000FF6

dodgerb 30,144,255)

васильково-синий

# 6495ED

RGB (100,149,237)

Steelblue

# 4682B4

# 4682B4

# 4682B4

# 4169E1

9002 0

rgb (65,105,225)

mediumblue

# 0000CD

rgb (0,0,205)

Оттенки белого цвета

9000 Цвет: 9000 Цвет Название rgb mc
HTML Цветовой код Цветовой код RGB
снег #FFFAFA rgb (255,250,250)
honeydew # F0FFF0 rgb (240,255,240)
azure # F0FFFF rgb (240,255,255)
ghostwhite # F8F8FF rgb (248,248,255)
whitesmoke # F5F5F5 rgb F5F5F5 rgb rgb 900FFc145 (245,255,250)
слоновая кость # FFFFF0 rgb (255,255,240)
flo ralwhite # FFFAF0 rgb (255,250,240)
antiquewhite # FAEBD7 rgb (250,235,215)

Оттенки BROWN Цвета Код цвета: Цветовой код RGB бланшированный миндаль #FFEBCD rgb (255,235,205) бисквит # FFE4C4 rgb (255,228,196) пшеница 9DE RGB 245,222,179) Burlywood # DEB887 RGB (222,184,135) tan # D2B48C RGB (210,180,140) розово-коричневый # BC819 R8F # BC819 R8F песочно-коричневый # F4A460 rgb (244,164,96) шоколад # D2691E rgb (210,105,30) седло-коричневый # 8B4513 rgb (139,69,19) sienna # A0522D rgb (160,82,45) коричневый # A52A2A rgb (165,42,42)

Зеленый цветовой код экрана: # 00b140

  1. Цвета
  2. Зеленый экран

HTML, CSS или шестнадцатеричный код цвета для цвета «Зеленый экран»: # 00b140

Шестнадцатеричный код # 00b140
RGB: RGB (0,177,64)
HSV: (141.69 °, 1%, 177%)

Дополнительные цвета

Дополнительные цвета, размещенные рядом друг с другом, создают лучший контраст. Это потому, что дополнительные цвета выбираются с противоположных сторон цветового круга. Если вы объедините дополнительные цвета, вы получите один из цветов серой шкалы (от белого к черному), потому что цвета компенсируют друг друга. Иногда дополнительные цвета также называют «противоположными цветами».

Аналогичные цвета

Аналогичные цвета - это группы цветов, которые расположены рядом друг с другом в цветовом круге.

Цвета триады

Цвета триады - это цвета, равномерно распределенные по цветовому кругу. Если вы используете это комбинация, вы получите яркий вид на конечный результат.

Тетрада цветов

Тетрада - это цветовая схема с равным расстоянием между всеми цветами. Тетрадная схема дает яркий и красочный общий вид.

Пример кода CSS: цвет текста

.ваш текст
{
    цвет: # 00b140;
}
 

Пример кода CSS: цвет фона

.sample-bg
{
    цвет фона: # 00b140;
}
 

Похожие цвета по названию

Похожие цвета по расстоянию

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *