Кольорові моделі RGB та CMYK

Коли ми стикаємось з графічним дизайном та поліграфією, неодмінно виникає питання вірного вибору кращої кольорової моделі в залежності від розв’язуваної задачі, але спочатку розглянемо просте визначення та згадаємо, що ж таке кольорова модель.

Отже, кольорова модель – це математичний опис кольорів у вигляді набору чисел. Наразі поговоримо про дві найпоширеніші кольорових моделі – це RGB та CMYK.

Для того, щоб зрозуміти, що краще RGB або CMYK, варто заглибитись у ці два терміни та зрозуміти суть і переваги кожного з них, адже саме ці кольорові моделі відповідають за відображення кольорів у цифровому та відтворення їх у друкованому вигляді.

Почнемо з RGB.

RGB – абревіатура від англійських слів Red, Green і Blue. Це система трьох основних кольорів: червоного, зеленого і синього. Саме такий вибір основних кольорів обумовлений специфікою будови людського ока, але заглиблюватись в анатомію сьогодні ми не будемо.

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

Основні переваги RGB

Головна перевага кольорової моделі RGB – це можливість створення динамічних і яскравих кольорів за допомогою променів світла, що має особливе значення у відображенні інформації саме на цифрових пристроях.

Розглянемо приклади використання RGB-моделі:

• Веб-дизайн
• Графічний дизайн
• UX/UI дизайн
• Дизайн додатків (застосунків)
• Фото і відео контент
• Інфографіка

На будь-якому дисплеї (комп’ютер, телевізор, планшет, смартфон, камера, фотоапарат та ін) відображення кольорів за допомогою RGB-моделі завжди буде виглядати максимально яскраво та привабливо.

Діапазон кольорів в системі RGB

Як ми вже наголошували раніше, спостерігати весь спектр відтінків цієї кольорової моделі можливо лише за допомогою екрану монітора, точніше за допомогою випромінювання світла з екрану.

Кольорова модель RGB має широкий спектр кольорів. Змішуючи три основні кольори різної інтенсивності ми можемо отримати понад шістнадцять мільйонів різних відтінків. Це надає великі можливості для точної кольоропередачі при створенні цифрових проектів будь-якої складності.

Кожний канал RGB відповідає числовому значенню від 0 до 255, або ж іншими словами – кожний колір має окреме значення насиченості конкретної компоненти в утвореному кольорі.

Приклади кольорів в RGB:
R=0, G=0, B=0 – чорний
R=255, G=0, B=0 – червоний
R=255, G=255, B=0 – жовтий
R=255, G=165, B=0 – помаранчевий
R=255, G=255, B=255 – білий

В яких файлах краще зберігати зображення в режимі RGB

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

Для роботи з RGB краще вибрати файли з розширенням JPEG, PNG і GIF. Це найбільш поширені з усіх існуючих.

Для розуміння – кілька слів про кожний з них:

• JPEG – ідеальний формат для роботи з фотографіями та іншими складними зображеннями.
• PNG – чудовий варіант для роботи з графікою, яка потребує використання прозоростей.
• GIF – найкращий варіант для роботи з анімованими кадрами.

Тепер докладніше про CMYK.

CMYK – абревіатура з англійської Cyan, Magenta, Yellow, Black (key color – ключовий колір, існує версія, що перша буква обрана таким чином, щоб не плутати black та blue), а отже це система чотирьох основних кольорів: блакитний, пурпурний, жовтий та чорний. Дана кольорова модель була розроблена спеціально для правильної кольоропередачі на друкованих матеріалах.

На відміну від RGB, CMYK являє собою субтрактивну кольорову систему, де колір формується за рахунок виключення певних кольорів з базового – у даному випадку білого кольору (колір паперу), який на 100 відсотків відбиває світло. Тобто тут враховується кількість відбитого, а не поглиненого кольору.

В системі CMYK кожний колір задається чотирма координатами, які знаходяться в діапазоні від 0 до 100 відсотків. У такому випадку 0 – це білий (відсутність кольору), 100 – це чорний. Тобто чим більшим буде значення – тим насиченіший колір ми отримаємо.

Основні переваги CMYK

CMYK – система відображення (генерації) кольорів при друці на папері. Саме завдяки їй ми можемо досягти правильної кольоропередачі на друкованих матеріалах та, як наслідок, бажаного кінцевого результату.

Наприклад, кольорова модель CMYK чудово відтворює фотографічні зображення – в друкованому вигляді вони виглядають реалістично та гармонійно, на них чітко видно градієнти, плавні переходи та інші деталі. Досягти такого результату вдається за допомогою напівтонів (відтінків). Якщо роздивитись друковане зображення під лупою, можна помітити маленькі різнокольорові крапки, кожна з яких має свій відтінок.

Професійною мовою ці крапки називаються растром (від німецького Raster (сітка)). На відстані ми бачимо гармонійну картинку, в якій ці крапки зливаються в одне ціле. Ось така оптична ілюзія виходить.

Отже, кольорова модель CMYK – ідеальна для використання в друкованих матеріалах. Вона гарантує максимальне наближення передачі кольору до оригінального.

Розглянемо декілька прикладів використання системи CMYK у виробництві друкованої продукції:

• Наклейки, стікери
• Упаковка, коробки, конверти
• Листівки, поштівки, флаєри
• Плакати, постери
• Буклети, брошури, каталоги
• Зовнішня реклама
• POS-матеріали та багато іншого.

Кольоровий діапазон CMYK

В порівнянні з RGB, CMYK має більш обмежений спектр кольорів, що важливо розуміти готуючи цифрові макети до друку. Наприклад, всі досвідчені дизайнери знають і завжди пам’ятають той факт, що кольорова модель CMYK не може точно відобразити яскраві кислотні кольори системи RGB.

Найкращий формат для зберігання зображення в CMYK

Враховуючи те, що макети в CMYK зазвичай готуються саме для друку – найкращий формат для зберігання це Adobe PDF. Це професійне розширення із вбудованими кольоровими профілями CMYK, що дозволяє зберігати умовну точність кольоропередачі при друці.

Порівняльні характеристики RGB і CMYK-моделей:

Адитивний (метод поєднання)

Субтрактивний (метод виключення)

Блакитний, пурпуровий, жовтий, чорний

Широкий діапазон кольорів (до 16 000 000 відтінків)

Обмежений кольоровий охват

Дизайн друкованої продукції

Можливості відтворення кольору

Яскраві, кислотні та динамічні кольори

Реалістичне та точне відображення на друці

Перетворення кольору в іншу кольорову модель

Перетворення може призвести до зміни кольору

Перетворення може призвести до зміни кольору

Доцільність використання при друці

Необхідність кольорового профілю

Важливо для точного відображення

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

Перевірка кольорового режиму RGB/CMYK

Додрукарська підготовка макета в першу чергу передбачає перевірку кольорової моделі використаної в файлі, адже як ми розібралися вище – від цього залежить кольоропередача та якість друкованого матеріалу.

Зупинимось докладніше на перевірці кольорового режиму в трьох професійних та найбільш популярних редакторах.

Photoshop

У Photoshop кольорова модель вказана у дужках на вкладці документа. Ви також можете знайти її, перейшовши до «Зображення»> «Режим». Режим кольору документа буде позначений галочкою.

Illustrator

В Illustrator знайти кольоровий режим ви можете перейшовши до «Файл»> «Кольоровий режим документа», його буде відмічено галочкою.

InDesign

Один із простих способів перевірити режим кольору в InDesign — використовувати панель «Колір». Перейдіть до «Вікно»> «Колір»> «Колір», щоб отримати доступ до панелі «Колір», якщо вона попередньо не відображається. На цій панелі ви знайдете значення кольорів, виражені у відсотках CMYK або RGB. Конкретний режим, що відображається, буде залежати від колірного режиму, встановленого для вашого документа.

Перетворення між RGB та CMYK

Перетворити одну модель на іншу достатньо просто, але важливо розуміти основні характеристики кожної з них, щоб зробити це грамотно.

Отже, перетворення дизайну з RGB в CMYK включає в себе перетворення кольорів з більш широкої кольорової гами RGB в більш обмежену гамму CMYK. І тут основне завдання – це зберегти потрібний вигляд кольору та максимально зберегти зовнішній вигляд макета.

Такі перетворення зазвичай виконуються за допомогою тих самих редакторів, які ми розглядали вище: Adobe Photoshop, Illustrator или InDesign. В цих програмах досвідчені дизайнери не просто перетворять одну модель на іншу, але й за необхідності відкорегують макет до потрібного вигляду. Адже зміна кольору через різницю в кольоровій гамі між RGB та CMYK зовсім не рідкість.

Готуючи макет до друку, дизайнер зверне увагу не тільки на колір, але й на інші технічні характеристики макета та відповідність їх до вимог типографії та конкретної технології друку.

Розглянемо основні кроки на шляху перетворення кольорової моделі RGB в CMYK:

• Відкрийте файл з макетом в обраному редакторі.
• Перевірте кольорову модель в макеті.
• У разі переконання в тому, що кольори задані в системі RGB – перейдіть до налаштувань управління кольором.
• Відкорегуйте кольоровий режим згідно рекомендацій до конкретного редактора описаних вище.
• Перевірте відповідність кольорів та актуальне відображення дизайну в макеті.
• За необхідності проведіть додаткові маніпуляції щодо корекції кольорів та інших складових макету.
• Збережіть файл в форматі PDF.
• Остаточно перевірте макет перед друком.

Як вже зазначалось раніше, деякі кольори при перетворенні в іншу кольорову систему можуть відтворюватися неточно через відмінності в кольоровій гамі. Наприклад, яскраві та насичені кольори RGB, що виходять за межі гами CMYK, можуть виглядати тьмянішими, менш яскравими та, можливо, навіть занадто темними. Проте дизайнери знають це та враховують такі властивості при створенні макета для друку.

Який чорний краще?

При використанні моделі CMYK чорний колір можна задати одним основним каналом, тобто C = 0%, M = 0%, Y = 0%, K = 100%, але у цьому випадку, на жаль, чорний буде не достатньо насиченим та навіть буде більше схожим на темно сірий колір.

Для того, щоб зробити чорний колір максимально темним, варто скористатись такою формулою, а саме: C = 60%, M = 60%, Y = 60% та K = 90%.

Плашкові кольори, палітра Pantone

Інколи можливостей тріадного кольору (комбінації чотирьох основних фарб) не достатньо для отримання бездоганного результату.

Як ми вже писали раніше – деякі кольори не охоплюються CMYK, а деякі начебто й охоплюються та час від часу дають різні результати. Інколи з цим можна змиритись, а інколи, наприклад, коли мова йде про корпоративні кольори, такий варіант зовсім не прийнятний. Це створює, так звану, проблему “потрапляння в колір”.

В таких випадках на допомогу приходять плашкові кольори, тобто спеціальні попередньо змішані фарби, які використовуються замість або додатково до CMYK.

Якщо говорити саме про заміну тріадного кольору плашковим – то це не завжди актуально. Наприклад, при роботі з графічним дизайном – так, але от для друку фотографій – абсолютно не має сенсу. Проте, якщо виникає необхідність в доповненні моделі CMYK плашковим кольором, наприклад, коли потрібен друк фото з логотипом певного кольору, який виходить за межі гами CMYK – це ідеальний варіант.

На відміну від кольорів, які генеруються за допомогою комбінації чотирьох фарб, плашкові кольори гарантують точне відтворення, тобто вони мають завжди однаковий вигляд. CMYK, на жаль, у зв’язку з технічними особливостями генерації кольору, такої точності не має, тому один і той самий колір може щоразу виглядати трохи по-іншому. Це, до речі, один з основних недоліків відтворення палітри CMYK на фізичних носіях, але можемо вас запевнити – проблема стосується далеко не всіх кольорів.

Найпоширенішими плашковими кольорами являється палітра кольорів Pantone. Завдяки системі відповідності кольорів Pantone та її спеціальним каталогам ви можете обрати будь-який необхідний вам колір.

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

Варто зазначити, що макети з плашковими кольорами потребують додаткової уваги при підготовці до друку, адже вони також мають відповідати певним технічним вимогам.

І на завершення

Для того, щоб правильно відобразити колір в тому чи іншому проекті, важливо розуміти основні параметри і характеристики використаних кольорових моделей. Адже кожна з них доцільна при використанні в певних цілях.

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

В той самий час, кольорова система CMYK навпаки – має сенс лише при роботі з друкованими матеріалами. Проте оптимальних результатів при друці можна досягти чітко розуміючи різницю між палітрами CMYK і RGB, вмінню їх правильного перетворення та корекції кольорів. Тільки таким чином можливе забезпечення точної кольоропередачі та повне досягнення поставлених цілей. Також варто зазначити, що готуючи файли до друку варто хоча б поверхнево орієнтуватися в технологіях виробництва поліграфії й суворо дотримуватись всіх технічних вимог типографії задля отримання якісного продукту на виході.

Отже, RGB і CMYK – це два різні колірні режими, призначені для конкретних цілей у графічному дизайні. І, абсолютно точно, при грамотному та доцільному використанні цих кольорових палітр, з них можна витиснути максимум переваг і тим самим досягти найвищого результату у створенні свого проекту.

Колірні режими

Колірний режим або режим зображення визначає, як поєднуються кольори залежно від кількості каналів у колірній моделі. Різні колірні моделі забезпечують різні рівні деталізації кольору та різні розміри файлів. Наприклад, використовуйте колірний режим CMYK для зображень, що друкуватимуться в кольоровій брошурі, а режим RGB для зображень, що використовуватимуться на веб-сторінках чи в електронній пошті, щоб зменшити розмір файлу, не втрачаючи цілісності кольорів.

Колірний режим RGB

Колірний режим RGB у Photoshop передбачає використання RGB-моделі, що призначає значення інтенсивності кожному пікселю. 8-бітові зображення мають діапазон значень інтенсивності від 0 (чорний) до 255 (білий) для кожного RGB-компонента (червоний, зелений, синій) кольорового зображення. Наприклад, яскравий червоний колір має такі значення: R – 246, G – 20, B – 50. Якщо всі три компоненти матимуть рівне значення, наслідком буде відтінок помірного сірого. Якщо значення усіх компонентів дорівнюватимуть 255, результатом буде чистий білий колір, якщо значення дорівнюватимуть 0 – чистий чорний.

Для виведення на екран кольорів зображення в RGB-режимі використовуються три кольори (або канали). У 8-бітових зображеннях використовуються три канали, що передають до 24 бітів (3 канали по 8 бітів) колірної інформації на піксель. У 24-бітових зображеннях три канали можуть передати до 16,7 мільйонів кольорів на піксел. У 48-бітових (канали по 16 біт) та 96-бітових (канали по 32 біта) зображеннях можна передати навіть більшу кількість кольорів на піксель. Крім того, що для нових зображень Photoshop модель RGB є типовим режимом, вона також використовується монітором комп’ютера для відображення кольорів. Це означає, що під час роботи у колірному режимі, відмінному від RGB (наприклад, у CMYK), для того, щоб вивести на екран зображення, Photoshop перетворює режим CMYK в режим RGB.

Хоча RGB є стандартною колірною моделлю, точний діапазон представлених кольорів може різнитися, залежно від використовуваної програми чи дисплея. Колірний режим RGB у програмі Photoshop змінюється залежно від параметрів робочого простору, визначених у діалоговому вікні Параметри кольорів .

Колірний режим CMYK

У режимі CMYK кожному пікселу надається відсоткове значення для кожної з тріадних фарб. Найяскравішим кольорам (блік) надається невелике відсоткове значення тріадних фарб, темнішим кольорам (тінь) – більше відсоткове значення. Наприклад, яскравий червоний може містити 2% блакитного, 93% пурпурового, 90% жовтого та 0% чорного кольорів. У зображеннях CMYK чистий білий колір утворюється тоді, коли значення усіх чотирьох компонентів становить 0%.

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

Хоча CMYK є стандартною колірною моделлю, точний діапазон представлених кольорів може різнитися, залежно від умов відтиску та друку. Колірний режим CMYK у програмі Photoshop змінюється залежно від параметрів робочого простору, визначених у діалоговому вікні «Параметри кольорів» .

Колірний режим Lab

Колірна модель системи CIE L*a*b* (Lab) базується на сприйнятті кольору людиною. Цифрові значення у Lab визначають усі кольори, які бачить людина з нормальним зором. Оскільки Lab радше описує вигляд кольору, ніж надає відомості щодо кількості певної фарбувальної речовини, необхідної пристрою (наприклад, монітору, настільному принтеру чи цифровій камері) для виводу кольору, Lab вважається апаратно-незалежною колірною моделлю. Системи керування кольором використовують Lab як посилання на колір для його надійного трансформування з одного колірного простору в інший.

Колірний режим Lab має компонент яскравості (L), що може змінюватися від 0 до 100. У палітрі кольорів Adobe та панелі «Колір» компонент a (вісь зелений-червоний) та компонент b (вісь синій-жовтий) може змінюватися від +127 до –128.

Зображення Lab можуть бути записані у форматах Photoshop, Photoshop EPS, Large Document Format (PSB), Photoshop PDF, Photoshop Raw, TIFF, Photoshop DCS 1.0 або Photoshop DCS 2.0. 48-бітове зображення (16 біт на канал) в режимі Lab можна записувати у Photoshop у форматі Large Document Format (PSB), Photoshop PDF, Photoshop Raw, або TIFF.

Формати DCS 1.0 та DCS 2.0 перетворюють файл у CMYK, коли він відкритий.

Режим градацій сірого

Режим градацій сірого застосовує у зображенні різні відтінки сірого. У 8-бітовому зображенні може міститися до 256 відтінків сірого. Кожен піксель зображення у градаціях сірого має діапазон значення яскравості від 0 (чорний) до 255 (білий). У 16- та 32-бітових зображеннях кількість відтінків набагато більша, ніж у 8-бітових зображеннях.

Значення градацій сірого можуть визначатися відсотковим відношенням покриття чорної фарби (0% – білий, 100% – чорний).

У режимі градацій сірого використовується діапазон згідно з параметром робочого простору, указаним у діалоговому вікні Параметри кольорів .

Бітовий режим

У бітовому режимі для відображення пікселів у зображенні використовується одне з двох значень кольорів (білий або чорний). Зображення в бітовому режимі називаються 1-бітовими растровими зображеннями, тому що їхня бітова глибина дорівнює 1.

Двофарбовий колірний режим

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

Колірний режим «Індексовані кольори»

У режимі індексованих кольорів створюються 8-бітові файли зображень, що містять до 256 кольорів. Під час перетворення в індексований колір Photoshop складає таблицю кольорів зображення (CLUT), в якій кольори зображення зберігаються та індексуються. Якщо наявного в початковому зображенні кольору в немає в таблиці, програма вибирає найближчий до нього колір або використовує суміш кольорів, щоб імітувати колір за допомогою доступних кольорів.

Хоча палітра кольорів обмежена, за допомогою індексованих кольорів можна зменшити розмір файлу і при цьому зберегти потрібну візуальну якість мультимедійних презентацій, веб-сторінок тощо. В цьому режимі доступне обмежене редагування. Для розширеного редагування слід перетворити зображення на певний час в RGB-режим. Файли з індексованим кольором можуть бути записані у форматах Photoshop, BMP, DICOM (Digital Imaging and Communications in Medicine), GIF, Photoshop EPS, Large Document Format (PSB), PCX, Photoshop PDF, Photoshop Raw, Photoshop 2.0, PICT, PNG, Targa® та TIFF.

Багатоканальний режим

Зображення в багатоканальному режимі містять 256 рівнів сірого в кожному каналі та є зручними для спеціалізованого друку. Зображення в багатоканальному режимі можуть бути збережені в Photoshop у форматі Large Document Format (PSB), Photoshop 2.0, Photoshop Raw або Photoshop DCS.

Під час перетворення зображень в багатоканальний режим дотримуйтесь таких інструкцій:

• Шари не підтримуються, тому вони будуть сполучені.
• Колірні канали у початковому зображенні перетворюються у на канали плашкових кольорів у перетвореному зображенні.
• Перетворення зображення CMYK у багатоканальний режим створює плашкові канали блакитного, пурпурового, жовтого та чорного кольорів.
• Перетворення зображення RGB у багатоканальний режим створює плашкові канали блакитного, пурпурового та жовтого кольорів.
• Вилучення каналу із зображення у режимі RGB, CMYK або Lab автоматично перетворює зображення в багатоканальний режим зі сполученням шарів.
• Щоб експортувати багатоканальне зображення, запишіть його в форматі Photoshop DCS 2.0.

Зображення у режимах «Індексовані кольори» і 32-бітові не можна перетворити у багатоканальний режим.

Інші схожі матеріали