Експортер палітр
Вставте або імпортуйте набір кольорів і миттєво експортуйте їх у CSS-змінні, SCSS, конфіг Tailwind, JSON або SVG-свотчі — завершальний крок для будь-якої палітри.
Вставте HEX-значення (по одному в рядок або через кому/пробіл). rgb() і hsl() також приймаються.
Дійсних кольорів не знайдено — перевірте введені дані.
Все працює у вашому браузері — вставте палітру і скопіюйте готовий код у будь-якому форматі. Без реєстрації, повністю безкоштовно.
Про Експортер палітр
Palette Exporter — це завершальний крок для будь-якої кольорової палітри: вставте набір кольорів і отримайте готовий до продакшену код у форматі, потрібному вашому проєкту. Він приймає значення HEX по одному в рядку або розділені комами й пробілами, а також розуміє нотацію rgb() і hsl().
Шість вихідних форматів генеруються наживо: користувацькі властивості CSS, змінні SCSS, блок кольорів конфігурації Tailwind, JSON, зразки SVG і звичайний список HEX. Настроюваний префікс змінних забезпечує узгодженість згенерованих імен з вашою кодовою базою, а кожен формат можна скопіювати в буфер обміну або завантажити як файл.
Усе працює у вашому браузері — вставлені вами кольори ніколи нікуди не надсилаються. Це природно поєднується з іншими інструментами для роботи з палітрами: витягніть або згенеруйте палітру десь ще, вставте її сюди й отримайте точний фрагмент коду, якого очікує ваша таблиця стилів, фреймворк чи дизайнерський конвеєр.
Як використовувати Експортер палітр
- Вставте свої кольори у поле вводу — HEX, rgb() або hsl(), по одному в рядку або через кому.
- Натисніть «Update colors», щоб розібрати їх у палітру, або завантажте приклад, щоб спробувати.
- Виберіть формат експорту: CSS-змінні, SCSS, конфігурацію Tailwind, JSON, зразки SVG або звичайний HEX.
- За бажанням змініть префікс змінних для власного іменування.
- Скопіюйте згенерований код або завантажте його як файл.