Що таке колірне коло
Колірне коло — це схема, яка розташовує кольори по колу. Сусідні кольори схожі між собою. Протилежні кольори найбільше відрізняються.
Ісаак Ньютон намалював одну з перших версій у XVII столітті. Відтоді художники й дизайнери використовують його, щоб розуміти й поєднувати кольори.
Є дві основні моделі: традиційна, яку використовують у живописі, і цифрова, яку використовують на екранах.
Традиційна модель RYB (фарби)
Цю модель вивчають у школі. Вона називається RYB за першими літерами англійських слів: червоний, жовтий і синій.
- Основні: червоний, жовтий і синій. Їх не можна отримати, змішуючи інші кольори.
- Складені: помаранчевий (червоний + жовтий), зелений (жовтий + синій) і фіолетовий (синій + червоний).
- Третинні: суміш основного й сусіднього складеного кольору. Це червоно-помаранчевий, жовто-помаранчевий, жовто-зелений, синьо-зелений, синьо-фіолетовий і червоно-фіолетовий.
Загалом традиційне коло має 12 кольорів. Воно корисне для живопису, ілюстрації та для розуміння гармоній.
Цифрова модель RGB (екрани)
Екрани створюють колір світлом. Вони змішують три світла: червоне, зелене й синє. Тому модель називається RGB.
- Основні: червоний, зелений і синій.
- Складені: жовтий (червоний + зелений), ціан (зелений + синій) і маджента (синій + червоний).
- Якщо додати всі три світла на максимумі, вийде білий. Якщо світла немає, вийде чорний.
HEX-коди, як-от #FF0000, описують кольори RGB. Тому вони є стандартом у вебдизайні та застосунках.
Для друку використовують іншу модель — CMYK: ціан, маджента, жовтий і чорний. Її використовують друкарні.
На практиці гармонії працюють схоже в обох моделях. Змінюється те, який колір опиняється навпроти іншого. Наприклад, у RYB комплементарний до червоного — зелений. У RGB — ціан.
Теплі й холодні кольори
Якщо розділити коло навпіл, вийде дві групи:
- Теплі: червоний, помаранчевий і жовтий. Вони передають енергію, близькість і рух. Здається, що вони наближаються до глядача.
- Холодні: зелений, синій і фіолетовий. Вони передають спокій, дистанцію й порядок. Здається, що вони віддаляються.
Температура існує й у межах одного кольору. Бувають холодніші червоні, з синюватим відтінком, і тепліші сірі, з коричневим відтінком.
Корисна порада: використовуйте холодні кольори для тла й великих площ, а теплі — для того, що хочете виділити.
Колірні гармонії
Гармонії — це поєднання, засновані на розташуванні кольорів на колі. Це швидкий спосіб створити збалансовані палітри. Спробуйте їх у нашому інструменті гармонія кольорів.
Комплементарні
Це два протилежні кольори на колі. Наприклад, синій і помаранчевий.
Вони дають максимальний контраст. Вони чудово підходять, щоб виділити кнопку, ціну чи заголовок.
Як використовувати: не використовуйте їх порівну. Оберіть один як домінантний, а другий — як акцент. Не розміщуйте текст одного кольору на насиченому комплементарному тлі: він «вібрує» й втомлює очі.
Аналогові
Це три сусідні кольори на колі. Наприклад, жовтий, жовто-помаранчевий і помаранчевий.
Вони створюють спокійні й природні поєднання. Такі поєднання часто трапляються в природі, як-от на заході сонця чи в лісі.
Як використовувати: оберіть основний колір, допоміжний і третій для деталей. Додайте нейтральний колір, щоб не бракувало контрасту.
Тріада
Це три кольори на однаковій відстані один від одного, що утворюють трикутник. Наприклад, червоний, жовтий і синій.
Вони дають яскраві й збалансовані палітри. Тріади популярні в дитячому дизайні, іграх і веселих брендах.
Як використовувати: нехай один колір домінує, а два інші будуть у меншій кількості. Якщо поєднання надто інтенсивне, зменште насиченість одного чи двох кольорів.
Розщеплена комплементарна
Візьміть колір і замість точного протилежного використайте двох сусідів цього протилежного кольору. Наприклад, синій із червоно-помаранчевим і жовто-помаранчевим.
Тут багато контрасту, але менше напруги, ніж у комплементарних кольорів. Це хороший варіант для початку.
Як використовувати: базовий колір займає більшу частину. Два інші служать для акцентів.
Тетрада
Це чотири кольори, що утворюють на колі прямокутник або квадрат. Це дві пари комплементарних кольорів. Наприклад, синій, помаранчевий, зелений і червоний.
Це найбагатша гармонія, але й найскладніша для балансу.
Як використовувати: один домінантний колір, один допоміжний і два акцентні. Обережно поєднуйте теплі й холодні тони та спирайтеся на нейтральні.
Монохромна
Використовує один колір різної світлоти й насиченості. Наприклад, кілька відтінків синього.
Вона елегантна, цілісна й проста в застосуванні. Її часто використовують на корпоративних сайтах та в інтерфейсах.
Як використовувати: найтемніший відтінок — для тексту, середній — для головних елементів, світлі — для тла. Якщо хочете щось виділити, додайте один акцентний колір.
Поради щодо використання колірного кола
- Почніть із гармонії, а потім налаштуйте її. Не обов’язково дотримуватися її буквально.
- Змінюйте світлоту й насиченість, щоб пом’якшити інтенсивні поєднання.
- Завжди додавайте нейтральні кольори: білий, чорний, сірий або бежевий.
- Перевіряйте, чи добре читається текст на кожному тлі.