HEX, RGB і CMYK: що це взагалі таке?

Якщо ви колись вибирали колір для сайту, замовляли друк або працювали в графічному редакторі, то напевно бачили позначення на кшталт #C9A36A, RGB 201,163,106 або CMYK 0,19,47,21. Це не різні кольори, а різні способи описати один і той самий колір.

RGB - система для екранів. Назва походить від Red, Green, Blue - червоного, зеленого і синього. Екран створює колір, змішуючи світло цих трьох каналів. Кожен має значення від 0 до 255. Наприклад, RGB 255, 0, 0 - чистий червоний. Якщо всі три значення 255, отримуємо білий; якщо всі 0 - чорний.

HEX це фактично інший спосіб записати той самий RGB-колір у шістнадцятковій системі. Наприклад, #FF0000 - той самий червоний, що й RGB 255, 0, 0. HEX найчастіше зустрічається в дизайні сайтів, CSS та цифрових інтерфейсах.

CMYK потрібен переважно для друку. Тут працює зовсім інший принцип: на білому папері фарби віднімають частину світла, яке відбивається від поверхні. CMYK означає Cyan, Magenta, Yellow, Key (Black) - блакитний, пурпуровий, жовтий і чорний. Саме ці чотири фарби використовують у стандартному повноколірному друці.

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

HEX ➡️ колір для вебу та цифрового дизайну.
RGB ➡️ колір для екрана.
CMYK ➡️ колір для друку.

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

Комфорт та дизайн