Генератор палітри кольорів
Генеруйте шкалу відтінків і затемнень плюс компліментарні, аналогові та тріадні кольори з базового кольору.
Пов'язані інструменти
Як користуватися Палітра кольорів
- 01
Оберіть базовий колір або введіть hex-значення.
- 02
Перегляньте шкалу від світлого до темного та кольори гармонії.
- 03
Клацніть будь-який зразок, щоб скопіювати його hex-код.
Що робить цей генератор
Цей генератор колірних палітр перетворює один базовий колір на повну шкалу від світлого до темного, а також на компліментарні, аналогові й тріадні гармонії, де кожен зразок можна скопіювати як шістнадцятковий код одним кліком.
Усе обчислюється у вашому браузері з кольору, який ви вводите, тож нічого не завантажується.
Як будується шкала світлих і темних відтінків
Шкала світлих і темних відтінків зберігає базовий відтінок і насиченість і розподіляє світлість від світлого до темного, даючи послідовний набір кроків. Це саме та шкала, яку дизайн-система використовує для тла, рамок, тексту і станів.
Компліментарні, аналогові й тріадні гармонії
Гармонії походять із теорії кольору і базуються на обертанні відтінку по колірному колу. Компліментарна це протилежний відтінок для сильного контрасту, аналогова це сусідні відтінки для спокійного, цілісного вигляду, а тріадна це три рівномірно розподілені відтінки для збалансованого, яскравого набору.
Побудова палітри з кольору бренду
Разом вони дають практичну стартову палітру з кольору бренду: шкалу для нейтральних тонів і відтінків та гармонії для акцентів і виділень, без вгадування шістнадцяткових кодів вручну.
Уведіть базовий колір за допомогою вибору зразка або шістнадцятковим кодом, і палітра оновиться миттєво, тож ви зможете швидко переглядати варіанти.
Поширені запитання
Як будується шкала?
Вона зберігає базовий відтінок і насиченість і розподіляє яскравість від світлого до темного, даючи узгоджений набір відтінків і затемнень, подібний до шкали кольорів дизайн-системи.
Що таке компліментарні, аналогові та тріадні кольори?
Це гармонійні відношення кольорів на основі обертання відтінку: компліментарний протилежний, аналоговий поряд, а тріадний рівномірно розподілений по колу.
Чи щось завантажується?
Ні. Палітра обчислюється повністю у вашому браузері з кольору, який ви вводите.