Farbe auswählen

Farbton

HEX-Farbe

Farbharmonie

Farbvariationen

Aufhellungen

Abdunklungen

Töne

Worum es geht

Mit dem Color Picker wählst du eine Farbe über die native Farbauswahl oder per HEX-Wert und liest die zugehörigen RGB- und HSL-Werte ab.

Aus der ausgewählten Farbe berechnet das Tool passende Farbharmonien sowie Aufhellungen, Abdunklungen und neutralere Töne.

So verwendest du das Tool

Wähle eine Farbe mit der Farbauswahl oder gib einen vollständigen HEX-Wert ein.
Wähle bei Bedarf eine Harmonieart, um dazu passende Farben aus derselben HSL-Berechnung anzuzeigen.
Klicke auf einen Farbwert in einer Palette, um ihn in die Zwischenablage zu kopieren.

Sinnvolle Anwendungsfälle

Eine Ausgangsfarbe für einen Entwurf mit zugehörigen HEX-, RGB- und HSL-Werten dokumentieren.
Für eine Oberfläche eine erste Akzent- oder Begleitfarbe anhand einer Farbkomplementär- oder Triadenharmonie auswählen.
Aufhellungen und Abdunklungen für Zustände wie Hintergründe, Rahmen oder hervorgehobene Elemente vorbereiten.

Hinweise und Grenzen

Die Vorschau verwendet normale Browser-Farbwerte und berücksichtigt keine individuellen Monitor-, Druck- oder ICC-Profile.
Die berechneten Paletten prüfen keine Kontraste oder Barrierefreiheit. Kontrolliere wichtige Text- und Hintergrundkombinationen separat.

Häufige Fragen

Sind die vorgeschlagenen Farbpaletten automatisch barrierefrei?

Nein. Die Harmonien und Variationen werden mathematisch aus Farbwerten abgeleitet. Für lesbaren Text musst du den tatsächlichen Kontrast der verwendeten Kombination prüfen.