Логотип виглядає «якось не так», а вивіска губиться серед сусідніх вітрин — часто причина не в формі чи шрифті, а саме в кольорах. Далі — конкретні схеми поєднання кольорів, приклади для бізнесу та поради, як перевірити колір перед друком, щоб він не «поплив» на тиражі.
Колірне коло: основа, з якої починається будь-яке поєднання
Колірне коло — інструмент, що показує, які кольори логічно узгоджуються між собою. У ньому 12 основних відтінків: три первинні (червоний, синій, жовтий), три вторинні (зелений, фіолетовий, оранжевий) та шість проміжних.
Поєднання кольорів, які виглядають природно, будуються за геометричним принципом на цьому колі — не навмання, а за конкретною схемою.
5 робочих схем поєднання кольорів
| Схема | Як побудована | Коли використовувати |
| Монохромна | один колір + його відтінки за світлістю | мінімалістичний, спокійний бренд (клініки, юридичні послуги) |
| Компліментарна | два кольори навпроти на колі (синій–оранжевий) | максимальний контраст, акцент на CTA-кнопці чи вивісці |
| Аналогова | три сусідні кольори на колі (жовтий–жовто-зелений–зелений) | гармонійний, «природний» настрій (еко-бренди, кафе) |
| Тріада | три кольори на рівній відстані по колу | яскраві, енергійні бренди (дитячі товари, розваги) |
| Спліт-компліментарна | основний колір + два сусідні до його протилежного | контраст без «різкості» компліментарної схеми |
Для більшості бізнес-задач (візитка, лендинг, вивіска) вистачає однієї основної схеми — не варто змішувати кілька в одному макеті.
Правило 60-30-10
Проста формула, яка рятує від хаосу в макеті: 60% простору — домінантний колір (фон), 30% — другорядний (блоки, елементи), 10% — акцентний (кнопка, деталь, що має «зачепити» погляд).
Приклад для вивіски кав’ярні: 60% — теплий бежевий фон, 30% — коричневий для логотипу й напису, 10% — яскраво-жовтий акцент на слові «Відкрито».
Коли всі кольори займають приблизно однакову частку — око не розуміє, куди дивитись першим.
Психологія кольору у брендингу
Колір формує перше враження ще до того, як людина прочитає текст. Орієнтир — не універсальний, а контекстний:
- Синій — довіра, стабільність: банки, IT, медицина.
- Зелений — природність, здоров’я: екопродукти, фермерські магазини.
- Червоний — терміновість, апетит: розпродажі, заклади харчування.
- Жовтий/оранжевий — доступність, енергія: дитячі товари, фастфуд.
- Чорний/темно-сірий — преміальність, строгість: ювелірні, юридичні послуги.
Це орієнтир, не догма: остаточний вибір звіряйте з тим, що вже асоціюється з вашою нішею, щоб не зливатися з прямими конкурентами.
Кольори за типом бізнесу
Психологія кольору працює по-різному залежно від сфери. Орієнтовна відправна точка:
| Тип бізнесу | Типова колірна стратегія | Де застосовується |
| Кафе, ресторан | теплі, апетитні кольори (червоний, оранжевий, бежевий) | вивіска, меню, упаковка |
| IT, технологічні послуги | стримані, холодні (синій, сірий, білий) | сайт, візитка, презентація |
| Салон краси, SPA | пастельні, м’які (рожевий, лавандовий, золото) | вивіска, упаковка, соцмережі |
| Юридичні, фінансові послуги | темні, строгі (темно-синій, графітовий, чорний) | візитка, бланк, папка |
| Дитячі товари, розваги | яскраві, контрастні (жовтий, синій, червоний) | вивіска, банер, упаковка |
| Екопродукти, фермерські магазини | природні відтінки (зелений, коричневий, бежевий) | упаковка, етикетка |
Це відправна точка, не рамка: якщо два конкуренти поруч уже «зайняли» очевидний колір ніші, зміщення в суміжний відтінок з тієї ж температури зазвичай працює краще, ніж повторення.
Приклади: як кольори працюють у впізнаваних брендах
- McDonald’s — червоний і жовтий: поєднання стимулює апетит і привертає увагу за лічені секунди, що критично для вивіски біля дороги.
- Starbucks — зелений: асоціюється з природністю та спокоєм, підтримує образ преміального, а не масового продукту.
- IKEA — синій і жовтий: контрастна, енергійна пара, що водночас читається як пряме посилання на шведський прапор і національну ідентичність бренду.
Спільне у всіх трьох: колір обраний не «бо гарно», а тому що підсилює конкретну характеристику бізнесу — швидкість, преміальність або походження.
Вивіска — не те саме, що екран: правило видимості здалеку
Поєднання, яке добре виглядає в макеті на моніторі, може провалитися на вулиці. Для будь-якого зовнішнього носія (вивіска, банер, штендер) головний критерій — не естетика, а читабельність на відстані та при денному світлі.
- Темний текст на світлому фоні — або навпаки — працює завжди; два кольори схожої яскравості зливаються одне з одним і не читаються здалеку.
- Яскраві теплі кольори (жовтий, оранжевий) помітні здалеку, але в сонячний день на них важче розгледіти дрібний текст — тому шрифт на такому фоні варто робити темним і жирним.
- Перевіряйте макет не лише на екрані, а й у зменшеному вигляді на відстані витягнутої руки — це імітує, як вивіску побачить перехожий за кілька метрів.
Типові помилки в поєднанні кольорів
- Забагато акцентних кольорів. Три-чотири яскраві кольори в одному макеті — і жоден з них не запам’ятовується.
- Ігнорування кольору конкурентів. Якщо кілька закладів поруч використовують той самий колір, четвертий у ньому ж загубиться серед них.
- Різні кольори бренду в різних матеріалах. Синій на сайті й інший синій на вивісці — клієнт підсвідомо не впізнає бренд.
- Перенесення «екранного» поєднання на друк без перевірки. Комбінація, що виглядала контрастно на моніторі, у CMYK може втратити частину контрасту.
Інструменти для підбору кольорів
Якщо кольори бренду ще не зафіксовані, швидше знайти робочі варіанти допоможуть:
- Adobe Color — генерує схеми за колірним колом (компліментарна, тріада тощо) і дозволяє витягнути палітру із завантаженого фото.
- Coolors — швидка генерація випадкових палітр з можливістю «заблокувати» один колір і підбирати решту під нього.
- Canva Color Wheel — простий варіант для тих, хто вже працює в Canva: одразу показує HEX-коди обраної схеми.
Ці сервіси добре підходять для генерації гіпотез. Остаточне рішення все одно варто перевіряти на контрасті для друку й видимості здалеку, а не брати перший згенерований варіант як фінальний.
Чому колір на екрані й колір на друці — це різні речі
Екран (монітор, телефон) показує колір у моделі RGB — світлом. Друк наносить колір у моделі CMYK — фарбою на папір. Той самий синій, що яскраво світиться на моніторі, після друку може вийти темнішим або з відтінком у бузковий чи бірюзовий — це особливість переходу між моделями, а не помилка принтера.
Тому для матеріалів, які підуть у виробництво (візитки, вивіски, банери), кольори бренду варто фіксувати не тільки в HEX/RGB, а й у CMYK-кодах — і звіряти на контрольному відбитку до старту тиражу.
Як зафіксувати кольори бренду, щоб вони не «пливли»
Мало обрати кольори — важливо зафіксувати їх так, щоб на вивісці, візитці й сайті вийшов один і той самий відтінок. Для цього кольори бренду варто мати одразу в трьох форматах:
| Формат | Де використовується | Навіщо |
| HEX / RGB | сайт, соцмережі, презентації | стандарт для екранів |
| CMYK | цифровий друк (візитки, листівки, каталоги) | стандарт для друку фарбою |
| Pantone (PMS) | великі тиражі, фірмовий друк | гарантований однаковий колір на будь-якому обладнанні й тиражі |
Pantone має сенс не для будь-якого замовлення — для разової партії візиток вистачить CMYK. Але якщо бренд друкує в різних місцях і партіях (наприклад, вивіска в одній майстерні, а каталоги — в іншій), саме Pantone-код гарантує, що колір не «попливе» між замовленнями.
Короткий чек-лист перед запуском у виробництво:
- Кольори бренду зафіксовані в HEX, CMYK і (за потреби) Pantone.
- Всі три коди записані в один документ (бренд-гайд), а не лишаються «в голові дизайнера».
- Перед великим тиражем зроблено контрольний відбиток і звірено з еталоном.
Поширені запитання
Скільки кольорів має бути в логотипі?
Оптимально 1–3 основних кольори. Більша кількість ускладнює впізнаваність і здорожчує деякі види друку.
Чи можна поєднувати теплі й холодні кольори?
Так, це і є суть спліт-компліментарної та тріадної схем — головне дотримати пропорцію за правилом 60-30-10, а не брати кольори порівну.
Чому колір на вивісці відрізняється від логотипу на моніторі?
Через різницю колірних моделей: екран показує колір світлом (RGB), друк — фарбою на матеріалі (CMYK). Щоб уникнути розбіжності, кольори бренду варто зафіксувати в CMYK-кодах і звірити на контрольному відбитку до старту тиражу.
Чи потрібен дизайнер, якщо кольори вже обрані?
Вибір кольору — лише частина роботи; дизайнер перевіряє, як поєднання виглядає в конкретному форматі (вивіска, банер, візитка) і за яких умов освітлення чи друку воно збереже вигляд.
Чи можна для остаточного вибору покладатися на онлайн-генератори палітр?
Вони добре підходять для швидких гіпотез, але фінальний варіант варто перевірити на контраст і читабельність для друку, а не брати перший згенерований результат.
Чи потрібен Pantone для невеликого замовлення?
Для разової партії візиток чи листівок вистачить CMYK-кодів. Pantone має сенс, коли одні й ті самі кольори бренду друкують у різних місцях або партіях і потрібна гарантована відповідність.
Підберемо колірну гаму для вашого бренду
Якщо кольори бренду вже визначені, але на вивісці чи візитці вони виглядають не так, як задумано — надішліть макет або HEX-коди, і ми підберемо точні CMYK-відповідники та узгодимо колір на контрольному відбитку до старту тиражу.
