Помощник по цветам для написания HTML и CSS. Введите любой цвет как #3498db, rgb(52,152,219), hsl(204,70%,53%) или название CSS, например dodgerblue, и вкладка Конвертер мгновенно покажет все эквивалентные форматы, готовые к вставке объявления CSS и подсказку о чёрном или белом цвете текста. Вкладка Названия перечисляет все 148 ключевых слов цвета CSS, включая rebeccapurple (с поиском, щелчок копирует), а Веб-безопасные предлагает классическую палитру из 216 цветов. Всё выполняется локально — без загрузки и без сервера. Этот инструмент ориентирован на код; для дизайнерской работы (палитры, градиенты, контраст, смешивание) см. также Выбор цвета.
Режим:
Выберите или введите цвет — эквиваленты и фрагменты CSS обновятся в реальном времени.
Эти цвета отображаются без дизеринга на классических 256-цветных дисплеях.
Как связаны форматы:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). Оттенок HSL задаётся в градусах (0-360), насыщенность и светлота — в процентах. Альфа (#RRGGBBAA, rgba(), hsla()) разбирается и переносится во все выводы. Названия ключевых слов CSS сначала сопоставляются точно; если ни одно ключевое слово не совпало, в качестве дизайнерской подсказки предлагается ближайшее из 148.
Что такое код цвета CSS?
Код цвета CSS — это числовой рецепт одного цвета на экране: сколько красного, зелёного и синего света смешать. Каждая запись — шестизначный hex вроде #3498db, функциональная rgb(52, 152, 219), hsl(204, 70%, 53%) и 148 предопределённых ключевых слов — сводится к одному и тому же 24-битному значению sRGB. Hex и rgb() задают каналы напрямую, а hsl() описывает цвет как угол на цветовом круге плюс насыщенность и светлоту, что часто проще для подстройки оттенков.
256 уровней на канал дают 16 777 216 адресуемых цветов; 8-значные формы (#RRGGBBAA, rgba(), hsla()) просто добавляют к тому же цвету значение альфы (непрозрачности).
