Генератор колірних палітр
Миттєво створюйте палітру з п'яти кольорів: натисніть пробіл, щоб перемішати, зафіксуйте улюблені кольори, змінюйте режими гармонії та експортуйте або діліться палітрою.
Натисніть пробіл, щоб перемішати, зафіксуйте потрібні зразки, і решта згенерується навколо них. Усе працює у вашому браузері, без реєстрації, повністю безкоштовно.
Про Генератор колірних палітр
Генератор колірних палітр створює схему з п'яти кольорів одним натисканням клавіші. Натисніть пробіл, або кнопку «Створити», і з'явиться свіжа палітра; зафіксуйте потрібні зразки й натисніть ще раз, і заміняться лише незафіксовані кольори, тож ви можете доводити схему до ладу по одному кольору, а не починати заново.
Результат формують п'ять режимів генерації. Випадковий досліджує весь колірний простір, тоді як Аналогові, Комплементарні, Тріадні та Монохромні будують палітру за співвідношеннями HSL навколо базового відтінку, причому кожному місцю задано власний діапазон насиченості та яскравості, тож результат виглядає як продумана схема, а не п'ять непов'язаних кольорів.
Кожен зразок має піпетку для тонкого налаштування та значення HEX, яке копіюється натисканням. Палітра закодована в URL сторінки, тож кнопка поширення копіює посилання, що відкриває точно ті самі кольори, а панель експорту створює змінні CSS, SCSS, конфігурацію Tailwind, JSON, аркуш зразків SVG або простий список HEX. Усе працює у вашому браузері: нічого не завантажується на сервер і нічого не тарифікується.
Як використовувати Генератор колірних палітр
- Натисніть пробіл або кнопку «Створити палітру», щоб отримати схему з п'яти кольорів.
- Натисніть значок замка на зразку, який хочете зберегти, а потім згенеруйте ще раз, щоб замінити лише решту.
- Виберіть режим генерації (Випадковий, Аналогові, Комплементарні, Тріадні чи Монохромні, щоб керувати гармонією.
- Точно налаштуйте будь-який колір піпеткою та натисніть значення HEX, щоб скопіювати його.
- Скористайтеся «Копіювати посилання», щоб зберегти палітру в URL, або відкрийте «Експорт» для CSS, SCSS, Tailwind, JSON чи SVG.