Palet-exporteur
Plak of importeer een set kleuren en exporteer ze direct naar CSS-variabelen, SCSS, Tailwind-config, JSON of SVG-stalen — de afrondingsstap voor elk palet.
Plak HEX-waarden (één per regel, of gescheiden door komma's/spaties). rgb() en hsl() worden ook geaccepteerd.
Geen geldige kleuren gevonden — controleer je invoer.
Alles draait in je browser — plak een palet en kopieer productieklare code in elk formaat. Geen aanmelding, volledig gratis.
Over Palet-exporteur
De Paletexporteur is de laatste stap voor elk kleurenpalet: plak een set kleuren en krijg productieklare code in het formaat dat je project nodig heeft. Het accepteert HEX-waarden, één per regel of gescheiden door komma's en spaties, en begrijpt ook rgb()- en hsl()-notatie.
Zes uitvoerformaten worden live gegenereerd: CSS custom properties, SCSS-variabelen, een Tailwind-configuratiekleurblok, JSON, SVG-stalen en een platte HEX-lijst. Een configureerbaar variabelenvoorvoegsel houdt de gegenereerde namen consistent met je codebase, en elk formaat kan naar het klembord worden gekopieerd of als bestand worden gedownload.
Alles draait in je browser: de kleuren die je plakt, worden nooit ergens naartoe gestuurd. Het combineert vanzelf met de andere paletstools: extraheer of genereer elders een palet, plak het hier, en ga weg met precies het snippet dat je stylesheet, framework of ontwerppijplijn verwacht.
Hoe gebruik je Palet-exporteur
- Plak je kleuren in het invoerveld: HEX, rgb() of hsl(), één per regel of door komma's gescheiden.
- Klik op "Kleuren bijwerken" om ze te ontleden tot een palet, of laad het voorbeeld om het uit te proberen.
- Kies een exportformaat: CSS-variabelen, SCSS, Tailwind-configuratie, JSON, SVG-stalen of platte HEX.
- Pas het variabelenvoorvoegsel aan als je een aangepaste naamgeving wilt.
- Kopieer de gegenereerde code of download deze als bestand.