- HTML Colors
- Color Names
- Background Color
- Example
- Hello World Lorem ipsum. Text Color You can set the color of text: Hello World Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Example Hello World Lorem ipsum. Ut wisi enim. Border Color You can set the color of borders: Hello World Hello World Hello World Example Hello World Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник Red / Красный / #ff0000 / #f00 Шестнадцатеричный Код Цветов red / Красный цвета по шестнадцатеричному коду цвета #ff0000 / #f00 является оттенком красный. В модели цвета RGB #ff0000 составляет 100% красного, 0% зеленого и 0% синего. В цветовом пространстве HSL #ff0000 имеет оттенок 0° (градусов), 100% насыщенность и 50% светлости. Этот цвет имеет приблизительную длину волны в 611.37 nm. Цветовые вариации Именованные цвета Близко Связаны Косвенно Связаны Отдаленно Связаны Цветовые схемы Дополнение Аналоги Разделение Триада Квадрат Троичная #ff0000 линейный градиент до дополнительного #00aaff Монохроматические Цвета Тоны Оттенки #ff0000 в Белый #ff0000 в Черный Краски Точные соответствия Rojo 000-23 Связанные краски Tamiya Matthews Paint AMC Ford Natural Color System / NCS Caparol Plascon Chrysler GM / General Motors RAL Federal Standard Volkswagen Apple Barrel Old Citadel Vallejo Game Color Vallejo Model Color Rackham Reaper Master Toyo Ink Revell Дальтонизм Monochromacy Дихроматическое зрение Trichromacy #ff0000 HTML и CSS Примеры #ff0000 передний план #ff0000 фон У́мные ре́чи прия́тно и слу́шать. #ff0000 тень текста Чарт Композиций RGB CMYK RYB Цветовые пространства Десятичный 16711680 Двоичный 11111111, 00000000, 00000000 Шестнадцатеричный #ff0000 / #f00 LRV ≈ 21.3% RGB rgb(255, 0, 0) RGBA rgba(255, 0, 0, 1.0) Цветность rg r: 1.000, g: 0.000, b: 0.000 RYB красный: 100.000%, желтый: 0.000%, синий: 0.000% Android / android.graphics.Color -65536 / 0xffff0000 HSL hsl(0, 100%, 50%) HSLA hsla(0, 100%, 50%, 1.0) HSV / HSB оттенок: 0° (0.000), насыщение: 100% (1.000), стоимость: 100% (1.000) HSP оттенок: 360.000, насыщение: 100.000%, воспринимаемая яркость: 54.681% HSLuv (HUSL) H: 12.174, S: 100.022, L: 53.241 Cubehelix H: -8.190, S: 1.949, L: 0.300 TSL T: 3.946, S: 1.000, L: 0.299 CMYK голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000), чёрный: 0% (0.000) CMY голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000) XYZ X: 41.246, Y: 21.267, Z: 1.933 xyY x: 0.640, y: 0.330, Y: 21.267 CIELab L: 53.241, a: 80.092, b: 67.203 CIELuv L: 53.241, u: 175.015, v: 37.756 CIELCH / LCHab L: 53.241, C: 104.552, H: 39.999 CIELUV / LCHuv L: 53.241, C: 179.041, H: 12.174 Hunter-Lab L: 46.116, a: 78.943, b: 29.796 CIECAM02 J: 47.182, C: 112.056, h: 32.251, Q: 135.332, M: 97.992, s: 85.093, H: 15.505 OSA-UCS расторопность: -9.670, желтый: 7.780, зеленый: -15.462 LMS L: 39.047, M: 7.093, S: 2.314 YCbCr Y: 81.535, Cb: 90.260, Cr: 239.945 YCoCg Y: 63.750, Cg: -63.750, Co: 127.500 YDbDr Y: 76.245, Db: -114.750, Dr: -339.915 YPbPr Y: 54.315, Pb: -29.325, Pr: 127.500 xvYCC Y: 62.647, Cb: 102.240, Cr: 240.000 YIQ Y: 76.245, I: 151.908, Q: 53.921 YUV Y: 76.245, U: -37.518, V: 156.825 Okhsl h: 29.234, s: 1.000, l: 0.568 Okhsv h: 29.234. s: 1.000, v: 1.000 Okhwb h: 29.234, w: 0.000, b: 0.000 Oklab l: 0.628, a: 0.225, b: 0.126 Oklch l: 0.628, c: 0.258, h: 29.234 Цветовая Система Манселл 10R 5/16 ΔE = 6.792 Цвет бренда ★ Adobe Источник HTML Цвета Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др: Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C): Цвет Название Цвет Название Цвет Название Цвет Название Black Gray Silver White Yellow Lime Aqua Fuchsia Red Green Blue Purple Maroon Olive Navy Teal Пример использования различных цветовых названий: Пример: задание цвета по его названию Заголовок на красном фоне Заголовок на оранжевом фоне Заголовок на фоне лайм Белый текст на синем фоне
Заголовок на красном фоне
Заголовок на оранжевом фоне
Заголовок на фоне лайм
Белый текст на синем фоне
Задание цвета с помощью 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%)rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Задание цвета по шестнадцатеричному значению Значения R G B также могут быть указаны с помощью шестнадцатеричных (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красный: #FF0000
зеленый: #00FF00
синий: #0000FF
красный+зеленый=желтый: #FFFF00
красный+синий=фиолетовый: #FF00FF
зеленый+синий=голубой: #00FFFF
Список широко распространённых цветов (название, 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:Заголовок второго уровня
Источник - Text Color
- Hello World
- Example
- Hello World Lorem ipsum. Ut wisi enim. Border Color You can set the color of borders: Hello World Hello World Hello World Example Hello World Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник Red / Красный / #ff0000 / #f00 Шестнадцатеричный Код Цветов red / Красный цвета по шестнадцатеричному коду цвета #ff0000 / #f00 является оттенком красный. В модели цвета RGB #ff0000 составляет 100% красного, 0% зеленого и 0% синего. В цветовом пространстве HSL #ff0000 имеет оттенок 0° (градусов), 100% насыщенность и 50% светлости. Этот цвет имеет приблизительную длину волны в 611.37 nm. Цветовые вариации Именованные цвета Близко Связаны Косвенно Связаны Отдаленно Связаны Цветовые схемы Дополнение Аналоги Разделение Триада Квадрат Троичная #ff0000 линейный градиент до дополнительного #00aaff Монохроматические Цвета Тоны Оттенки #ff0000 в Белый #ff0000 в Черный Краски Точные соответствия Rojo 000-23 Связанные краски Tamiya Matthews Paint AMC Ford Natural Color System / NCS Caparol Plascon Chrysler GM / General Motors RAL Federal Standard Volkswagen Apple Barrel Old Citadel Vallejo Game Color Vallejo Model Color Rackham Reaper Master Toyo Ink Revell Дальтонизм Monochromacy Дихроматическое зрение Trichromacy #ff0000 HTML и CSS Примеры #ff0000 передний план #ff0000 фон У́мные ре́чи прия́тно и слу́шать. #ff0000 тень текста Чарт Композиций RGB CMYK RYB Цветовые пространства Десятичный 16711680 Двоичный 11111111, 00000000, 00000000 Шестнадцатеричный #ff0000 / #f00 LRV ≈ 21.3% RGB rgb(255, 0, 0) RGBA rgba(255, 0, 0, 1.0) Цветность rg r: 1.000, g: 0.000, b: 0.000 RYB красный: 100.000%, желтый: 0.000%, синий: 0.000% Android / android.graphics.Color -65536 / 0xffff0000 HSL hsl(0, 100%, 50%) HSLA hsla(0, 100%, 50%, 1.0) HSV / HSB оттенок: 0° (0.000), насыщение: 100% (1.000), стоимость: 100% (1.000) HSP оттенок: 360.000, насыщение: 100.000%, воспринимаемая яркость: 54.681% HSLuv (HUSL) H: 12.174, S: 100.022, L: 53.241 Cubehelix H: -8.190, S: 1.949, L: 0.300 TSL T: 3.946, S: 1.000, L: 0.299 CMYK голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000), чёрный: 0% (0.000) CMY голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000) XYZ X: 41.246, Y: 21.267, Z: 1.933 xyY x: 0.640, y: 0.330, Y: 21.267 CIELab L: 53.241, a: 80.092, b: 67.203 CIELuv L: 53.241, u: 175.015, v: 37.756 CIELCH / LCHab L: 53.241, C: 104.552, H: 39.999 CIELUV / LCHuv L: 53.241, C: 179.041, H: 12.174 Hunter-Lab L: 46.116, a: 78.943, b: 29.796 CIECAM02 J: 47.182, C: 112.056, h: 32.251, Q: 135.332, M: 97.992, s: 85.093, H: 15.505 OSA-UCS расторопность: -9.670, желтый: 7.780, зеленый: -15.462 LMS L: 39.047, M: 7.093, S: 2.314 YCbCr Y: 81.535, Cb: 90.260, Cr: 239.945 YCoCg Y: 63.750, Cg: -63.750, Co: 127.500 YDbDr Y: 76.245, Db: -114.750, Dr: -339.915 YPbPr Y: 54.315, Pb: -29.325, Pr: 127.500 xvYCC Y: 62.647, Cb: 102.240, Cr: 240.000 YIQ Y: 76.245, I: 151.908, Q: 53.921 YUV Y: 76.245, U: -37.518, V: 156.825 Okhsl h: 29.234, s: 1.000, l: 0.568 Okhsv h: 29.234. s: 1.000, v: 1.000 Okhwb h: 29.234, w: 0.000, b: 0.000 Oklab l: 0.628, a: 0.225, b: 0.126 Oklch l: 0.628, c: 0.258, h: 29.234 Цветовая Система Манселл 10R 5/16 ΔE = 6.792 Цвет бренда ★ Adobe Источник HTML Цвета Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др: Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C): Цвет Название Цвет Название Цвет Название Цвет Название Black Gray Silver White Yellow Lime Aqua Fuchsia Red Green Blue Purple Maroon Olive Navy Teal Пример использования различных цветовых названий: Пример: задание цвета по его названию Заголовок на красном фоне Заголовок на оранжевом фоне Заголовок на фоне лайм Белый текст на синем фоне
Заголовок на красном фоне
Заголовок на оранжевом фоне
Заголовок на фоне лайм
Белый текст на синем фоне
Задание цвета с помощью 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%)rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Задание цвета по шестнадцатеричному значению Значения R G B также могут быть указаны с помощью шестнадцатеричных (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красный: #FF0000
зеленый: #00FF00
синий: #0000FF
красный+зеленый=желтый: #FFFF00
красный+синий=фиолетовый: #FF00FF
зеленый+синий=голубой: #00FFFF
Список широко распространённых цветов (название, 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:Заголовок второго уровня
Источник - Border Color
- Hello World
- Hello World
- Hello World
- Example
- Hello World Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник Red / Красный / #ff0000 / #f00 Шестнадцатеричный Код Цветов red / Красный цвета по шестнадцатеричному коду цвета #ff0000 / #f00 является оттенком красный. В модели цвета RGB #ff0000 составляет 100% красного, 0% зеленого и 0% синего. В цветовом пространстве HSL #ff0000 имеет оттенок 0° (градусов), 100% насыщенность и 50% светлости. Этот цвет имеет приблизительную длину волны в 611.37 nm. Цветовые вариации Именованные цвета Близко Связаны Косвенно Связаны Отдаленно Связаны Цветовые схемы Дополнение Аналоги Разделение Триада Квадрат Троичная #ff0000 линейный градиент до дополнительного #00aaff Монохроматические Цвета Тоны Оттенки #ff0000 в Белый #ff0000 в Черный Краски Точные соответствия Rojo 000-23 Связанные краски Tamiya Matthews Paint AMC Ford Natural Color System / NCS Caparol Plascon Chrysler GM / General Motors RAL Federal Standard Volkswagen Apple Barrel Old Citadel Vallejo Game Color Vallejo Model Color Rackham Reaper Master Toyo Ink Revell Дальтонизм Monochromacy Дихроматическое зрение Trichromacy #ff0000 HTML и CSS Примеры #ff0000 передний план #ff0000 фон У́мные ре́чи прия́тно и слу́шать. #ff0000 тень текста Чарт Композиций RGB CMYK RYB Цветовые пространства Десятичный 16711680 Двоичный 11111111, 00000000, 00000000 Шестнадцатеричный #ff0000 / #f00 LRV ≈ 21.3% RGB rgb(255, 0, 0) RGBA rgba(255, 0, 0, 1.0) Цветность rg r: 1.000, g: 0.000, b: 0.000 RYB красный: 100.000%, желтый: 0.000%, синий: 0.000% Android / android.graphics.Color -65536 / 0xffff0000 HSL hsl(0, 100%, 50%) HSLA hsla(0, 100%, 50%, 1.0) HSV / HSB оттенок: 0° (0.000), насыщение: 100% (1.000), стоимость: 100% (1.000) HSP оттенок: 360.000, насыщение: 100.000%, воспринимаемая яркость: 54.681% HSLuv (HUSL) H: 12.174, S: 100.022, L: 53.241 Cubehelix H: -8.190, S: 1.949, L: 0.300 TSL T: 3.946, S: 1.000, L: 0.299 CMYK голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000), чёрный: 0% (0.000) CMY голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000) XYZ X: 41.246, Y: 21.267, Z: 1.933 xyY x: 0.640, y: 0.330, Y: 21.267 CIELab L: 53.241, a: 80.092, b: 67.203 CIELuv L: 53.241, u: 175.015, v: 37.756 CIELCH / LCHab L: 53.241, C: 104.552, H: 39.999 CIELUV / LCHuv L: 53.241, C: 179.041, H: 12.174 Hunter-Lab L: 46.116, a: 78.943, b: 29.796 CIECAM02 J: 47.182, C: 112.056, h: 32.251, Q: 135.332, M: 97.992, s: 85.093, H: 15.505 OSA-UCS расторопность: -9.670, желтый: 7.780, зеленый: -15.462 LMS L: 39.047, M: 7.093, S: 2.314 YCbCr Y: 81.535, Cb: 90.260, Cr: 239.945 YCoCg Y: 63.750, Cg: -63.750, Co: 127.500 YDbDr Y: 76.245, Db: -114.750, Dr: -339.915 YPbPr Y: 54.315, Pb: -29.325, Pr: 127.500 xvYCC Y: 62.647, Cb: 102.240, Cr: 240.000 YIQ Y: 76.245, I: 151.908, Q: 53.921 YUV Y: 76.245, U: -37.518, V: 156.825 Okhsl h: 29.234, s: 1.000, l: 0.568 Okhsv h: 29.234. s: 1.000, v: 1.000 Okhwb h: 29.234, w: 0.000, b: 0.000 Oklab l: 0.628, a: 0.225, b: 0.126 Oklch l: 0.628, c: 0.258, h: 29.234 Цветовая Система Манселл 10R 5/16 ΔE = 6.792 Цвет бренда ★ Adobe Источник HTML Цвета Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др: Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C): Цвет Название Цвет Название Цвет Название Цвет Название Black Gray Silver White Yellow Lime Aqua Fuchsia Red Green Blue Purple Maroon Olive Navy Teal Пример использования различных цветовых названий: Пример: задание цвета по его названию Заголовок на красном фоне Заголовок на оранжевом фоне Заголовок на фоне лайм Белый текст на синем фоне
Заголовок на красном фоне
Заголовок на оранжевом фоне
Заголовок на фоне лайм
Белый текст на синем фоне
Задание цвета с помощью 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%)rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Задание цвета по шестнадцатеричному значению Значения R G B также могут быть указаны с помощью шестнадцатеричных (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красный: #FF0000
зеленый: #00FF00
синий: #0000FF
красный+зеленый=желтый: #FFFF00
красный+синий=фиолетовый: #FF00FF
зеленый+синий=голубой: #00FFFF
Список широко распространённых цветов (название, 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:Заголовок второго уровня
Источник - Hello World Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник Red / Красный / #ff0000 / #f00 Шестнадцатеричный Код Цветов red / Красный цвета по шестнадцатеричному коду цвета #ff0000 / #f00 является оттенком красный. В модели цвета RGB #ff0000 составляет 100% красного, 0% зеленого и 0% синего. В цветовом пространстве HSL #ff0000 имеет оттенок 0° (градусов), 100% насыщенность и 50% светлости. Этот цвет имеет приблизительную длину волны в 611.37 nm. Цветовые вариации Именованные цвета Близко Связаны Косвенно Связаны Отдаленно Связаны Цветовые схемы Дополнение Аналоги Разделение Триада Квадрат Троичная #ff0000 линейный градиент до дополнительного #00aaff Монохроматические Цвета Тоны Оттенки #ff0000 в Белый #ff0000 в Черный Краски Точные соответствия Rojo 000-23 Связанные краски Tamiya Matthews Paint AMC Ford Natural Color System / NCS Caparol Plascon Chrysler GM / General Motors RAL Federal Standard Volkswagen Apple Barrel Old Citadel Vallejo Game Color Vallejo Model Color Rackham Reaper Master Toyo Ink Revell Дальтонизм Monochromacy Дихроматическое зрение Trichromacy #ff0000 HTML и CSS Примеры #ff0000 передний план #ff0000 фон У́мные ре́чи прия́тно и слу́шать. #ff0000 тень текста Чарт Композиций RGB CMYK RYB Цветовые пространства Десятичный 16711680 Двоичный 11111111, 00000000, 00000000 Шестнадцатеричный #ff0000 / #f00 LRV ≈ 21.3% RGB rgb(255, 0, 0) RGBA rgba(255, 0, 0, 1.0) Цветность rg r: 1.000, g: 0.000, b: 0.000 RYB красный: 100.000%, желтый: 0.000%, синий: 0.000% Android / android.graphics.Color -65536 / 0xffff0000 HSL hsl(0, 100%, 50%) HSLA hsla(0, 100%, 50%, 1.0) HSV / HSB оттенок: 0° (0.000), насыщение: 100% (1.000), стоимость: 100% (1.000) HSP оттенок: 360.000, насыщение: 100.000%, воспринимаемая яркость: 54.681% HSLuv (HUSL) H: 12.174, S: 100.022, L: 53.241 Cubehelix H: -8.190, S: 1.949, L: 0.300 TSL T: 3.946, S: 1.000, L: 0.299 CMYK голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000), чёрный: 0% (0.000) CMY голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000) XYZ X: 41.246, Y: 21.267, Z: 1.933 xyY x: 0.640, y: 0.330, Y: 21.267 CIELab L: 53.241, a: 80.092, b: 67.203 CIELuv L: 53.241, u: 175.015, v: 37.756 CIELCH / LCHab L: 53.241, C: 104.552, H: 39.999 CIELUV / LCHuv L: 53.241, C: 179.041, H: 12.174 Hunter-Lab L: 46.116, a: 78.943, b: 29.796 CIECAM02 J: 47.182, C: 112.056, h: 32.251, Q: 135.332, M: 97.992, s: 85.093, H: 15.505 OSA-UCS расторопность: -9.670, желтый: 7.780, зеленый: -15.462 LMS L: 39.047, M: 7.093, S: 2.314 YCbCr Y: 81.535, Cb: 90.260, Cr: 239.945 YCoCg Y: 63.750, Cg: -63.750, Co: 127.500 YDbDr Y: 76.245, Db: -114.750, Dr: -339.915 YPbPr Y: 54.315, Pb: -29.325, Pr: 127.500 xvYCC Y: 62.647, Cb: 102.240, Cr: 240.000 YIQ Y: 76.245, I: 151.908, Q: 53.921 YUV Y: 76.245, U: -37.518, V: 156.825 Okhsl h: 29.234, s: 1.000, l: 0.568 Okhsv h: 29.234. s: 1.000, v: 1.000 Okhwb h: 29.234, w: 0.000, b: 0.000 Oklab l: 0.628, a: 0.225, b: 0.126 Oklch l: 0.628, c: 0.258, h: 29.234 Цветовая Система Манселл 10R 5/16 ΔE = 6.792 Цвет бренда ★ Adobe Источник HTML Цвета Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др: Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C): Цвет Название Цвет Название Цвет Название Цвет Название Black Gray Silver White Yellow Lime Aqua Fuchsia Red Green Blue Purple Maroon Olive Navy Teal Пример использования различных цветовых названий: Пример: задание цвета по его названию Заголовок на красном фоне Заголовок на оранжевом фоне Заголовок на фоне лайм Белый текст на синем фоне
Заголовок на красном фоне
Заголовок на оранжевом фоне
Заголовок на фоне лайм
Белый текст на синем фоне
Задание цвета с помощью 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%)rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Задание цвета по шестнадцатеричному значению Значения R G B также могут быть указаны с помощью шестнадцатеричных (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красный: #FF0000
зеленый: #00FF00
синий: #0000FF
красный+зеленый=желтый: #FFFF00
красный+синий=фиолетовый: #FF00FF
зеленый+синий=голубой: #00FFFF
Список широко распространённых цветов (название, 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:Заголовок второго уровня
Источник - Hello World Color Values In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values. The following three elements have their background color set with RGB, HEX, and HSL values: The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency): Источник Red / Красный / #ff0000 / #f00 Шестнадцатеричный Код Цветов red / Красный цвета по шестнадцатеричному коду цвета #ff0000 / #f00 является оттенком красный. В модели цвета RGB #ff0000 составляет 100% красного, 0% зеленого и 0% синего. В цветовом пространстве HSL #ff0000 имеет оттенок 0° (градусов), 100% насыщенность и 50% светлости. Этот цвет имеет приблизительную длину волны в 611.37 nm. Цветовые вариации Именованные цвета Близко Связаны Косвенно Связаны Отдаленно Связаны Цветовые схемы Дополнение Аналоги Разделение Триада Квадрат Троичная #ff0000 линейный градиент до дополнительного #00aaff Монохроматические Цвета Тоны Оттенки #ff0000 в Белый #ff0000 в Черный Краски Точные соответствия Rojo 000-23 Связанные краски Tamiya Matthews Paint AMC Ford Natural Color System / NCS Caparol Plascon Chrysler GM / General Motors RAL Federal Standard Volkswagen Apple Barrel Old Citadel Vallejo Game Color Vallejo Model Color Rackham Reaper Master Toyo Ink Revell Дальтонизм Monochromacy Дихроматическое зрение Trichromacy #ff0000 HTML и CSS Примеры #ff0000 передний план #ff0000 фон У́мные ре́чи прия́тно и слу́шать. #ff0000 тень текста Чарт Композиций RGB CMYK RYB Цветовые пространства Десятичный 16711680 Двоичный 11111111, 00000000, 00000000 Шестнадцатеричный #ff0000 / #f00 LRV ≈ 21.3% RGB rgb(255, 0, 0) RGBA rgba(255, 0, 0, 1.0) Цветность rg r: 1.000, g: 0.000, b: 0.000 RYB красный: 100.000%, желтый: 0.000%, синий: 0.000% Android / android.graphics.Color -65536 / 0xffff0000 HSL hsl(0, 100%, 50%) HSLA hsla(0, 100%, 50%, 1.0) HSV / HSB оттенок: 0° (0.000), насыщение: 100% (1.000), стоимость: 100% (1.000) HSP оттенок: 360.000, насыщение: 100.000%, воспринимаемая яркость: 54.681% HSLuv (HUSL) H: 12.174, S: 100.022, L: 53.241 Cubehelix H: -8.190, S: 1.949, L: 0.300 TSL T: 3.946, S: 1.000, L: 0.299 CMYK голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000), чёрный: 0% (0.000) CMY голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000) XYZ X: 41.246, Y: 21.267, Z: 1.933 xyY x: 0.640, y: 0.330, Y: 21.267 CIELab L: 53.241, a: 80.092, b: 67.203 CIELuv L: 53.241, u: 175.015, v: 37.756 CIELCH / LCHab L: 53.241, C: 104.552, H: 39.999 CIELUV / LCHuv L: 53.241, C: 179.041, H: 12.174 Hunter-Lab L: 46.116, a: 78.943, b: 29.796 CIECAM02 J: 47.182, C: 112.056, h: 32.251, Q: 135.332, M: 97.992, s: 85.093, H: 15.505 OSA-UCS расторопность: -9.670, желтый: 7.780, зеленый: -15.462 LMS L: 39.047, M: 7.093, S: 2.314 YCbCr Y: 81.535, Cb: 90.260, Cr: 239.945 YCoCg Y: 63.750, Cg: -63.750, Co: 127.500 YDbDr Y: 76.245, Db: -114.750, Dr: -339.915 YPbPr Y: 54.315, Pb: -29.325, Pr: 127.500 xvYCC Y: 62.647, Cb: 102.240, Cr: 240.000 YIQ Y: 76.245, I: 151.908, Q: 53.921 YUV Y: 76.245, U: -37.518, V: 156.825 Okhsl h: 29.234, s: 1.000, l: 0.568 Okhsv h: 29.234. s: 1.000, v: 1.000 Okhwb h: 29.234, w: 0.000, b: 0.000 Oklab l: 0.628, a: 0.225, b: 0.126 Oklch l: 0.628, c: 0.258, h: 29.234 Цветовая Система Манселл 10R 5/16 ΔE = 6.792 Цвет бренда ★ Adobe Источник HTML Цвета Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др: Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C): Цвет Название Цвет Название Цвет Название Цвет Название Black Gray Silver White Yellow Lime Aqua Fuchsia Red Green Blue Purple Maroon Olive Navy Teal Пример использования различных цветовых названий: Пример: задание цвета по его названию Заголовок на красном фоне Заголовок на оранжевом фоне Заголовок на фоне лайм Белый текст на синем фоне
Заголовок на красном фоне
Заголовок на оранжевом фоне
Заголовок на фоне лайм
Белый текст на синем фоне
Задание цвета с помощью 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%)rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Задание цвета по шестнадцатеричному значению Значения R G B также могут быть указаны с помощью шестнадцатеричных (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красный: #FF0000
зеленый: #00FF00
синий: #0000FF
красный+зеленый=желтый: #FFFF00
красный+синий=фиолетовый: #FF00FF
зеленый+синий=голубой: #00FFFF
Список широко распространённых цветов (название, 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:Заголовок второго уровня
Источник - Color Values
- Red / Красный / #ff0000 / #f00 Шестнадцатеричный Код Цветов
- Цветовые вариации
- Именованные цвета
- Близко Связаны
- Косвенно Связаны
- Отдаленно Связаны
- Цветовые схемы
- Дополнение
- Аналоги
- Разделение
- Триада
- Квадрат
- Троичная
- #ff0000 линейный градиент до дополнительного #00aaff
- Монохроматические Цвета
- Тоны
- Оттенки
- #ff0000 в Белый
- #ff0000 в Черный
- Краски
- Точные соответствия
- Rojo 000-23
- Связанные краски
- Tamiya
- Matthews Paint
- AMC
- Ford
- Natural Color System / NCS
- Caparol
- Plascon
- Chrysler
- GM / General Motors
- RAL
- Federal Standard
- Volkswagen
- Apple Barrel
- Old Citadel
- Vallejo Game Color
- Vallejo Model Color
- Rackham
- Reaper Master
- Toyo Ink
- Revell
- Дальтонизм
- Monochromacy
- Дихроматическое зрение
- Trichromacy
- #ff0000 HTML и CSS Примеры
- #ff0000 передний план
- #ff0000 фон
- #ff0000 тень текста
- Чарт Композиций
- RGB
- CMYK
- RYB
- Цветовые пространства
- HTML Цвета
- Пример: задание цвета по его названию
- Заголовок на красном фоне
- Заголовок на оранжевом фоне
- Заголовок на фоне лайм
- Белый текст на синем фоне
- Задание цвета с помощью RGB
- Пример: Задание цвета с помощью RGB
- rgb(127, 255, 127)
- rgb(50%, 100%, 50%)
- Задание цвета по шестнадцатеричному значению
- Пример: Цвет HEX
- красный: #FF0000
- зеленый: #00FF00
- синий: #0000FF
- красный+зеленый=желтый: #FFFF00
- красный+синий=фиолетовый: #FF00FF
- зеленый+синий=голубой: #00FFFF
- Задачи
- Задание цвета по его названию
- Задача HTML:
HTML Colors
HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values.
Color Names
In HTML, a color can be specified by using a color name:
Background Color
You can set the background color for HTML elements:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Example
Hello World
Lorem ipsum.
Text Color
You can set the color of text:
Hello World
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Example
Hello World
Lorem ipsum.
Ut wisi enim.
Border Color
You can set the color of borders:
Hello World
Hello World
Hello World
Example
Hello World
Hello World
Hello World Color Values
In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values.
The following three elements have their background color set with RGB, HEX, and HSL values:
The following two elements have their background color set with RGBA and HSLA values, which add an Alpha channel to the color (here we have 50% transparency):
Red / Красный / #ff0000 / #f00 Шестнадцатеричный Код Цветов
red / Красный цвета по шестнадцатеричному коду цвета #ff0000 / #f00 является оттенком красный. В модели цвета RGB #ff0000 составляет 100% красного, 0% зеленого и 0% синего. В цветовом пространстве HSL #ff0000 имеет оттенок 0° (градусов), 100% насыщенность и 50% светлости. Этот цвет имеет приблизительную длину волны в 611.37 nm.
Цветовые вариации
Именованные цвета
Близко Связаны
Косвенно Связаны
Отдаленно Связаны
Цветовые схемы
Дополнение
Аналоги
Разделение
Триада
Квадрат
Троичная
#ff0000 линейный градиент до дополнительного #00aaff
Монохроматические Цвета
Тоны
Оттенки
#ff0000 в Белый
#ff0000 в Черный
Краски
Точные соответствия
Rojo 000-23
Связанные краски
Tamiya
Matthews Paint
AMC
Ford
Natural Color System / NCS
Caparol
Plascon
Chrysler
GM / General Motors
RAL
Federal Standard
Volkswagen
Apple Barrel
Old Citadel
Vallejo Game Color
Vallejo Model Color
Rackham
Reaper Master
Toyo Ink
Revell
Дальтонизм
Monochromacy
Дихроматическое зрение
Trichromacy
#ff0000 HTML и CSS Примеры
#ff0000 передний план
#ff0000 фон
У́мные ре́чи прия́тно и слу́шать.
#ff0000 тень текста
Чарт Композиций
RGB
CMYK
RYB
Цветовые пространства
Десятичный 16711680 Двоичный 11111111, 00000000, 00000000 Шестнадцатеричный #ff0000 / #f00 LRV ≈ 21.3% RGB rgb(255, 0, 0) RGBA rgba(255, 0, 0, 1.0) Цветность rg r: 1.000, g: 0.000, b: 0.000 RYB красный: 100.000%, желтый: 0.000%, синий: 0.000% Android / android.graphics.Color -65536 / 0xffff0000 HSL hsl(0, 100%, 50%) HSLA hsla(0, 100%, 50%, 1.0) HSV / HSB оттенок: 0° (0.000), насыщение: 100% (1.000), стоимость: 100% (1.000) HSP оттенок: 360.000, насыщение: 100.000%, воспринимаемая яркость: 54.681% HSLuv (HUSL) H: 12.174, S: 100.022, L: 53.241 Cubehelix H: -8.190, S: 1.949, L: 0.300 TSL T: 3.946, S: 1.000, L: 0.299 CMYK голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000), чёрный: 0% (0.000) CMY голубой: 0% (0.000), пурпурный: 100% (1.000), желтый: 100% (1.000) XYZ X: 41.246, Y: 21.267, Z: 1.933 xyY x: 0.640, y: 0.330, Y: 21.267 CIELab L: 53.241, a: 80.092, b: 67.203 CIELuv L: 53.241, u: 175.015, v: 37.756 CIELCH / LCHab L: 53.241, C: 104.552, H: 39.999 CIELUV / LCHuv L: 53.241, C: 179.041, H: 12.174 Hunter-Lab L: 46.116, a: 78.943, b: 29.796 CIECAM02 J: 47.182, C: 112.056, h: 32.251, Q: 135.332, M: 97.992, s: 85.093, H: 15.505 OSA-UCS расторопность: -9.670, желтый: 7.780, зеленый: -15.462 LMS L: 39.047, M: 7.093, S: 2.314 YCbCr Y: 81.535, Cb: 90.260, Cr: 239.945 YCoCg Y: 63.750, Cg: -63.750, Co: 127.500 YDbDr Y: 76.245, Db: -114.750, Dr: -339.915 YPbPr Y: 54.315, Pb: -29.325, Pr: 127.500 xvYCC Y: 62.647, Cb: 102.240, Cr: 240.000 YIQ Y: 76.245, I: 151.908, Q: 53.921 YUV Y: 76.245, U: -37.518, V: 156.825 Okhsl h: 29.234, s: 1.000, l: 0.568 Okhsv h: 29.234. s: 1.000, v: 1.000 Okhwb h: 29.234, w: 0.000, b: 0.000 Oklab l: 0.628, a: 0.225, b: 0.126 Oklch l: 0.628, c: 0.258, h: 29.234 Цветовая Система Манселл 10R 5/16 ΔE = 6.792 Цвет бренда ★ Adobe
HTML Цвета
Некоторые цвета можно задавать по их названию, используя в качестве значения название цвета на английском языке. Самые распространенные ключевые слова: black (черный), white (белый), red (красный), green (зеленый), blue (синий) и др:
Наиболее популярные цвета стандарта Консорциума Всемирной паутины (англ. World Wide Web Consortium, W3C):
Цвет | Название | Цвет | Название | Цвет | Название | Цвет | Название |
---|---|---|---|---|---|---|---|
Black | Gray | Silver | White | ||||
Yellow | Lime | Aqua | Fuchsia | ||||
Red | Green | Blue | Purple | ||||
Maroon | Olive | Navy | Teal |
Пример использования различных цветовых названий:
Пример: задание цвета по его названию
Заголовок на красном фоне
Заголовок на оранжевом фоне
Заголовок на фоне лайм
Белый текст на синем фоне
Заголовок на красном фоне
Заголовок на оранжевом фоне
Заголовок на фоне лайм
Белый текст на синем фоне
Задание цвета с помощью 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%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Задание цвета по шестнадцатеричному значению
Значения R G B также могут быть указаны с помощью шестнадцатеричных (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
красный: #FF0000
зеленый: #00FF00
синий: #0000FF
красный+зеленый=желтый: #FFFF00
красный+синий=фиолетовый: #FF00FF
зеленый+синий=голубой: #00FFFF
Список широко распространённых цветов (название, 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:
Заголовок второго уровня