Экспортер палитр
Вставьте или импортируйте набор цветов и мгновенно экспортируйте их в CSS-переменные, SCSS, Tailwind config, JSON или SVG-образцы — финальный шаг для любой палитры.
Вставьте значения HEX (по одному на строку или через запятую/пробел). Также принимаются rgb() и hsl().
Валидные цвета не найдены — проверьте ввод.
Всё работает в вашем браузере — вставьте палитру и получите готовый к использованию код в любом формате. Без регистрации, абсолютно бесплатно.
О Экспортер палитр
Экспортёр палитры — завершающий шаг для любой цветовой палитры: вставьте набор цветов и получите готовый к использованию код в нужном для вашего проекта формате. Инструмент принимает значения HEX по одному на строку или разделённые запятыми и пробелами, а также понимает нотацию rgb() и hsl().
В реальном времени создаются шесть форматов вывода: CSS-пользовательские свойства, переменные SCSS, блок цветов конфигурации Tailwind, JSON, SVG-образцы и обычный список HEX. Настраиваемый префикс переменных сохраняет соответствие сгенерированных названий вашей кодовой базе, а каждый формат можно скопировать в буфер обмена или скачать как файл.
Всё работает прямо в браузере — вставленные вами цвета никуда не отправляются. Инструмент естественно сочетается с другими инструментами палитр: извлеките или сгенерируйте палитру в другом месте, вставьте её сюда и получите точный фрагмент кода, который ожидает ваша таблица стилей, фреймворк или дизайнерский конвейер.
Как использовать Экспортер палитр
- Вставьте цвета во входное поле — HEX, rgb() или hsl(), по одному на строку или через запятую.
- Нажмите «Обновить цвета», чтобы разобрать их в палитру, или загрузите образец, чтобы попробовать.
- Выберите формат экспорта: CSS-переменные, SCSS, конфигурация Tailwind, JSON, SVG-образцы или обычный HEX.
- При необходимости скорректируйте префикс переменных для собственных названий.
- Скопируйте сгенерированный код или скачайте его как файл.