Finde deine perfekteFarbpalette
Erstelle sofort harmonische Paletten anhand bewährter Regeln der Farblehre. Gemacht für Designer, Entwickler und Kreative.
Alles, was du brauchst
Leistungsstarke Farbwerkzeuge in einer übersichtlichen, interaktiven Oberfläche.
Interaktiver Farbkreis
Ziehe die Punkte direkt auf dem HSL-Farbkreis, um Farbton- und Sättigungsbeziehungen in Echtzeit zu erkunden.
7 Harmonieregeln
Komplementär, Analog, Triadisch, Geteilt-komplementär, Tetradisch, Quadratisch, Monochromatisch.
Sofort kopieren
Klicke auf eine Farbfläche, um den Hex-Code zu kopieren. Teile Paletten und nutze sie direkt in deinem Code.
Kontrastprüfer
Prüfe die WCAG-AA-/AAA-Barrierefreiheitsverhältnisse zwischen zwei beliebigen Farben deiner Palette.
HSL- & RGB-Werte
Jede Farbe zeigt ihre vollständige HSL- und RGB-Aufschlüsselung — ganz ohne manuelle Umrechnung.
Alle Paletten auf einen Blick
Vergleiche alle 7 Harmonieschemata für deine Basisfarbe in einem übersichtlichen Raster am Ende des Tools.
Häufig gestellte Fragen
Alles, was du über colorPaletteFinder wissen musst
Was ist eine Farbpalette?
Eine Farbpalette ist eine sorgfältig zusammengestellte Auswahl an Farben, die harmonisch zusammenwirken sollen. Designer nutzen Paletten, um in Oberflächen, im Branding und in Grafiken visuelle Einheitlichkeit zu schaffen.
Wie funktioniert Farbharmonie?
Farbharmonie beruht auf den Beziehungen zwischen den Farbtönen im Farbkreis. Regeln wie komplementär, analog und triadisch sorgen dafür, dass Kombinationen optisch ansprechend sind.
Was ist der Unterschied zwischen komplementär und geteilt-komplementär?
Komplementär nutzt zwei gegenüberliegende Farbtöne für maximalen Kontrast. Geteilt-komplementär nutzt die Basisfarbe plus zwei Farben ±30° vom direkten Komplement — weicher und weniger hart.
Wie nutze ich colorPaletteFinder?
Öffne das Tool, wähle deine Primärfarbe über den Farbkreis oder die Hex-Eingabe und entscheide dich dann für eine Harmonieregel. Das Tool erstellt sofort eine passende Palette, die du mit einem Klick kopieren kannst.
Was ist WCAG-Kontrast und warum ist er wichtig?
Die WCAG definieren Kontrastverhältnisse, damit Text für alle Nutzer lesbar ist, auch für Menschen mit Sehbeeinträchtigungen. Ein Verhältnis von 4.5:1 erfüllt den AA-Standard; 7:1 erfüllt AAA.
Kann ich die Hex-Codes aus der erstellten Palette kopieren?
Ja — fahre mit der Maus über eine beliebige Farbfläche im Palettenstreifen und klicke, um ihren Hex-Code sofort in die Zwischenablage zu kopieren.