Преобразователь цветовых форматов

Десять форматов: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK и Display P3. Любой из них можно выбрать в качестве исходного или целевого формата — всего доступно 90 направлений преобразования. Результаты используют современный синтаксис CSS Color 4, например rgb(255 136 0) или oklch(0.7442 0.1812 56.46).

Введите полную запись CSS исходного формата, например hsl(32 100% 50%) или color(display-p3 1 0.5 0), либо только числа, например 32, 100%, 50%, если выбран HSL. Шестнадцатеричные коды принимаются как с #, так и без него; допустимая длина — 3, 4, 6 или 8 цифр. Значение должно соответствовать выбранному исходному формату, поэтому значение rgb() на странице HSL будет отклонено, чтобы избежать ошибочного преобразования.

В culori нет режима CMYK, поэтому конвертер применяет стандартную упрощенную формулу к значениям sRGB от 0 до 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), аналогично для M и Y. Обратное преобразование выполняется по формуле R = (1 - C) x (1 - K) и так далее. Это не преобразование с профилем ICC, поэтому результат не совпадет с выводом конкретного печатного станка или на конкретной бумаге; используйте его для приблизительной экранной оценки и черновых спецификаций.

Используйте cmyk(0%, 47%, 100%, 0%), cmyk(0 0.47 1 0) или четыре числа без единиц. Значения со знаком процента трактуются как проценты; значения без единиц — как доли от 0 до 1, если только одно из них не превышает 1. В этом случае все значения считаются процентами, поэтому 0, 47, 100, 0 обрабатывается как ожидается. Результат CMYK всегда записывается в процентах с точностью до двух десятичных знаков.

Lab, LCH, OKLab, OKLCH и Display P3 могут описывать цвета, которые sRGB не способен отобразить. Если целевой формат — HEX, RGB, HSL, HWB или CMYK (все они используют sRGB) либо Display P3, цвет за пределами охвата преобразуется алгоритмом CSS Color 4: насыщенность OKLCH уменьшается до тех пор, пока цвет не попадет в охват, и к результату добавляется примечание. Целевые форматы Lab, LCH, OKLab и OKLCH не ограничены по охвату и никогда не преобразуются таким образом.

Да, для всех целевых форматов, кроме CMYK. Значение альфа-канала во входных данных, например rgb(255 136 0 / 50%) или #ff880080, записывается как / 0.5 внутри функций CSS и как 8-значный шестнадцатеричный код. В CMYK нет альфа-канала, поэтому при преобразовании в этот формат он отбрасывается.

Каналы RGB округляются до целых чисел от 0 до 255; проценты HSL, HWB и CMYK, а также значения Lab и LCH — до двух десятичных знаков; значения OKLab, светлота и насыщенность OKLCH и каналы Display P3 — до четырех десятичных знаков; оттенок — до двух десятичных знаков. Все вычисления выполняются с полной двойной точностью до округления, поэтому при обратном преобразовании результат отличается от исходного не больше, чем на величину округления.

CIELAB и CIE LCH с белой точкой D50 — точно по определению функций CSS lab() и lch(), с адаптацией Брэдфорда от белой точки D65 в sRGB. Светлота принимает значения от 0 до 100. OKLab и OKLCH — перцептивные цветовые пространства Бьорна Оттоссона, используемые в CSS oklab() и oklch(), со светлотой от 0 до 1.

Форма на странице преобразует по одному цвету за раз. Клиенты, напрямую вызывающие инструмент, могут отправлять до 100 цветов, по одному на строку, и получать по одному преобразованному значению на строку в том же порядке. Длина каждого цвета не должна превышать 100 символов.

У нейтральных цветов нет оттенка, который CSS может записать как none. Конвертер вместо этого указывает 0, чтобы значение также работало в инструментах, которые не принимают none. Оттенок не влияет на вид цвета, если насыщенность или цветность равна нулю.