Die Farbpalette unterstützt zwei Modi: Farbschema-Generierung und Bildpaletten-Extraktion. Im Generierungsmodus wählen Sie eine Basisfarbe und eine Harmonieregel. Im Extraktionsmodus laden Sie ein Bild hoch, um dessen dominante Farben zu extrahieren, oder verwenden Sie die Pipette für präzise Auswahl. Die gesamte Verarbeitung erfolgt in Ihrem Browser.
Bilder hochladen zur automatischen Palettenextraktion mit Pipette für präzise Auswahl
Export als CSS-Variablen, Tailwind v4 und SCSS-Variablen
Einzelfarben sperren, um sie beim Neugenerieren zu erhalten
Klicken Sie auf eine Farbe, um sie im HEX-, RGB- oder HSL-Format zu kopieren
Vollständig offline Verarbeitung — nichts wird hochgeladen
Anleitung
1Wählen Sie im Generierungsmodus eine Basisfarbe und eine Harmonieregel
2Die Palette wird automatisch aktualisiert — sperren oder kopieren Sie einzelne Farben
3Wechseln Sie in den Extraktionsmodus und laden Sie ein Bild hoch
4Klicken Sie auf einen Export-Button, um die CSS/Tailwind/SCSS-Konfiguration zu kopieren
FAQ
Was ist der Unterschied zum Farbkonverter und zur Farbpipette?
Der Farbkonverter konvertiert zwischen HEX, RGB, HSL usw. Die Farbpipette nimmt eine einzelne Farbe von einem Bild auf. Die Farbpalette erzeugt harmonische Farbschemata oder extrahiert vollständige Paletten aus Bildern.
Kann ich einzelne Farben in einer Palette sperren?
Ja. Jedes Farbfeld hat einen Sperrbutton. Gesperrte Farben bleiben beim Ändern der Basisfarbe oder Regel erhalten. Nur entsperrte Farben werden neu generiert.
Welche Harmonieregeln sollten Anfänger verwenden?
Komplementär erzeugt kontrastreiche Designs. Analog ist subtil und einheitlich — ideal für Marken. Monochromatisch ist sauber und professionell. Triadisch und tetradisch sind fortgeschrittener, erzeugen aber reichhaltige, ausgewogene Paletten.
Wie genau ist die Palettenextraktion aus Bildern?
Mithilfe von Farb-Bucketning mit euklidischer Distanz extrahiert das Tool bis zu 8 dominante Farben. Transparente Pixel werden gefiltert, jede Farbe zeigt ihren Anteil. Für präzise Auswahl verwenden Sie den Pipettenmodus.
Werden meine Daten an einen Server gesendet?
Nein. Die gesamte Farbberechnung und Bildverarbeitung erfolgt in Ihrem Browser. Es wird nichts hochgeladen.
Welche Tailwind-Version wird für den Export verwendet?
Der Export generiert Tailwind CSS v4 @theme benutzerdefinierte Farbsyntax mit --color-* Variablen.