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

Яскравість 100%
Правило гармонії
Активний колір
HEX
RGB
HSL
Палітра

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


Про Генератор колірних палітр

Color Palette Generator створює гармонійні кольорові схеми на основі інтерактивного колірного кола. Оберіть базовий колір, виберіть правило гармонії — аналогову, монохромну, тріаду, комплементарну, розділену комплементарну, квадрат чи повністю власну — і інструмент миттєво обчислює відповідну палітру з маркерами на колі, які можна перетягувати для точного налаштування.

Кожен зразок показує свої значення HEX, RGB, HSL і HSB, а будь-який колір палітри можна одним кліком перетворити на новий базовий. Повзунок яскравості робить усю схему світлішою або темнішою, зберігаючи фіксовані взаємозв’язки відтінків, що дуже пришвидшує вивчення варіацій схеми.

Усе обчислюється наживо у вашому браузері за допомогою математики теорії кольору на колі HSV — жодних завантажень на сервер. Коли палітра виглядає добре, скопіюйте окремі значення, всі кольори одразу, готові CSS-змінні або експорт JSON.

Як використовувати Генератор колірних палітр

  1. Оберіть базовий колір за допомогою піпетки, введіть значення або натисніть «Random».
  2. Виберіть правило гармонії, наприклад аналогове, комплементарне, тріаду чи квадрат.
  3. Перетягуйте маркери на колі та регулюйте повзунок яскравості для точного налаштування схеми.
  4. Клацніть зразок, щоб скопіювати його, або встановіть його як новий базовий колір для подальшої роботи.
  5. Експортуйте палітру за допомогою «Copy all», «Copy CSS variables» або «Copy JSON».

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

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

Кожне правило розміщує інші кольори палітри під фіксованими кутами навколо колірного кола відносно вашого базового кольору: комплементарний розташовується навпроти (180°), тріада розводить кольори на 120°, аналоговий тримає сусідні кольори близько один до одного, розділений комплементарний оточує протилежний відтінок з обох боків, а квадрат розводить чотири відтінки на 90°.

Аналогові або монохромні схеми найбезпечніші для інтерфейсів, бо здаються спокійними та цілісними. Використовуйте комплементарну або розділену комплементарну схему, коли потрібен яскравий акцентний колір для кнопок і закликів до дії на тлі домінуючого базового відтінку.

Так. Перемкніться на правило Custom і перетягуйте кожен маркер незалежно на колі, або почніть з будь-якого правила гармонії й перетягуйте маркери для коригування — інструмент постійно оновлює палітру, коли ви їх переміщуєте.

Кожен зразок показує значення HEX, RGB, HSL і HSB, кожне з яких можна скопіювати окремо. Також можна скопіювати всю палітру як звичайні значення, як користувацькі властивості CSS, готові для таблиці стилів, або як JSON для передачі коду чи дизайнерським інструментам.

Поділитися

Популярні запити
генератор палітри кольорів колірне коло генератор гармонії кольорів компліментарні кольори аналогова колірна схема безкоштовний генератор палітри
Потрібна допомога?
Виникла проблема з цим інструментом? Повідомте нас.
Повідомити про проблему

Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.