Palettengenerator
So funktionieren Harmonieregeln
Eine Harmonieregel dreht den Farbkreis um einen festen Winkel: analoge Farben liegen nebeneinander, komplementäre gegenüber, triadische und tetradische sind gleichmäßig verteilt.
Sperren Sie Farben, die bleiben sollen, und erzeugen Sie den Rest neu. Gesperrte Felder bleiben, ungesperrte folgen der neuen Regel.
Ein barrierefreies UI-Palettensystem
Beginnen Sie mit einer Markenfarbe, leiten Sie eine neutrale Reihe aus demselben Farbton ab und reservieren Sie gesättigte Farben für Aktionen und Zustände.
Prüfen Sie jedes Text/Hintergrund-Paar mit dem Kontrastprüfer und halten Sie dunklere und hellere Varianten für Hover und Pressed bereit.
Häufige Fragen
Was ändert die Harmonie-Einstellung?
Sie bestimmt, wie der Farbkreis beim Erzeugen gedreht wird. Automatisch nutzt eine ausgewogene Verteilung, die anderen Modi folgen klassischer Farbtheorie.
Kann ich einzelne Farben behalten?
Ja. Nutzen Sie die Sperrtaste am Farbfeld; gesperrte Farben bleiben beim Neuerzeugen und Umsortieren erhalten.
Wie exportiere ich die Palette?
Kopieren Sie die CSS-Variablen, laden Sie einen PNG-Streifen herunter oder speichern Sie die Palette per Lesezeichen-Taste im Browser.
Wie viele Farben passen hinein?
Bis zu acht Farben, mit Einfügen zwischen zwei Farben und Drag-and-drop-Sortierung.