Генератор колірної палітри
Створюйте гармонійні колірні палітри з будь-якого базового кольору за теорією кольору.
:root {
--palette-1: #3b82f6;
--palette-2: #f6af3c;
}| Пара | Співвідношення | WCAG AA |
|---|---|---|
#3b82f6/#f6af3c | 1.95:1 | Не пройшов |
Про генератор колірної палітри
Генератор колірної палітри створює гармонійні поєднання кольорів за принципами теорії кольору. Починаючи з базового кольору, він обчислює споріднені кольори за допомогою колірного кола HSL: комплементарний (протилежний), аналоговий (сусідній), тріадний (рівномірно через 120°), розщеплено-комплементарний (сусіди протилежного) та монохроматичний (той же відтінок, різна яскравість).
Як користуватися
Оберіть базовий колір за допомогою палітри або введіть HEX-код. Оберіть тип палітри на вкладках. Генератор миттєво покаже споріднені кольори з їхніми HEX-значеннями. Натисніть на будь-який зразок кольору для копіювання HEX-коду.
Типові сценарії використання
- Проєктування колірних схем для вебсайтів
- Створення брендованих колірних палітр для маркетингових матеріалів
- Пошук комплементарних кольорів для презентацій та графіки
- Дослідження колірної гармонії для проєктів інтер'єрного дизайну
- Генерація доступних колірних комбінацій для дизайну інтерфейсу