Що таке колірні гармонії?

Набори кольорів, вибрані за їхнім розташуванням на колірному колі: аналогові кольори розташовані поруч, комплементарні — навпроти, а тріадні — на рівній відстані.

Що таке відтінки й тони?

Темніші й світліші версії одного кольору. Шкала відтінків дає одинадцять кроків від 50 (найсвітліший) до 950 (найтемніший), як у дизайн-системах.

Як використати палітру в коді?

Експортуйте її як змінні CSS, тему Tailwind, JSON або простий список кодів HEX.

Чи щось завантажується на сервер?

Ні. Палітри створюються на вашому пристрої.

Генератор палітр кольорів — це безкоштовно?

Так. Користуватися можна безкоштовно, без реєстрації й без встановлення.

Інструменти для кольорів

Генератор палітр кольорів онлайн – безкоштовно

Безкоштовно, без реєстрації, працює у вашому браузері. Створюйте палітри кольорів натисканням клавіші, фіксуйте кольори, що сподобалися, або будуйте палітру від базового кольору з аналоговою, комплементарною чи тріадною гармонією. Експортуйте як змінні CSS, Tailwind чи JSON.

або натисніть Space. Зафіксуйте кольори, які вам подобаються, щоб зберегти їх.

Змінити
Змінити
Змінити
Змінити
Змінити

Створити з кольору

Базовий колірГармонія

Колірні гармонії обертають відтінок по колірному колу: аналогова залишається поруч, комплементарна бере протилежний бік, тріадна рівномірно розставляє три відтінки.

Відтінки #2F5BFF

Клацніть відтінок, щоб скопіювати його. Виберіть інший колір палітри, щоб побачити його відтінки.

Експорт

Змінні CSSTailwindJSONСписок HEX

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

Палітри створюються на вашому пристрої.

Генератор палітр кольорів: чому варто користуватися

100% безкоштовно: Користуйтеся скільки завгодно. Без реєстрації, без водяних знаків, без встановлення.
Конфіденційність за задумом: Те, що ви вводите, залишається у вашому браузері й ніколи не надсилається нам.
Працює на будь-якому пристрої: Працює в браузері на Windows, Mac, Linux, Android та iPhone. Застосунок не потрібен.

Генератор палітр кольорів: як користуватися

Натискайте «Згенерувати» (або пробіл), доки палітра не сподобається.
Зафіксуйте кольори, щоб їх зберегти, або побудуйте палітру від базового кольору й гармонії.
Скопіюйте окремі кольори або експортуйте всю палітру.

Поширені запитання

Що таке колірні гармонії?: Набори кольорів, вибрані за їхнім розташуванням на колірному колі: аналогові кольори розташовані поруч, комплементарні — навпроти, а тріадні — на рівній відстані.
Що таке відтінки й тони?: Темніші й світліші версії одного кольору. Шкала відтінків дає одинадцять кроків від 50 (найсвітліший) до 950 (найтемніший), як у дизайн-системах.
Як використати палітру в коді?: Експортуйте її як змінні CSS, тему Tailwind, JSON або простий список кодів HEX.
Чи щось завантажується на сервер?: Ні. Палітри створюються на вашому пристрої.
Генератор палітр кольорів — це безкоштовно?: Так. Користуватися можна безкоштовно, без реєстрації й без встановлення.