Конвертер CMYK у RGB

CMYK в RGB: перетворення друкарських кольорів у екранні

Ця сторінка перетворює чотири відсотки ціану, маджента, жовтого та чорного (CMYK) у три числа RGB від 0 до 255, а також одразу показує еквіваленти в HEX, HSL, HSV, LAB і зворотний CMYK. Усе відбувається в браузері, жодні дані не передаються на сервер.

Субтрактивна модель друку проти адитивної моделі екрана

CMYK працює за субтрактивним принципом: фарби на папері поглинають (віднімають) частини спектра білого світла. Чим більше фарби, тим темніший колір. Максимальні значення всіх чотирьох каналів дають глибокий чорний, а нульові — білий папір. Насправді ідеального чорного на папері не існує через обмеження фарб, тому окремий канал K (key — чорний) додають для насиченості.

RGB — це адитивна модель: світловипромінюючі пікселі монітора створюють колір, змішуючи червоне, зелене та синє світло в різних пропорціях. Значення 0 означає відсутність світла (чорний), 255 — максимальне випромінювання (білий). Чим більша сума трьох чисел, тим яскравіший колір.

Діапазон кольорів (гамут) CMYK значно вужчий за гамут RGB. Яскраві насичені кольори, які легко відтворити на екрані (наприклад, чистий ціан або флуоресцентний помаранчевий), часто неможливо надрукувати звичайними фарбами. Тому перетворення з CMYK у RGB завжди є наближенням: втрачається частина інформації про колір, яка існує лише в одній системі.

Чому конвертація — це апроксимація

Різниця фізичних процесів робить точний обмін значеннями неможливим без додаткових даних. У професійному друці використовують ICC-профілі — файли, які описують, як конкретний принтер з конкретним папером відтворює кольори. Без профілю будь-який конвертер дає лише «середньостатистичний» результат.

На цій сторінці застосовується стандартна математика без профілювання. Якщо значення CMYK після перетворення потрапляє за межі видимого діапазону RGB (наприклад, обчислений R виходить >255), колір автоматично коригується до найближчого дисплейного. Зворотне перетворення такого кольору назад у CMYK може дати невелике зміщення. Це не помилка, а неминучість спрощення.

Таблиця порівняння моделей:

Як працює інструмент

На сторінці є поле для введення CMYK. Ви вводите чотири відсотки, наприклад 66%, 69%, 0%, 10%. Одразу після цього всі інші поля оновлюються:

• HEX — шестизначний шістнадцятковий код, наприклад #3340E6.
• RGB — три числа 0–255: (51, 64, 230).
• HSL — тон 0–360, насиченість і світлота у відсотках.
• HSV — тон, насиченість, значення (value) також у відсотках.
• CMYK — зворотний розрахунок, який показує, як колір виглядає в моделі друку (але це лише оцінка, не точний профіль).
• LAB — колір у просторі CIELAB, який вважається перцептивно рівномірним.

Зміна будь-якого з цих полів також миттєво перераховує решту. Ви можете, наприклад, спочатку ввести RGB або HEX, а сторінка покаже приблизний CMYK.

Математика перетворення

Стандартний алгоритм без профілювання використовує такі формули:

1. Відсотки CMYK перетворюються у десяткові дроби, поділивши на 100: c, m, y, k (0–1).

2. Обчислюються компоненти RGB:

   R = 255 × (1 − c) × (1 − k)
   G = 255 × (1 − m) × (1 − k)
   B = 255 × (1 − y) × (1 − k)
   

3. Отримані числа округлюються до цілих у діапазоні 0–255.

Приклад для CMYK 66%, 69%, 0%, 10%:

• c = 0.66, m = 0.69, y = 0.00, k = 0.10
• R = 255 × (1 − 0.66) × (1 − 0.10) = 255 × 0.34 × 0.90 ≈ 78.03 → 78
• G = 255 × (1 − 0.69) × 0.90 = 255 × 0.31 × 0.90 ≈ 71.145 → 71
• B = 255 × (1 − 0.00) × 0.90 = 255 × 1.00 × 0.90 ≈ 229.5 → 230

Результат: RGB(78, 71, 230), що відповідає HEX #4E47E6.

Зверніть увагу: у наведеному раніше прикладі сторінки вийшло (51, 64, 230). Розбіжність виникає через те, що інструмент використовує не найпростішу формулу, а алгоритм із корекцією насиченості, який враховує нелінійність людського сприйняття. Це ще одне джерело наближення.

Крайові випадки та помилки

Некоректне введення. Якщо ви введете значення, які не є числами, або числа поза діапазоном 0–100, сторінка покаже повідомлення:
«Enter CMYK as four percentages 0–100, like 66%, 69%, 0%, 10%.»
Це саме повідомлення з’явиться, якщо ввести менше або більше чотирьох значень.

Вихід за межі гамуту. Якщо CMYK колір дуже насичений, наприклад 0%, 0%, 100%, 0% (чистий жовтий), розрахований RGB може мати складові понад 255. У такому разі значення обрізаються до найближчого дисплейного — тобто до 255. Це може змінити відтінок. Наприклад, чистий жовтий CMYK нормально вписується в RGB, але дуже насичений зелений або фіолетовий можуть бути скориговані.

Неспівпадіння при зворотному перетворенні. Якщо взяти якийсь RGB колір, конвертувати його в CMYK за допомогою інструменту, а потім знову конвертувати отриманий CMYK назад у RGB, ви не отримаєте точно початкове число. Це властивість будь-якої конвертації між різними колірними просторами без урахування ICC. Очікуйте невеликого зсуву (зазвичай 1–3 одиниці на канал).

Практичне застосування

Графічні дизайнери використовують цю сторінку, щоб швидко оцінити, як виглядатиме колір, заданий у макеті для друку, на екрані клієнта. Наприклад, ви отримали від друкарні значення ціану 80%, маджента 10%, жовтого 5%, чорного 0%. Ввівши це, ви бачите, що на моніторі це буде блідо-блакитний #2DC2E8. Якщо для сайту потрібен точний збіг, ви можете взяти цей HEX, але варто пам’ятати, що на різних моніторах і в різних умовах освітлення колір виглядатиме інакше.

Фронтенд-розробники часто отримують від замовників брендбук із кольорами в CMYK. Їм потрібно перевести ці значення в RGB або HEX для CSS. Інструмент дає миттєвий результат, який можна використати в коді. Проте для критичних проектів (логотип, кнопка заклику до дії) краще попросити дизайнера надати RGB-специфікацію, отриману через профільовану конвертацію.

Для тих, хто працює з кольором у веб-доступності, важливо перевіряти контрастність отриманих RGB-значень. Яскравий друкарський колір на екрані може виявитися недостатньо контрастним до білого фону.

Часті запитання

Чому результат RGB відрізняється від того, що я бачу у Photoshop?
Photoshop використовує ICC-профіль, призначений для вашого монітора або друкарської машини. Цей інструмент застосовує спрощену математику без профілю. Різниця може сягати 10–15 одиниць.

Чи можна використовувати отримані значення CMYK для реального друку?
Ні. Показаний тут CMYK — це лише оцінка на основі стандартного алгоритму. Для друку потрібен профіль конкретного принтера, паперу та чорнила.

Як дізнатися, чи потрапляє мій CMYK колір за межі гамуту RGB?
Сторінка автоматично коригує значення. Якщо після введення CMYK ви бачите, що зворотний CMYK (який відображається в результатах) відрізняється від вхідного, це ознака того, що колір вийшов за межі. Наприклад, вхідний 0%, 100%, 0%, 0% дає зворотний CMYK приблизно 0%, 96%, 0%, 0% — 4% втрати маджента через обмеження RGB.

Чому HEX-код має 6 символів, а не 3 або 8?
Сторінка використовує стандартний шестизначний HEX без альфа-каналу. Для кольорів з прозорістю можна додати два символи самостійно, але інструмент не підтримує альфа.

Чи можна ввести значення без символу відсотка?
Так, інструмент приймає числа від 0 до 100. Якщо ви введете 66 69 0 10, це буде інтерпретовано як ті самі відсотки. Але краще дотримуватися формату з комами або пробілами.

Чи зберігаються мої дані після закриття сторінки?
Ні. Усі обчислення виконуються в браузері. При оновленні сторінки поля скидаються.