Paletten-Exporter
Eine Reihe von Farben einfügen oder importieren und sofort in CSS-Variablen, SCSS, Tailwind-Config, JSON oder SVG-Farbfelder exportieren — der Abschlussschritt für jede Palette.
HEX-Werte einfügen (einer pro Zeile oder durch Kommas/Leerzeichen getrennt). rgb() und hsl() werden ebenfalls akzeptiert.
Keine gültigen Farben gefunden — Eingabe prüfen.
Alles läuft im Browser — Palette einfügen und produktionsreife Code in jedem Format kopieren. Keine Registrierung, vollständig kostenlos.
Über Paletten-Exporter
Der Palette Exporter ist der letzte Schritt für jede Farbpalette: Füge eine Reihe von Farben ein und erhalte produktionsreifen Code im Format, das dein Projekt braucht. Er akzeptiert HEX-Werte, einen pro Zeile oder durch Kommas und Leerzeichen getrennt, und versteht auch die Notationen rgb() und hsl().
Sechs Ausgabeformate werden live erzeugt: CSS-Custom-Properties, SCSS-Variablen, ein Tailwind-Konfigurationsblock, JSON, SVG-Farbmuster und eine einfache HEX-Liste. Ein konfigurierbares Variablenpräfix hält die erzeugten Namen konsistent mit deiner Codebasis, und jedes Format kann in die Zwischenablage kopiert oder als Datei heruntergeladen werden.
Alles läuft in deinem Browser: Die eingefügten Farben werden niemals irgendwohin gesendet. Es passt natürlich zu den anderen Palette-Tools: Extrahiere oder erzeuge eine Palette anderswo, füge sie hier ein und gehe mit genau dem Snippet weg, das dein Stylesheet, Framework oder deine Design-Pipeline erwartet.
So verwenden Sie Paletten-Exporter
- Füge deine Farben in das Eingabefeld ein: HEX, rgb() oder hsl(), eine pro Zeile oder durch Kommas getrennt.
- Klicke auf „Farben aktualisieren“, um sie in eine Palette umzuwandeln, oder lade das Beispiel, um es auszuprobieren.
- Wähle ein Exportformat: CSS-Variablen, SCSS, Tailwind-Konfiguration, JSON, SVG-Farbmuster oder reines HEX.
- Passe das Variablenpräfix an, wenn du eine eigene Benennung möchtest.
- Kopiere den erzeugten Code oder lade ihn als Datei herunter.