Конвертер цветов

Вставьте или выберите цвет — HEX, RGB(A), HSL(A), HSV или CMYK — и сразу увидите все форматы с живым предпросмотром.

Как пользоваться

  1. Введите цвет в любом формате — HEX (#FF5733), rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(…), cmyk(…) или название вроде “red” — либо выберите его в образце цвета.
  2. Каждый формат появляется сразу, нажимать ничего не нужно. Предпросмотр показывает сам цвет.
  3. Копируйте любой формат его кнопкой. Прозрачность (alpha) сохраняется: если цвет не полностью непрозрачный, показывается 8-значный HEX или rgba()/hsla().

Пример

Ввод

#FF5733

Форматы

HEX #FF5733
RGB rgb(255, 87, 51)
HSL hsl(10.6, 100%, 60%)
HSV hsv(10.6, 80%, 100%)
CMYK cmyk(0%, 65.9%, 80%, 0%)

#FF5733 — это оранжевый; тот же цвет записывается как rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(10.6, 80%, 100%) и cmyk(0%, 65.9%, 80%, 0%).

Область применения, ограничения и частые вопросы

  • Только пять форматов: HEX, RGB(A), HSL(A), HSV и CMYK. Без CIE-Lab/XYZ, подбора «ближайшего именованного цвета», смешивания палитр и проверки контраста (доступности).
  • Пересчёт — точная математика; значения компонентов округляются до целых, проценты — до одного знака (например, 65,9%), конечные нули убираются — это не бесконечная точность.
  • Выбор цвета (образец) — это элемент браузера, и он показывает только непрозрачные цвета. Прозрачность (alpha) вводится и показывается только через текстовое поле.
  • Названия цветов — стандартные ключевые слова CSS (red, rebeccapurple, …) на английском, введённые точно. Названия на других языках (например, «красный») не распознаются — вводите английское ключевое слово.
  • Ничего не загружается, не сохраняется и не попадает в URL: нет истории и ссылки с цветом. Всё работает в браузере.

Что обычно нужно дальше, когда цвет уже в нужной форме.