Конвертер форматів кольору

Десять форматів: 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. Відтінок не має видимого впливу, якщо насиченість або колориметрична насиченість дорівнює нулю.