Lang
Praktischer Werkzeuggenerator
Farbpalettengenerator
Erstellen Sie aus einer Grundfarbe, einem Foto oder einer Zufallsidee eine harmonische und barrierearme Palette.
HEX · RGB · HSL · OKLCH · WCAG
Farbpaletten-Studio
Erstellen Sie aus einer Grundfarbe, einem Foto oder einer Zufallsidee eine harmonische und barrierearme Palette.
🖼️ Farben aus einem Bild extrahierenDas Bild wird nur im Browser verarbeitet und nicht hochgeladen.
Tipp: Mit der Leertaste erneut erzeugen.
Ihre Palette
Klicken Sie zum Kopieren auf einen Code. Farben lassen sich sperren und neu anordnen.
Karten ziehen oder mit den Pfeilen neu anordnen.
Live-Vorschau
Ihre Palette
Rolle: Akzent
Ein klares visuelles System
Testen Sie die Palette auf einer realistischen Karte mit Navigation, Text und Schaltfläche.
Barrierefreiheit und Kontrast
–
Kontrasttabelle
Farbseh-Vorschau
Näherungsweise Vorschau; immer mit echten Nutzern testen und Farbe nie als einziges Signal verwenden.
Verlaufsgenerator
Palette exportieren
Farbharmonie auswählen
Monochrome Paletten variieren einen Farbton. Analoge Farben liegen beieinander; komplementäre, triadische und tetradische Modi nutzen größere Farbtonabstände.
Barrierefreiheit vor Veröffentlichung prüfen
WCAG-Kontraste werden zusätzlich als Text angezeigt. Normaler Text benötigt 4,5:1 für AA, großer Text 3:1.
Das passende Farbformat verwenden
HEX und RGB sind breit unterstützt, HSL lässt sich bequem anpassen, OKLCH bietet gleichmäßiger wahrgenommene Helligkeit und Buntheit.
Häufige Fragen zum Farbpalettengenerator
Was ist eine Farbharmonie?
Eine Farbharmonie ist eine wiederholbare Beziehung zwischen Farbtönen, etwa analog, komplementär oder triadisch.
Wie wird eine Palette barrierearm?
Prüfen Sie Vordergrund-Hintergrund-Kontraste, verlassen Sie sich nicht allein auf Farbe und testen Sie auch interaktive Zustände.
Wird mein Bild hochgeladen?
Nein. Die Farbanalyse erfolgt lokal im Browser; das Bild wird nicht an den Server übertragen.
Welches Exportformat soll ich nutzen?
CSS-Variablen für Websites, SCSS für Stylesheets, JSON für Anwendungen und PNG als visuelle Referenz.
Verzeichnis für Haustier-, Digital- und Website-Tools
Benötigen Sie ein anderes Haustier oder ein digitales Werkzeug?
Durchsuchen Sie die Haustier-, Digital- und Site-Tools-Sammlung nach Hundealter, Katzenalter, Hundefutter, Katzenfutter, Dosierungsschätzungen für Haustiere, Farbpaletten, Datenspeicherung, Pixeldichte und der Konvertierung von RGB in HEX.