Генератор
палитры
Возьмите один цвет — и получите набор, который с ним сочетается. Шесть классических схем: от контрастной пары до спокойного монохрома. Для каждого оттенка сразу видно контраст с белым фоном.
соседи по кругу — спокойное, естественное сочетание
| Дальний | #4FF7B8 | rgb(79, 247, 184) | 1.4 : 1 |
| Ближний | #4FE2F7 | rgb(79, 226, 247) | 1.5 : 1 |
| Основной | #4F8EF7 | rgb(79, 142, 247) | 3.2 : 1 |
| Ближний | #644FF7 | rgb(100, 79, 247) | 5.2 : 1 |
| Дальний | #B84FF7 | rgb(184, 79, 247) | 3.8 : 1 |
Последний столбец — контраст с белым фоном. Для текста нужно не меньше 4,5 : 1, для крупных заголовков хватит 3 : 1.
:root {
--color-1: #4FF7B8;
--color-2: #4FE2F7;
--color-3: #4F8EF7;
--color-4: #644FF7;
--color-5: #B84FF7;
}Откуда берутся сочетания
Все схемы строятся одинаково: тон сдвигается по цветовому кругу, а насыщенность и светлота остаются прежними. Комплементарная пара стоит напротив друг друга, на 180 градусах, триада делит круг на три равные части, тетрада на четыре. Монохромная схема — единственное исключение: там тон не меняется вовсе, меняется только светлота.
Важная оговорка. Схема даёт математически согласованный набор, но не готовую тему интерфейса. В реальном дизайне один цвет обычно основной и занимает большую часть, а остальные работают акцентами в малых дозах. Классическое правило — 60 на 30 на 10: доминирующий цвет, вспомогательный и акцент.
- Комплементарная — сдвиг на 180°
- Триада — на 120° и 240°
- Тетрада — на 90°, 180° и 270°
- Аналоговая — соседи в пределах ±60°
- Монохромная — один тон, светлота ±30 %