Конвертер цветов
Вставьте или выберите цвет — HEX, RGB(A), HSL(A), HSV или CMYK — и сразу увидите все форматы с живым предпросмотром.
Предпросмотр
- HEX
- RGB
- HSL
- HSV
- CMYK
Как пользоваться
- Введите цвет в любом формате — HEX (#FF5733), rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(…), cmyk(…) или название вроде “red” — либо выберите его в образце цвета.
- Каждый формат появляется сразу, нажимать ничего не нужно. Предпросмотр показывает сам цвет.
- Копируйте любой формат его кнопкой. Прозрачность (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: нет истории и ссылки с цветом. Всё работает в браузере.
Похожие инструменты
Что обычно нужно дальше, когда цвет уже в нужной форме.