Генератор палітр кольорів

Що таке генератор колірних палітр?

Генератор колірних палітр створює гармонійні набори кольорів на основі правил теорії кольорів. Починаючи з одного базового кольору, він генерує комплементарні, аналогові, тріадні, спліт-комплементарні та інші колірні схеми. Дизайнери використовують генератори палітр для швидкого створення цілісних колірних систем для сайтів, програм, брендів та ілюстрацій.

Гарні колірні палітри не випадкові — вони дотримуються математичних відношень на колірному колі. Комплементарні кольори протилежні один одному (високий контраст). Аналогові кольори є суміжними (гармонійні та спокійні). Тріадні кольори утворюють рівносторонній трикутник (яскраві та збалансовані). Цей інструмент генерує палітри з використанням цих та інших перевірених правил гармонії.

Як користуватися цим інструментом

Виберіть базовий колір за допомогою палітри кольорів або введіть hex-значення. Виберіть правило гармонії (комплементарний, аналоговий, тріадний тощо). Інструмент генерує повну палітру, де кожен колір показаний у зразку разом з його значеннями hex, RGB та HSL. Налаштовуйте базовий колір для оновлення палітри в реальному часі.

Типи колірної гармонії

• Комплементарний — два кольори протилежні на колірному колі. Високий контраст, енергійний. Приклад: синій та помаранчевий.
• Аналоговий — три суміжних кольори на колі. Спокійний, цілісний. Приклад: синій, синьо-зелений, зелений.
• Тріадний — три рівномірно розподілених кольори (через 120 градусів). Збалансований, яскравий. Приклад: червоний, жовтий, синій.
• Спліт-комплементарний — базовий колір плюс два кольори, суміжних з його комплементарним. Контраст із меншою напругою, ніж комплементарний.

Колір та доступність

При розробці цифрових інтерфейсів забезпечте достатній контраст між текстом та фоном (WCAG вимагає мінімальне співвідношення 4,5:1 для звичайного тексту). Уникайте передавання інформації лише через колір — близько 8% чоловіків мають певну форму дальтонізму. Тестуйте свою палітру з симулятором дальтонізму. Цей інструмент може показувати співвідношення контрасту між генерованими кольорами.

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

Скільки кольорів повинна містити палітра?

Більшість дизайн-систем використовують 5–7 кольорів: основний колір бренду, вторинний акцент, нейтральну палітру (сірі для тексту та фону) та, можливо, семантичний набір (зелений для успіху, червоний для помилки, жовтий для попередження). Занадто багато кольорів створюють візуальний хаос. Занадто мало обмежують гнучкість. Починайте з 3 кольорів плюс нейтральні та додавайте лише за потребою.

Що робить кольори гарно поєднаними?

Кольори виглядають гармонійно, коли мають математичне співвідношення на колірному колі (комплементарні, тріадні тощо) або поділяють спільну властивість (однаковий рівень насиченості, подібна яскравість). Правило 60-30-10 широко використовується: 60% домінуючого кольору, 30% вторинного, 10% акцентного. Обмеження кількості насичених кольорів та використання достатньо нейтрального простору також покращує візуальну гармонію.