Online-Komplementärfarben-Tool
Komplementäres HSL-Farbpaar berechnen, Farben bearbeiten und das Ergebnis kopieren. Textkontrast separat prüfen. Die Verarbeitung erfolgt lokal im Browser.
Jetzt verwenden
Berechnung und Beispiele
Die RGB-Grundfarbe bleibt als HEX-Wert mit Großbuchstaben erhalten. Für die zweite Farbe werden HSL-Farbton, Sättigung und Helligkeit auf ganze Zahlen gerundet. Zum gerundeten Farbton kommen 180° hinzu, anschließend erfolgt die Rückrechnung in RGB. Der Winkel ist fest. Dies unterscheidet sich vom Invertieren der RGB-Kanäle mit 255 minus Kanalwert.
#FF0000 ergibt #FF0000 und #00FFFF. Die Vorgabe #3B82F6 ergibt #3B82F6 und #F6AF3C. Durch die HSL-Rundung wird zu #010101 die zweite Farbe #000000 erzeugt; eine ungerundete Berechnung kann abweichen.
Bedienung und Grenzen
RGB: 0–255; Farbton: 0–360°; Sättigung, HSV-Wert und HSL-Helligkeit: 0–100%. HSV-Wert und HSL-Helligkeit sind unterschiedliche Größen. Verwende deckende Farben ohne Alpha. Manuelle Ergebnisänderungen erhalten die Komplementärbeziehung nicht automatisch; berechne das Paar erneut aus der Grundfarbe.
Die Berechnung läuft im Browser. Es gibt keine Bildabtastung oder Kontrastmessung. Komplementärfarben garantieren weder lesbaren Text noch gleiche wahrgenommene Helligkeit oder Barrierefreiheit. Prüfe den Text-Hintergrund-Kontrast separat.
Die Verarbeitung erfolgt lokal im Browser.