Генератор кольорової палітри
Почніть з улюбленого кольору або дозвольте випадку вас здивувати, а потім залиште відтінки, які пасують.
Запечатано на цьому пристрої
Працює у вашому браузері. Нічого не завантажується на сервер.
Запечатано
Ваша палітра
Налаштування
Палітра будується навколо базового кольору. Закріплені кольори зберігаються.
Експорт
Як це працює
-
Оберіть базовий колір або випадковий
Введіть базовий колір і оберіть гармонію або натисніть «Нова палітра» (чи пробіл), щоб отримати свіжу.
-
Закріпіть те, що подобається
Закріпіть кольори, які хочете зберегти, і згенеруйте знову: зміняться лише незакріплені. Клацніть зразок, щоб налаштувати його вручну.
-
Експортуйте палітру
Скопіюйте її як змінні CSS чи JSON для свого коду або завантажте PNG, щоб поділитися з командою.
Поширені запитання
Що означають гармонії?
Вони походять із колірного кола. Аналогові кольори розташовані поруч і створюють спокійне враження. Комплементарні розташовані навпроти й дають контраст. Розділена комплементарна, тріада й квадрат рівномірно розподіляють кольори по колу для жвавіших палітр. Монохромна використовує світліші й темніші варіанти одного тону.
Як працює закріплення?
Натисніть замок під кольором, щоб зберегти його. Коли ви генеруєте нову палітру, закріплені кольори залишаються точно на своїх місцях, а нові добираються так, щоб із ними поєднуватися.
Чому кольори виглядають такими збалансованими?
Палітри будуються в OKLCH — колірному просторі, створеному з урахуванням людського зору. Обертання тону в ньому зберігає світлість і насиченість, тож жоден колір не виглядає несподівано яскравим чи тьмяним поруч з іншими.
Як використати палітру у своєму проєкті?
Скопіюйте експорт CSS і вставте його у свою таблицю стилів: ви отримаєте змінні на кшталт --color-1, які можна використовувати будь-де. Експорт JSON містить кожен колір у HEX, RGB і OKLCH для дизайн-токенів чи скриптів.
Чи можна використовувати палітри в комерційних цілях?
Так. Кольори нікому не належать, а палітри, створені тут, ви можете вільно використовувати в особистих і комерційних роботах.