Знайдіть свою ідеальнуколірну палітру
Миттєво створюйте гармонійні палітри за перевіреними правилами теорії кольору. Створено для дизайнерів, розробників і креативних людей.
Усе, що вам потрібно
Потужні колірні інструменти в одному чистому, інтерактивному інтерфейсі.
Інтерактивне колірне коло
Перетягуйте точки безпосередньо на HSL-колі, щоб у реальному часі досліджувати зв'язки відтінку та насиченості.
7 правил гармонії
Комплементарна, аналогова, тріадна, спліт-комплементарна, тетрадна, квадратна, монохромна.
Миттєве копіювання
Клацніть будь-який зразок, щоб скопіювати hex-код. Діліться палітрами та використовуйте їх прямо у своєму коді.
Перевірка контрасту
Перевіряйте коефіцієнти доступності WCAG AA / AAA між будь-якими двома кольорами вашої палітри.
Значення HSL і RGB
Кожен колір показує повну розкладку HSL і RGB — без ручного конвертування.
Усі палітри одразу
Порівнюйте всі 7 схем гармонії для вашого базового кольору в зручній сітці внизу інструмента.
Часті запитання
Усе, що потрібно знати про colorPaletteFinder
Що таке колірна палітра?
Колірна палітра — це підібраний набір кольорів, які гармонійно поєднуються між собою. Дизайнери використовують палітри, щоб створювати візуальну узгодженість в інтерфейсах, брендингу та графіці.
Як працює колірна гармонія?
Колірна гармонія базується на зв'язках між відтінками на колірному колі. Правила, як-от комплементарне, аналогове та тріадне, забезпечують візуально приємні поєднання.
Чим відрізняються комплементарна та спліт-комплементарна схеми?
Комплементарна використовує два протилежні відтінки для максимального контрасту. Спліт-комплементарна використовує базовий колір плюс два кольори ±30° від прямого комплементу — м'якша та менш різка.
Як користуватися colorPaletteFinder?
Відкрийте інструмент, виберіть основний колір за допомогою колірного кола або введення hex, а потім оберіть правило гармонії. Інструмент миттєво згенерує відповідну палітру, яку можна скопіювати одним кліком.
Що таке контраст WCAG і чому це важливо?
WCAG визначає коефіцієнти контрасту, щоб гарантувати читабельність тексту для всіх користувачів, зокрема людей із вадами зору. Коефіцієнт 4.5:1 відповідає стандарту AA; 7:1 відповідає AAA.
Чи можу я скопіювати hex-коди зі згенерованої палітри?
Так — наведіть курсор на будь-який зразок кольору в смузі палітри та клацніть, щоб миттєво скопіювати його hex-код у буфер обміну.