Online-Quadrat-Farbschema-Tool

So wird das quadratische Farbschema berechnet

Die vier Farben verwenden feste HSL-Farbtonabstände von 0°, 90°, 180° und 270°. Die Grundfarbe bleibt als ursprünglicher RGB-Wert erhalten. Für die drei Rotationen werden Farbton, Sättigung und Helligkeit zunächst auf ganze Zahlen gerundet. Winkel und Farbanzahl sind fest.

Nachvollziehbare Beispiele

#FF0000 ergibt der Reihe nach #FF0000, #80FF00, #00FFFF und #7F00FF. #FF5733 ergibt #FF5733, #74FF33, #33DAFF und #BE33FF. Der Farbton von #FF5733 beträgt ungefähr 10,59° und wird für die Rotationen auf 11° gerundet.

Bearbeiten und kopieren

HEX, RGB, HSV und HSL sind im Farbpanel miteinander verknüpft. Nach Änderung der Grundfarbe muss die Generierung erneut gestartet werden. Jede Ergebnisfarbe lässt sich unabhängig bearbeiten; dadurch kann die quadratische Beziehung verloren gehen. Alle kopieren übernimmt den aktuellen Ergebnistext. Leeren stellt #3B82F6 wieder her und entfernt die Ergebnisse.

Grenzen

Ganzzahlige HSL-Werte können andere Ergebnisse liefern als Berechnungen mit Nachkommastellen. Gleiche HSL-Abstände garantieren weder gleiche wahrgenommene Helligkeit noch ausreichenden Textkontrast. Prüfen Sie konkrete Vordergrund-Hintergrund-Paare separat. Die Berechnung läuft lokal im Browser; es gibt keine Kontrastbewertung oder Dateiexportfunktion.