Палітри кольорів

Інтерактивне колірне коло

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

Перетягніть точку або торкніться кола

Кольори цього поєднання

Торкніться кольору, щоб скопіювати його HEX-код.

Що таке колірне коло

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

Основні, складені та третинні кольори

На екрані основні кольори — червоний, зелений і синій (RGB). Змішавши два основні, отримуємо складені: жовтий, блакитний (ціан) і пурпуровий. Третинні лежать між основним і складеним, як помаранчевий чи фіолетовий. У живописі використовують класичну модель: червоний, жовтий і синій.

Теплі та холодні кольори

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

Типи поєднань кольорів

Доповняльні

Два кольори навпроти один одного на колі. Дають найбільший контраст. Приклад: синій #2B6CB0 і помаранчевий #DD8A2B, ідеально для помітної кнопки.

Аналогові

Три сусідні кольори. Виглядають спокійно й гармонійно. Приклад: зелений, бірюзовий і синій, як у пейзажі.

Тріадні

Три кольори на однаковій відстані. Яскраві та збалансовані. Приклад: червоний, жовтий і синій у дитячій ілюстрації.

Розщеплені доповняльні

Один колір і два сусіди його протилежного. Контраст є, але напруги менше, ніж у доповняльних. Приклад: фіолетовий із жовто-зеленим і помаранчевим.

Тетрадні

Чотири кольори у формі прямокутника або квадрата. Багато різноманіття: оберіть один як основний, а решту використовуйте в деталях.

Часті запитання

Як користуватися колірним колом?

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

Які кольори поєднуються за колірним колом?

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

Чому червоний угорі?

Це найпоширеніша умовність: відтінок 0° — червоний, а далі коло проходить через жовтий, зелений, блакитний, синій і пурпуровий.

Чи можна використати ці кольори в Canva або CSS?

Так. Скопіюйте HEX-код кожного кольору одним дотиком або відкрийте поєднання в генераторі палітри, щоб експортувати його.

Інші посібники та інструменти