Генератор палітр – Гармонійні кольорові палітри
Введіть базовий колір і створіть гармонійні палітри за допомогою комплементарних, аналогічних, тріадних, розділено-комплементарних або тетрадних правил кольорової гармонії.
Введіть базовий колір для створення палітри
Підтримуються формати HEX, RGB, HSL та OKLCH
Спробувати приклад
Інші інструменти
Picker
Вибір кольору
Завантажте зображення та натисніть, щоб витягти кольорові коди HEX, RGB та HSL.
Converter
Конвертер кольорів
Миттєво конвертуйте кольори між HEX, RGB та HSL.
Checker
Перевірка контрастності
Перевірте коефіцієнти контрастності кольорів за стандартами WCAG AA та AAA.
Створюйте гармонійні кольорові палітри миттєво
Вибір кольорів, які добре поєднуються один з одним, — одне з найпоширеніших завдань у дизайні. Правила кольорової гармонії, засновані на відношеннях між відтінками на кольоровому колі, дають надійну основу для створення збалансованих палітр.
Цей генератор палітр бере будь-який базовий колір і застосовує стандартні правила гармонії для створення набору гармонійних кольорів. Введіть колір у форматі HEX, RGB або HSL і перемикайтеся між типами гармонії, щоб досліджувати різні комбінації.
Типи кольорової гармонії
- Комплементарна — два кольори один навпроти одного на кольоровому колі (180°). Високий контраст, сміливі поєднання.
- Аналогічна — три сусідні кольори на кольоровому колі (30°). Природно гармонійні, низький контраст.
- Тріадна — три кольори, рівномірно розподілені по колу (120°). Яскраві та збалансовані.
- Розділено-комплементарна — базовий колір плюс два кольори, сусідні з його комплементом (150° і 210°). М'якша, ніж чиста комплементарна.
- Тетрадна (квадратна) — чотири кольори, рівномірно розподілені по колу (90°). Багаті, складні палітри.
Як користуватися генератором палітр
- Введіть базовий колір — введіть значення HEX, RGB або HSL або використовуйте вбудований вибір кольору
- Оберіть тип гармонії в селекторі
- Перегляньте згенеровану палітру у вигляді кольорових зразків
- Копіюйте значення HEX або RGB для будь-якого зразка одним кліком
- Перемикайтеся між типами гармонії, щоб порівнювати різні палітри
Коли використовувати генератор палітр
- При початку нового дизайн-проєкту, коли потрібна збалансована кольорова схема
- При створенні фірмового стилю навколо певного основного кольору
- При створенні UI-тем з гармонійними акцентними кольорами
- При дослідженні кольорових відношень для ілюстрації чи мистецтва
- Для швидкого створення палітр для презентацій чи прототипів
Швидко, безкоштовно та конфіденційно
Усі розрахунки палітр виконуються миттєво у вашому браузері — жодні дані не надсилаються на сервер.
Потрібно спочатку витягти колір з зображення? Використовуйте Піпетку. Хочете конвертувати між форматами? Спробуйте Конвертер кольорів. Потрібно перевірити доступність? Використовуйте Перевірку контрасту.
Часті запитання
- Що таке кольорова гармонія?
- Кольорова гармонія — це поєднання кольорів, які візуально приємні разом, засновані на їхніх відношеннях на кольоровому колі.
- Який тип гармонії обрати?
- Залежить від мети дизайну. Комплементарна створює сильний контраст. Аналогічна — спокійне відчуття. Тріадна — яскрава та збалансована. Розділено-комплементарна дає м'якший контраст. Тетрадна дає багаті, складні палітри.
- Які формати кольорів можна вводити?
- HEX (напр. #3B82F6), RGB (напр. rgb(59, 130, 246)) або HSL (напр. hsl(217, 91%, 60%)). Інструмент автоматично визначає формат.
- Як розраховуються кольори палітри?
- Базовий колір конвертується в HSL. Кольори палітри генеруються поворотом відтінку на певні градуси при постійній насиченості та яскравості.
- Чи можна копіювати згенеровані кольори?
- Так. У кожного кольору палітри є кнопки копіювання для значень HEX та RGB.
- Чи працює цей інструмент на мобільних?
- Так. Генератор палітр повністю адаптивний і працює на будь-якому пристрої з сучасним браузером.
- Цей інструмент безкоштовний?
- Так. ColourPicker.app повністю безкоштовний, реєстрація не потрібна.
- Чи можна зберігати згенеровані палітри?
- Інструмент не зберігає палітри між сесіями. Ви можете копіювати окремі значення кольорів і зберігати їх у файлах проєкту.