16 стандартных веб-цветов — это предопределенные названия цветов, которые распознаются всеми основными веб-браузерами. Эти цвета позволяют веб-разработчикам и дизайнерам указывать цвета на веб-странице без необходимости использовать шестнадцатеричные или RGB-значения. 16 цветов были первоначально определены в спецификации HTML 3.2 в 1996 году как часть цветовой системы X11. Они стали стандартной частью CSS и HTML.
Первые веб-браузеры могли отображать только ограниченную палитру цветов. В начале 1990-х годов Тим Бернерс-Ли, изобретатель Всемирной паутины, создал список всего из 16 цветов, которые должны поддерживать все веб-браузеры. Этот список стал известен как цвета X11 или 16 основных цветов HTML.
Названия цветов X11 и шестнадцатеричные значения были определены в системе X Window, используемой компьютерами Unix в 1980-х годах. В Интернете были использованы те же 16 цветов для обеспечения кроссбраузерной совместимости. Стандартизировав этот небольшой набор цветов, Бернерс-Ли помог обеспечить единообразный вид ранних веб-страниц в разных браузерах и на разных платформах.
16 исходных цветов HTML были следующими:
| Название цвета | Шестнадцатеричное значение |
| Черный | #000000 |
| Зеленый | #008000 |
| Серебристый | #C0C0C0 |
| Лайм | #00FF00 |
| Серый | #808080 |
| Оливковый | #808000 |
| Белый | #FFFFFF |
| Жёлтый | #FFFF00 |
| Бордовый | #800000 |
| Тёмно-синий | #000080 |
| Красный | #FF0000 |
| Синий | #0000FF |
| Фиолетовый | #800080 |
| Бирюзовый | #008080 |
| Фуксия | #FF00FF |
| Аква | #00FFFF |
Эти оригинальные цвета были выбраны, чтобы их было легко различить даже на дисплеях низкого качества. Они гарантировали читаемость текста и предоставляли достаточно разнообразия для простых красочных дизайнов.
Вот 16 стандартных веб-цветов, определенных в спецификациях HTML и CSS:
Черный — самый темный цвет. Его шестнадцатеричный код #000000. В цветах RGB черный цвет получается при отсутствии света из красного, зеленого и синего каналов (0,0,0).
Черный цвет часто используется для текста и контуров. Он создает элегантный минималистичный вид в сочетании с более светлыми цветами. Черный поглощает весь свет и может выделять элементы на белом фоне.
Серебро — это светло-серый цвет с шестнадцатеричным кодом #C0C0C0. В RGB серебро имеет код 192,192,192. Серебро используется для представления металлического элемента с тем же названием.
Этот нейтральный серый оттенок хорошо подходит для фонов и границ. Он имеет элегантный, современный вид и сочетается с любым другим цветом.
Серый имеет шестнадцатеричный код #808080 и значения RGB 128, 128, 128. Это средний темно-серый, средний между черным и белым.
Серый обычно используется для текста, который должен быть неброским. Он также может быть цветом акцента, чтобы выделить разделы при использовании с черным текстом.
Белый имеет шестнадцатеричный код #FFFFFF. В RGB белый имеет значения 255, 255, 255. Белый содержит максимальную яркость из красного, синего и зеленого каналов.
Белый используется для фона контента, чтобы сделать текст легко читаемым. Он может обозначать чистоту, ясность и пространство.
Бордовый — это темно-красный цвет с шестнадцатеричным значением #800000. В RGB бордовый — это 128, 0, 0.
Бордовый получил свое название от французского слова, означающего каштан. Он олицетворяет осень и приземленность. Бордовый популярен для создания ощущения наследия или традиций.
Красный имеет шестнадцатеричный код #FF0000. В значениях RGB красный имеет значение 255, 0, 0. Он находится в конце видимого цветового спектра.
Красный привлекает внимание, но не является таким подавляющим, как бордовый. Он олицетворяет энергию, страсть, агрессию и волнение.
Фиолетовый — это смесь красного и синего с шестнадцатеричным кодом #800080. В RGB фиолетовый имеет значение 128, 0, 128.
Фиолетовый ассоциируется с королевской властью, мудростью и воображением. Он хорошо контрастирует с желтыми цветами, создавая привлекательную комбинацию.
Фуксия имеет шестнадцатеричный код #FF00FF. В RGB фуксия имеет значение 255, 0, 255, смешивая максимальное количество красного и синего.
Фуксия — это яркий розовый оттенок, названный в честь цветка фуксии. Он олицетворяет игривость, веселье и энергию. Фуксия позволяет заголовкам и кнопкам выделяться.
Зеленый имеет шестнадцатеричный код #008000. В значениях RGB зеленый имеет значение 0, 128, 0 с полным зеленым, но без красного или синего.
Зеленый представляет природу, обновление и причины окружающей среды. Он также означает «вперед», что делает его популярным для кнопок призыва к действию.
Лайм — это ярко-зеленый цвет с шестнадцатеричным кодом #00FF00. В RGB лайм — это 0, 255, 0 с полностью зеленым и без других цветов.
Лайм вызывает свежесть и пикантность. Он выделяется на черном тексте, но может быть резким для глаз в избытке.
Оливковый — это зелено-желтый цвет с шестнадцатеричным кодом #808000. В RGB оливковый — это 128, 128, 0.
Оливковый олицетворяет природу и миролюбие. Он обычно используется для военного и кемпингового снаряжения из-за его землистого ощущения.
Желтый имеет шестнадцатеричный код #FFFF00. В RGB желтый цвет имеет значения 255, 255, 0 с полным красным и зеленым.
Желтый цвет олицетворяет солнечный свет, счастье и тепло. Он заряжает дизайн энергией, но также может символизировать трусость.
Темно-синий — это темно-синий с шестнадцатеричным кодом #000080. В значениях RGB темно-синий имеет значения 0, 0, 128 без красного или зеленого.
Темно-синий олицетворяет уверенность и профессионализм. Более светлые оттенки хорошо подходят для корпоративного дизайна.
Синий имеет шестнадцатеричный код #0000FF. В RGB синий имеет значение 0, 0, 255 без других цветов.
Синий олицетворяет спокойствие, доверие и интеллект. Светло-голубой может казаться спокойным, в то время как темно-синий — формальным.
Бирюзовый имеет шестнадцатеричный код #008080. В RGB бирюзовый — это 0, 128, 128, смешивающий зеленый и синий.
Бирюзовый ассоциируется с обновлением, изысканностью и духовностью. Он приятен для глаз для абзацев текста.
Аква имеет шестнадцатеричный код #00FFFF. В RGB аква — это 0, 255, 255, смешивающий полный зеленый и синий.
Аква напоминает прекрасную воду. Он олицетворяет жизненную силу, безмятежность и свежесть. Аква естественным образом привлекает внимание для акцента.
16 веб-цветов обеспечивают базовую цветовую палитру для любого веб-сайта или HTML-проекта. Вот несколько примеров использования этих стандартных цветов:
16 исходных веб-цветов можно комбинировать для создания большинства оттенков. Например, фиолетовый сочетает красный и синий. Бирюзовый смешивает зеленый и синий. Дизайнеры используют эти основные цвета в качестве основы для целых цветовых схем.
Хотя в современных браузерах сейчас поддерживаются миллионы дополнительных цветов, эти 16 остаются наиболее широко узнаваемыми. Их имена обеспечивают единообразное отображение цветов на всех платформах без использования шестнадцатеричных или RGB-значений.
16 оригинальных цветов HTML теперь являются устаревшей функцией веб-дизайна. Современные браузеры поддерживают миллионы цветов, что позволяет использовать более продвинутые и тонкие палитры. Но первоначальные 16 сохраняют свою значимость:
Хотя продвинутые методы CSS3 позволяют использовать цветовые градиенты, тени, анимацию и многое другое, основные 16 цветов остаются актуальными в веб-дизайне.
16 основных веб-цветов определяли внешний вид веб-сайтов с самых первых дней существования Интернета. Эти 16 цветов изначально были выбраны для максимальной читаемости на дисплеях с низким разрешением. По мере того, как со временем глубина цвета росла, на веб-страницах стали использоваться миллионы цветов.
Но исходная цветовая палитра остается основной частью спецификаций HTML и CSS. Все браузеры по-прежнему распознают 16 названий цветов для обратной совместимости. Эти цвета формируют основу для акцентных цветов, фонов, текста и многого другого на многих веб-сайтах. Их шестнадцатеричные коды и значения RGB также обычно используются в качестве ориентиров в программном обеспечении для дизайна.
Таким образом, хотя расширенные параметры цвета обеспечивают гораздо больше креативности, 16 исходных цветов продолжают занимать важное место в Интернете. Они обеспечивали читаемость текста и визуальную согласованность в прошлом. И они продолжают обеспечивать общую структуру и поддержку наследия в будущем.