Конвертер цветовых моделей (HEX, RGB, HSL)

Мгновенный перевод оттенков между HEX, RGB, HSL, HSV, CMYK и LAB с проверкой контраста

Конвертер цветовых моделей (HEX, RGB, HSL)

Мгновенный перевод оттенков между HEX, RGB, HSL, HSV, CMYK и LAB с проверкой контраста

Как это работает

1
Enter Query Details
Specify the parameters, location, or query data you want to look up.
2
Fetch or Validate Data
Retrieve or validate information securely within your session.
3
Inspect Detailed Results
Review schedules, reference figures, or comprehensive data tables.
Центр знаний и экспертное руководство

Конвертер цветов онлайн: перевод HEX, RGB, HSL, HSV, CMYK и LAB

Взаимодействие веб-разработчиков с дизайнерами и типографиями регулярно наталкивается на барьеры различия цветовых спецификаций: веб-интерфейсы традиционно оперируют шестнадцатеричными кодами HEX и моделями RGB/HSL, в то время как полиграфическая печать требует четырехцветного субтрактивного деления CMYK, а колориметрический контроль опирается на перцептивно однородное пространство CIELAB. Неточности при конвертации приводят к выцветанию полиграфии или искажению корпоративных цветов на мониторах.

Конвертер цветов производит мгновенный взаимный пересчет между шестью популярными цветовыми форматами: HEX, RGB, HSL, HSV, CMYK и LAB. Например, ввод шестнадцатеричного кода #0EA5E9 моментально рассчитывает аддитивные значения RGB (14, 165, 233), цилиндрические координаты HSL (199°, 89%, 48%), субтрактивные доли офсетной печати CMYK (94%, 29%, 0%, 9%) и колориметрические координаты LAB (64.2, -15.4, -43.1). Алгоритм строго учитывает стандарты цветового охвата sRGB и отслеживает превышение суммарного лимита красок (Total Ink Limit) для качественной печати.

Инструмент снабжен функцией наглядного предпросмотра цвета и расчета относительной яркости (Relative Luminance) для оперативной оценки контрастности текстовых элементов на сайте в соответствии со строгими критериями доступности контента.

Архитектура и математическая формула

Математический пересчет: RGB [0–255] ⇄ HSL [0–360°, 0–100%, 0–100%] ⇄ CMYK [0–100%] с гамма-коррекцией sRGB

Двусторонний аналитический перевод цветовых координат между веб-стандартами и полиграфическими пространствами без потерь точности.

Лучшие практики и ключевые рекомендации

  • Учитывайте разницу цветовых охватов RGB и CMYK: Многие яркие неоновые оттенки экрана физически невозможно напечатать триадными красками CMYK.
  • Контролируйте Total Ink Coverage (TIL) в CMYK: Сумма красок C+M+Y+K для мелованной бумаги не должна превышать 280–300%.
  • Используйте модель LAB для колориметрических сравнений: Пространство CIELAB аппаратно независимо и точно моделирует зрительное восприятие человека.
  • Применяйте альфа-канал в кодах HEX8: Добавление двух последних символов (например, #0EA5E980) задает 50% прозрачности в современном CSS.

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

Почему при переводе из RGB в CMYK цвета часто тускнеют?
Цветовой охват печати CMYK значительно уже излучаемого спектра мониторов sRGB; чистые изумрудные и ультрамариновые цвета в CMYK приглушаются.
Что такое Relative Luminance (относительная яркость)?
Это нормализованная фотометрическая яркость цвета от 0 (черный) до 1 (белый), используемая в стандартах WCAG для расчета контрастности.
В чем разница между моделями HSL и HSV (HSB)?
В HSL параметр L означает светлоту (100% — чисто белый), а в HSV/HSB параметр V означает яркость (100% — самый насыщенный спектральный цвет).
Как шестнадцатеричный код HEX переводится в RGB?
Шесть знаков HEX разбиваются на пары (RR-GG-BB) и переводятся из 16-ричной системы в десятичную (например, FF = 255, 00 = 0).