Просмотрите все 140 стандартных именованных цветов CSS/HTML в красивой сетке образцов — ищите по имени или hex, фильтруйте по цветовому семейству и копируйте значение hex, rgb() или hsl() любого цвета одним кликом. В браузере, бесплатно.

Все 140 стандартных именованных цветов CSS/HTML с их значениями hex, RGB и HSL. Всё работает в вашем браузере из встроенного справочника — ничего не отправляется на сервер.

Ни один цвет не соответствует вашему запросу.
Попробуйте другое название или hex — например RebeccaPurple, #00FF00 или teal.

О Имена цветов HTML

Этот справочник представляет все 140 стандартных именованных цветов CSS/HTML — полный список, понятный браузерам, от AliceBlue до YellowGreen — в виде адаптивной сетки образцов. Каждый образец показывает сам цвет вместе с его названием и шестнадцатеричным значением, а щелчок по нему открывает его формы hex, rgb() и hsl(), каждая из которых копируется одним щелчком.

Вы можете искать по названию или шестнадцатеричному значению — Tomato и #FF6347 находят один и тот же образец — и фильтровать по семейству: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites и Grays & Blacks. Просмотр по семейству — самый быстрый способ отобрать кандидатов, когда вы примерно знаете нужный оттенок.

Именованные цвета удобны для прототипов, примеров кода, заливок SVG и обучения, потому что название вроде RebeccaPurple передаёт замысел лучше, чем шестнадцатеричный триплет. Значения RGB и HSL вычисляются в вашем браузере на основе шестнадцатеричного значения каждого цвета, и ничего из того, что вы ищете, не отправляется на сервер.

Как использовать Имена цветов HTML

  1. Выполните поиск по названию цвета или шестнадцатеричному значению — например, Tomato, teal или #00FF00.
  2. Отфильтруйте по семейству — Reds, Blues, Grays и так далее, — чтобы отобрать цвета в одном диапазоне оттенков.
  3. Щёлкните по образцу, чтобы мгновенно скопировать его шестнадцатеричное значение.
  4. Откройте всплывающее окно образца, чтобы вместо этого скопировать форму rgb() или hsl().

Часто задаваемые вопросы

В современном CSS есть 140 стандартных именованных цветов, расширяющих исходные 16 цветов HTML более крупным списком, унаследованным от X11. Каждый современный браузер поддерживает их все в любом свойстве, принимающем цвет.

Нет. tomato, Tomato и TOMATO — все допустимы и идентичны в CSS и HTML. Показанные здесь формы с заглавными буквами в середине слова — это лишь общепринятое написание, делающее многословные названия вроде LightGoldenrodYellow читаемыми.

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

CSS включает оба написания для gray и его вариантов — gray/grey, darkgray/darkgrey и так далее, — сопоставляя каждую пару с одним и тем же значением, так что ни одно из написаний не является неправильным.

Да. Все 140 образцов, поиск, фильтры по семействам и копирование hex/rgb()/hsl() бесплатны и полностью работают в вашем браузере.

Поделиться
Нужна помощь?
Возникла проблема с этим инструментом? Сообщите нам.
Сообщить о проблеме

Добавьте этот бесплатный инструмент на свой сайт — скопируйте и вставьте код ниже.