Online-Tool für analoge Farbschemata
Erzeugen Sie drei analoge Farben aus einer Basisfarbe und einem Winkel von 1° bis 90°. Bearbeiten Sie die Farben und kopieren Sie die HEX-Werte.
Jetzt verwenden
Berechnung und Beispiel
Das Werkzeug wandelt die Basisfarbe in ganzzahlig gerundete HSL-Werte um. Die beiden Nachbarfarben verwenden H−Winkel und H+Winkel sowie die gerundete Sättigung und Helligkeit. Der Farbton läuft bei 360° wieder von vorn. Die mittlere Farbe bleibt exakt die gewählte Basisfarbe.
Mit #3B82F6 und 30° entstehen #3CE0F6, #3B82F6 und #523CF6. Bei 90° lauten die Ergebnisse #3CF652, #3B82F6 und #F63CE0.
Farben bearbeiten und kopieren
Basisfarbe und Ergebnisse haben Eingabefelder für HEX, RGB, HSV und HSL. Wenn Sie eine Ergebnisfarbe bearbeiten, ändern sich die anderen beiden nicht. „Alle kopieren“ kopiert die drei HEX-Zeilen. Ein Dateiexport ist nicht vorgesehen.
Grenzen
Ein größerer Winkel vergrößert den Farbtonabstand, garantiert aber keinen ausreichenden Textkontrast. Prüfen Sie Vordergrund und Hintergrund separat auf Barrierefreiheit. Die Berechnung erfolgt lokal im Browser; das Werkzeug bietet weder eine Kontrastbewertung noch eine Simulation von Farbsehschwächen.
Warum unterscheiden sich Werte von anderen Rechnern?
Die Rundung der HSL-Werte vor der Rückrechnung kann leichte RGB-Abweichungen verursachen. Der mittlere HEX-Wert durchläuft diese Rückrechnung nicht und bleibt unverändert.
Die Verarbeitung erfolgt lokal im Browser.