Palettexportör
Klistra in eller importera en uppsättning färger och exportera dem direkt till CSS-variabler, SCSS, Tailwind-config, JSON eller SVG-provlappar — avslutningssteget för vilken palett som helst.
Klistra in HEX-värden (ett per rad, eller separerade med kommatecken/mellanslag). rgb() och hsl() accepteras också.
Inga giltiga färger hittades — kontrollera din inmatning.
Allt körs i din webbläsare — klistra in en palett och kopiera produktionsklar kod i vilket format som helst. Ingen registrering, helt gratis.
Om Palettexportör
Palettexportören är det avslutande steget för vilken färgpalett som helst: klistra in en uppsättning färger och få produktionsklar kod i det format ditt projekt behöver. Den accepterar HEX-värden ett per rad eller separerade med kommatecken och mellanslag, och förstår även rgb()- och hsl()-notation.
Sex utdataformat genereras i realtid: CSS-anpassade egenskaper, SCSS-variabler, ett Tailwind-konfigurationsblock för färger, JSON, SVG-kulörer och en enkel HEX-lista. Ett konfigurerbart variabelprefix håller de genererade namnen konsekventa med din kodbas, och varje format kan kopieras till urklipp eller laddas ner som en fil.
Allt körs i din webbläsare — färgerna du klistrar in skickas aldrig någonstans. Det passar naturligt ihop med de andra palettverktygen: extrahera eller generera en palett någon annanstans, klistra in den här och gå därifrån med precis det kodutdrag som din stilmall, ditt ramverk eller din designpipeline förväntar sig.
Så använder du Palettexportör
- Klistra in dina färger i inmatningsfältet — HEX, rgb() eller hsl(), en per rad eller kommaseparerade.
- Klicka på "Uppdatera färger" för att tolka dem till en palett, eller ladda exemplet för att testa.
- Välj ett exportformat: CSS-variabler, SCSS, Tailwind-konfiguration, JSON, SVG-kulörer eller ren HEX.
- Justera variabelprefixet om du vill ha anpassad namngivning.
- Kopiera den genererade koden eller ladda ner den som en fil.