🎨

конвертер цветов

Мгновенно конвертируйте цвета между форматами HEX, RGB, HSL и CMYK. Измените любое поле — остальные обновятся автоматически.

Инструменты-генераторы Работает локально Данные не отправляются
HEX RGB HSL CMYK конвертер WCAG
выбор цвета
Форматы
HEX
RGB
HSL
CMYK
Белый текст Чёрный текст
#FF5733
Ближайшее имя CSS: —
Белый текст на этом цвете
—
Чёрный текст на этом цвете
—
О форматах цвета
  • HEX —Самый распространённый в веб / CSS / HTML. Компактная 6-символьная шестнадцатеричная запись (например, #FF5733).
  • RGB —Используется в программировании для экранов, CSS и canvas APIs. Каждый канал (Red, Green, Blue) находится в диапазоне 0-955.
  • HSL —Hue, Saturation, Lightness. Более интуитивно понятно для человека — легко настроить яркость или тон цвета.
  • CMYK —Cyan, Magenta, Yellow, Key (Black). Используется в дизайне для печати и профессиональных издательских процессах.
  • Измените любое поле — все остальные форматы обновятся автоматически. Поддерживается как краткая (255, 87, 51) и полная (rgb(255, 87, 51)) формы ввода.

Что такое конвертер цветов?

Мгновенно конвертируйте цвета между HEX, RGB, HSL и CMYK. Включает визуальный выбор цвета, чтобы вы могли настроить и скопировать нужный формат.

Как пользоваться конвертером цветов

  1. Введите цвет в HEX, RGB, HSL, HSV или другом поддерживаемом формате.
  2. Инструмент автоматически преобразует значение в другие цветовые форматы.
  3. Точно настройте любое поле, пока результат не совпадёт с целевым цветом.
  4. Скопируйте нужный формат для CSS, передачи дизайна или печати.

Похожие инструменты

🎨
выбор цвета
Преобразуйте цвета между HEX, RGB, HSL и CMYK
 🎨
генератор палитры
Создавайте комплементарные, аналогичные и триадные цветовые палитры
 ♿
проверка контраста WCAG
Проверяйте коэффициенты цветового контраста WCAG AA и AAA для доступности
Понимание цветовых форматов ▾
Пример
Ввод #FF5733
Результат RGB(255, 87, 51), HSL(11, 100%, 60%), CMYK(0, 66, 80, 0)
Типичные сценарии использования
  • Преобразуйте цвета макета дизайна в значения, готовые для CSS
  • Переведите цвета RGB или HSL в HEX для кода фронтенда
  • Сравнивайте CMYK-значения для печати с цифровыми цветовыми форматами
  • Нормализуйте цветовые спецификации перед передачей дизайн-файлов
Часто задаваемые вопросы
Поддерживает ли он CSS oklch() и lab()?

Этот инструмент преобразует между традиционными цветовыми пространствами. Для CSS oklch/lab требуется отдельный конвертер перцептивных цветов.

Насколько точна конвертация CMYK?

Преобразование использует формулу sRGB →CMYK. Для типографской печати используйте инструмент с поддержкой ICC-профилей.

Что делает конвертер цветов онлайн —HEX, RGB, HSL & OKLCH?

Конвертер цветов онлайн —HEX, RGB, HSL & OKLCH полностью работает в вашем браузере и помогает выполнить эту задачу без загрузки данных на сервер.

Бесплатен ли конвертер цветов онлайн — HEX, RGB, HSL & OKLCH?

Да. Этот инструмент бесплатен и не требует регистрации.