Експорт на палитра
Поставете или импортирайте набор от цветове и ги експортирайте мигновено към CSS променливи, SCSS, Tailwind конфигурация, JSON или SVG мостри — финалната стъпка за всяка палитра.
Поставете HEX стойности (по един на ред или разделени със запетаи/интервали). Приемат се и rgb() и hsl().
Не са намерени валидни цветове — проверете въвеждането.
Всичко работи в браузъра ви — поставете палитра и копирайте готов за продукция код в произволен формат. Без регистрация, напълно безплатно.
За Експорт на палитра
Експортерът на палитри е последната стъпка за всяка цветова палитра: поставете набор от цветове и получете готов за производство код във формата, от който проектът ви се нуждае. Приема HEX стойности по една на ред или разделени със запетаи и интервали, а разбира и нотацията rgb() и hsl().
Шест изходни формата се генерират на живо: CSS персонализирани свойства, SCSS променливи, блок с цветове за конфигурация на Tailwind, JSON, SVG мостри и обикновен HEX списък. Конфигурируем префикс на променливите поддържа генерираните имена в съответствие с вашата кодова база, а всеки формат може да бъде копиран в клипборда или изтеглен като файл.
Всичко се изпълнява във вашия браузър — цветовете, които поставяте, никога не се изпращат никъде. Съчетава се естествено с другите инструменти за палитри: извлечете или генерирайте палитра другаде, поставете я тук и излезте с точния откъс, който очаква вашият стилов файл, фреймуърк или дизайнерски процес.
Как да използвате Експорт на палитра
- Поставете цветовете си във входното поле — HEX, rgb() или hsl(), по един на ред или разделени със запетаи.
- Кликнете "Update colors" (Обнови цветовете), за да ги анализирате в палитра, или заредете примера, за да опитате.
- Изберете изходен формат: CSS variables, SCSS, Tailwind config, JSON, SVG swatches или plain HEX.
- Настройте префикса на променливите, ако искате персонализирано именуване.
- Копирайте генерирания код или го изтеглете като файл.