Конвертер цветов — HEX, RGB, HSL и альфа

Как преобразовать цвет

1. Введите HEX с # или поддерживаемую функцию rgb/rgba/hsl/hsla. Кнопка примера заполняет #33669980 без преобразования; в числах используйте точку.
2. Нажмите «Преобразовать». Точный цвет и независимая альфа используются для каждого формата отдельно; изменение ввода убирает старый результат.
3. Скопируйте отдельный код или все три строки. Отметка округления и пояснение альфа-байта показывают потери точности; образец не калиброван.

Каналы и синтаксис

HEX3/4 повторяет цифры, HEX6/8 использует байты; альфа стоит последней. RGB принимает 0–255 или 0–100%. В современной записи используются пробелы и косая черта, в старой — запятые; смешивать числа и проценты RGB можно только в современной.

HSL принимает градусы с необязательным deg и проценты насыщенности и светлоты. Оттенок цикличен; HSL-светлота не является относительной яркостью. Расчёт использует кодированный sRGB.

Альфа хранится отдельно: нулевая прозрачность не стирает каналы и цвет не смешивается с фоном. В HEX8 значение 0.5 превращается в байт 128, то есть 128/255.

При равных RGB-каналах приняты H=0 и S=0; исходный оттенок серого восстановить нельзя. При ненулевой цветности сохраняется математический оттенок, без порога погрешности.

Примеры и округление

#33669980 содержит байты 51, 102, 153 и альфа 128/255. Кодированные каналы 0.2, 0.4, 0.6 дают HSL 210°, 50%, 40%; функциональная альфа округляется до 0.50196078.

hsl(210 100% 50% / .5) даёт RGB 0, 127.5, 255. При округлении половин вверх HEX становится #0080FF80, хотя функциональная альфа остаётся 0.5.

rgb(17 34 51 / 99.999999%) сохраняет альфа 0.99999999, но байт округляется до FF: результат #112233FF. При 0.000001% функциональная альфа 0.00000001, а байт — 00.

Ограничения

До удаления пробелов допускается 256 единиц UTF-16, числовой токен — 16 символов ASCII. Числовые RGB и альфа допускают 8 знаков после точки, проценты и HSL — 6; экспонента запрещена, оттенок ограничен ±1000000°. Значения вне диапазона отклоняются.

Имена, transparent, currentColor, none, комментарии, переменные, вычисления, другие пространства и единицы угла не поддерживаются. HSL требует проценты S/L. Некоторые из этих форм допустимы в CSS.

HEX округляет до ближайшего байта, половины вверх; RGB и альфа имеют до 8 дробных знаков, HSL — до 6. Округлённый оттенок 360 становится 0. Точное обратное преобразование не гарантируется.

Нет преобразования ICC/CMYK, широкого цветового охвата, измерения контраста или гарантии совпадения экранов. Образец иллюстрирует только сформированный RGB; HSL-светлота не является оценкой доступности.

Конфиденциальность

Расчёт выполняется в браузере без добавленной загрузки, аккаунта, истории, записи ввода или ссылки с цветом. Копирование по запросу; при отказе доступен текст только для чтения. Обычные сервисы сайта регулируются его правилами.