Що таке RGB і CMYK і чому конвертація — це лише наближення
RGB (Red, Green, Blue) і CMYK (Cyan, Magenta, Yellow, Key) описують колір принципово різними фізичними механізмами. RGB, який використовують монітори, телефони та проєктори, працює за адитивним принципом: змішуванням світла трьох кольорів. Коли всі три компоненти дорівнюють 255, ми бачимо білий; коли 0 — чорний (екран вимкнено). Натомість CMYK — це субтрактивна модель, за якою друкарські машини наносять фарбу на папір. Чим більше фарби, тим менше світла відбивається, тому колір темнішає. Змішування 100 % ціану, маґенти та жовтого теоретично дає чорний, але на практиці через домішки виходить брудно-коричневий, тому окремо додають чорну фарбу (Key).
Саме через цю фізичну різницю конвертація RGB→CMYK є наближеною. Без прив’язки до конкретного ICC-профілю принтера (який враховує папір, чорнила, друкарську машину) отриманий результат — лише початкова точка для друку, а не точний збіг. Більше того, гамут (діапазон відтворюваних кольорів) CMYK менший, ніж у RGB. Яскраві насичені кольори, які ми звикли бачити на екрані (наприклад, чистий зелений 0, 255, 0 або фіолетовий 128, 0, 255), часто лежать поза межами CMYK. Інструмент автоматично коригує такі значення до найближчого відображуваного кольору, що може спричинити невеликий зсув при зворотному перерахунку.
Як працює конвертер RGB→CMYK на цій сторінці
Користувач вводить три цілі числа від 0 до 255 у поля RGB, наприклад 79, 70, 229. Миттєво на екрані з’являються чотири відсотки — ціан, маґента, жовтий і чорний — у діапазоні 0–100, зокрема 66%, 69%, 0%, 10%. Одночасно оновлюються всі інші колірні формати: HEX, HSL, HSV, LAB. Це дає змогу порівняти, як той самий колір виглядає в різних моделях.
Умови введення:
- RGB: три числа, лише цілі, обов’язково від 0 до 255. Роздільником слугує кома, крапка з комою або пробіл — інструмент парсить коректно.
- CMYK: чотири відсотки 0–100, наприклад
66%, 69%, 0%, 10%. Символ%необов’язковий, але рекомендований для однозначності. - HEX: шістнадцятковий код від
#000000до#FFFFFF, з або без решітки. - HSL: три числа: відтінок (0–360), насиченість (0–100 %), світлота (0–100 %).
- HSV: відтінок (0–360), насиченість (0–100 %), яскравість (value, 0–100 %).
- LAB: три числа: L (0–100), a (від −128 до 127), b (від −128 до 127). Виходить за межі видимого спектра, тому інструмент коригує до найближчого кольору.
Якщо ввести значення, що не відповідають формату, з’являється конкретне повідомлення про помилку:
- RGB: «Enter RGB as three numbers 0–255, like 79, 70, 229.»
- CMYK: «Enter CMYK as four percentages 0–100, like 66%, 69%, 0%, 10%.»
Усі обчислення виконуються безпосередньо в браузері — жодні дані не передаються на сервер. Це важливо для конфіденційності, особливо якщо ви працюєте з фірмовими кольорами клієнтів.
Чому результат не є готовою друкарською фарбою
Хоча конвертер дає швидкий старт, справжній друк залежить від багатьох змінних:
- Папір: глянцевий, матовий, газетний — кожен по-різному вбирає фарбу і відбиває світло.
- Чорнила: пігментні або барвникові, різних виробників.
- Друкарська машина: офсет, цифровий друк, шовкографія — мають власні профілі.
- ICC-профіль: стандартний (наприклад, FOGRA39, GRACoL2006) або кастомний. Без нього конвертація — лише математичне наближення.
Приклад: яскраво-червоний RGB (255, 0, 0) у CMYK дасть приблизно 0%, 100%, 100%, 0%. Однак друкарська фарба ніколи не дасть такої самої насиченості, як світлодіодний монітор. Видима різниця може бути значною.
Гамут CMYK менший, тому при виході за його межі інструмент автоматично коригує LAB або CMYK-значення, що не відповідають видимому діапазону, до найближчого кольору з гамуту sRGB. Це означає, що якщо ви спочатку введете насичений фіолетовий у LAB, перетворите його в CMYK, а потім назад в LAB — результат може трохи зміститися.
Робота з крайовими випадками та помилками введення
Інструмент суворо дотримується правил формату. Розглянемо типові ситуації:
Некоректні значення
0, 256, 100— друге число більше 255 → повідомлення про помилку.79, 70— тільки два числа → помилка.100%, 50%, 30%, 200%— четверте більше 100 → помилка.#GGG— не HEX-символи → помилка.
Позамежові кольори
- Деякі кольори LAB, наприклад L=0, a=127, b=127, не мають відповідника в sRGB. Інструмент зводить їх до найближчого кольору, але при конвертації назад може виникнути зсув.
- Те саме з CMYK: якщо ввести чотири 100%, колір буде насиченим чорним, але в RGB це буде не (0,0,0), а дуже темний відтінок.
Одночасне редагування
Якщо змінити HEX-поле, інші поля перерахуються миттєво. Немає кнопки «Конвертувати» — уся логіка працює на подіях input або change.
Хто і коли використовує цей інструмент
Цільова аудиторія — практики, які працюють на межі цифрового дизайну та друку.
- Графічні дизайнери, які готують макети для друку в Illustrator або InDesign. Вони можуть швидко підібрати CMYK-еквівалент з веб-палітри.
- Front-end розробники, яким потрібно перевести фірмові кольори з hex-специфікації в грубий CMYK для друкованих візитівок або брошур.
- Друкарський персонал (препрес): перевірка, чи не випадає яскравий веб-колір за межі CMYK-гамуту перед відправкою файлу в друк.
- Всі, хто переносить колір з екранного робочого процесу (веб, відео, освітлення) у поліграфію.
Типовий сценарій: у фірмовому стилі вказано HEX #4F46E5. Вводимо його в інструмент, отримуємо CMYK 66%, 69%, 0%, 10%. Це стає початковою точкою для друкарні, яка вже підбере точний відтінок з урахуванням свого профілю.
Розуміння різних колірних моделей
На сторінці одночасно відображаються шість форматів. Корисно знати, чим вони відрізняються:
| Модель | Як описує колір | Використання |
|---|---|---|
| HEX | Шістнадцяткове число #RRGGBB |
Веб, CSS |
| RGB | Три числа 0–255 | Екрани, програмування |
| HSL | Відтінок, насиченість, світлота (0–360, %, %) | Людино-зрозумілий опис |
| HSV | Відтінок, насиченість, яскравість (0–360, %, %) | Редактори зображень |
| CMYK | Чотири відсотки 0–100 | Друк |
| LAB | Світлота (0–100), a (зелений–червоний), b (синій–жовтий) | Апаратно-незалежний простір |
LAB є перцептивно однорідним — відстань між двома кольорами в цьому просторі приблизно відповідає візуальній різниці. Саме тому він часто використовується для точного керування кольором у професійному ПЗ. Але оскільки не всі значення LAB лежать у видимому спектрі, інструмент коригує їх.
Поширені помилки при конвертації та рекомендації
Помилка 1: сприймати результат як остаточний
Найчастіша помилка — вважати, що отриманий CMYK точно відповідає тому, що надрукує принтер. Насправді це лише математична проекція без урахування профілю. Завжди погоджуйте фінальний колір з друкарнею, надаючи їм RGB або LAB зразок.
Помилка 2: ігнорувати профіль принтера
Якщо друкарня використовує профіль FOGRA39, а ви конвертуєте в sRGB-залежний CMYK — різниця може бути помітною. Краще запитати у друкарні їхній ICC-профіль та виконати конвертацію в професійному редакторі (Photoshop, Illustrator) з цим профілем.
Помилка 3: не перевіряти на виході за гамут
Деякі кольори, як-от rgb(0, 255, 0) або rgb(255, 0, 255), не можуть бути відтворені в CMYK. Інструмент скоригує їх, але ви маєте це враховувати при дизайні для друку.
Рекомендація
Використовуйте конвертер як швидкий початковий етап. Для фінального узгодження кольорів обирайте професійне ПЗ, де можна завантажити ICC-профіль друкарні та виконати перегляд (soft proofing).
Часті запитання
Чому CMYK числа різні, якщо я скопіював той самий RGB в інший інструмент?
Різні конвертери можуть використовувати різні алгоритми перетворення (наприклад, різні матриці або гамма-корекцію). Також може впливати відсутність стандартного ICC-профілю. Для узгодження результатів краще використовувати один і той самий інструмент з однаковими параметрами.
Чи можна отримати точний збіг із CMYK, який використовується в друкарні?
Ні, без знання конкретного профілю принтера, паперу та чорнил точний збіг неможливий. Отримані значення — це відправна точка, яку друкарня має скоригувати під своє обладнання.
Що означає «key» в CMYK?
«Key» — технічний термін для чорної друкарської форми. У чотирифарбовому друці чорний колір слугує «ключем» для вирівнювання інших фарб, тому його позначають K, а не B (щоб не плутати з blue).
Чому після конвертації колір виглядає тьмянішим?
Тому що CMYK має менший гамут, ніж sRGB. Яскраві насичені кольори екрана (наприклад, чистий зелений) не можуть бути відтворені фарбами на папері. Інструмент коригує їх до найближчого кольору, який часто виявляється більш приглушеним.
Чи може конвертер приймати значення LAB або HSV?
Так, усі шість полів (RGB, HEX, HSL, HSV, LAB, CMYK) є редагованими. Зміна будь-якого з них миттєво оновлює решту. Але пам’ятайте: LAB-значення, що виходять за межі видимого спектра, коригуються до найближчого кольору.
Чи зберігаються мої дані на сервері?
Ні. Усі обчислення виконуються у вашому браузері за допомогою JavaScript. Жодна інформація не передається на сервер, не логується і не зберігається. Це гарантує конфіденційність, навіть якщо ви перевіряєте корпоративні кольори.