У своїй основі колір — це сприйняття. Коли наші очі спостерігають об'єкт, вони передають інформацію до мозку, який інтерпретує ці дані як певний колір.

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

Крім того, вона враховує повідомлення, які передають різні кольори.
На практиці теорія кольору надає рекомендації щодо відтворення конкретних кольорів у різних медіа, таких як друк, комп'ютери, мистецтво тощо.

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

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

1. Моделі кольору

Ми вже згадували про це в Розділі 1, але давайте розглянемо детальніше.

Модель RGB

Телевізори, проектори та електронні екрани використовують модель RGB з червоним, зеленим і синім як основними кольорами. На відміну від моделі RYB (червоний, жовтий, синій), яка змішує пігменти, модель RGB змішує світло для отримання інших кольорів. Це робить RGB адитивною моделлю кольору, оскільки вона починається з чорного і поєднує різну інтенсивність джерел світла червоного, зеленого та синього кольорів. Чим більше додається світла, тим яскравішим стає колір. Змішування всіх трьох кольорів світла в рівних кількостях дає чисте біле світло.

Модель CMYK

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

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

Модель RYB

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

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

2. Теорія колірного кола

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

Основні кольори — це три базові кольори, які не можна отримати шляхом змішування інших кольорів. Це червоний, жовтий і синій.

Вторинні кольори утворюються шляхом змішування двох основних кольорів. Це:

• Червоний + Синій = Фіолетовий;
• Червоний + Жовтий = Оранжевий;
• Синій + Жовтий = Зелений.

Третинні кольори виникають при поєднанні основного кольору з вторинним. Існує шість третинних кольорів:

• Червоний + Фіолетовий = Магента;
• Червоний + Оранжевий = Верміліон;
• Синій + Фіолетовий = Фіолетовий;
• Синій + Зелений = Бірюзовий;
• Жовтий + Оранжевий = Бурштиновий;
• Жовтий + Зелений = Шартрез.

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

3. Відтінок, яскравість, насиченість та інше

• Відтінок: відтінок — це найчистіша форма кольору, яка визначає його положення на колірному колі, представляючи колірну групу, наприклад, червоний, синій чи зелений;

• Яскравість: яскравість вказує на світлість або темність кольору, що змінюється шляхом додавання тіней (чорний), відблисків (білий) або тонів (сірий) для зміни чистоти та вигляду кольору;

• Насиченість: насиченість описує інтенсивність або ступінь насиченості кольору, визначаючи, наскільки він яскравий чи приглушений.

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

• Тінь: додавання чорного до відтінку створює тінь, що дає темнішу версію початкового кольору, наприклад, змішування чорного з червоним утворює бордовий;

• Відблиск: на відміну від тіні, додавання білого до відтінку створює відблиск, роблячи колір світлішим;

• Тон: додавання сірого до відтінку створює тон, затемнюючи колір і роблячи його менш насиченим і більш приглушеним. Іноді це називають насиченістю;

Для простоти:

• Тінь = Чистий колір + Чорний;
• Відблиск = Чистий колір + Білий;
• Тон = Чистий колір + Сірий.

4. Температура кольору

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

Загалом, червоні, жовті та оранжеві — це теплі кольори, а сині, зелені та фіолетові — холодні. Однак це не завжди однозначно, оскільки окремі кольори можуть мати теплі або холодні відтінки.

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

5. Колірна гармонія/Взаємозв'язок

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

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

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

Наприклад, певні колірні гармонії та рівні контрасту є більш читабельними та зручними для користувачів, особливо для людей із дальтонізмом. Тому забезпечення достатнього контрасту допомагає зробити дизайн доступним і приємним для всіх. Ось основні види колірних гармоній:

Монохроматична

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

Комплементарна

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

Розділено-комплементарна

Розділено-комплементарна схема включає один основний колір і два сусідніх до його комплементарного на колірному колі. Іншими словами, щоб вибрати другий і третій кольори у розділено-комплементарній схемі, знайдіть колір, що знаходиться навпроти вашого першого кольору на колірному колі (це його комплемент), а потім виберіть два кольори, розташовані поруч із цим кольором (тобто з обох боків). Такий підхід дає більше нюансів, ніж проста комплементарна схема, зберігаючи значний контраст, але балансувати таку схему може бути складно.

Аналогова

Аналогова колірна схема використовує кольори, що розташовані поруч один з одним на колірному колі, наприклад, червоний, оранжевий і жовтий. Використання правила 60-30-10 допомагає зберігати баланс: 60% — домінуючий колір, 30% — допоміжний, 10% — акцентний. Така схема візуально приваблива та ефективна для вебдизайну, а акцентний колір привертає увагу до ключових елементів, наприклад, кнопки "Купити зараз".

Тріадна

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

Квадратна

Квадратна колірна схема використовує чотири рівновіддалені кольори на колірному колі, утворюючи дві комплементарні пари. Це забезпечує значний контраст і універсальність. Щоб не перевантажити дизайн, краще використовувати один домінуючий колір, а інші — як допоміжні та акцентні.

Тетрадна

Тетрадна колірна схема, також відома як прямокутна, схожа на квадратну, але включає відтінки, що розташовані ближче один до одного на колірному колі, утворюючи природні пари.

Застосування теорії кольору

• Мистецтво та дизайн: художники та дизайнери використовують теорію кольору для створення естетично привабливих робіт і передачі певних настроїв або повідомлень;
• Маркетинг і брендинг: кольори стратегічно використовуються у брендингу для викликання певних емоцій і впливу на поведінку споживачів;
• Інтер'єрний дизайн: теорія кольору допомагає обирати колірні схеми, які створюють бажану атмосферу у різних просторах.

Ключові ресурси для подальшого навчання

• Adobe Color — це інструмент для створення колірних схем на основі теорії кольору. Це чудовий генератор палітр. Ви також можете витягувати кольори з фотографії, якщо потрібно. Знайти його можна за Посилання;

• Coolors — це також чудовий генератор палітр. Знайти його можна за Посилання;

• HueSnap — це також безкоштовний інструмент для підбору кольорів і створення палітр. Використовуйте його для витягування кольорів із наявних зображень або для створення нових колірних схем з нуля. Ось Посилання;

• Якщо вам подобається читати книги, зверніть увагу на "The Interaction of Color" Йозефа Альберса — це фундаментальна книга з теорії кольору.

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

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