HEX, RGB und HSL: drei Beschreibungen derselben Farbe
Ein Editor verlangt HEX, eine andere Datei nutzt RGB oder HSL. Umwandlung überträgt dieselbe Farbe, verbessert sie nicht automatisch und garantiert keine Übereinstimmung zwischen Bildschirm und Druck.
HEX ist eine kurze RGB-Schreibweise
In 6-stelligem HEX beschreibt jedes Paar Rot, Grün oder Blau von 0 bis 255. Die 3-stellige Kurzform verdoppelt jede Stelle, statt Nullen einzufügen.
Das Werkzeug verarbeitet undurchsichtiges sRGB und HEX mit 3 oder 6 Stellen. CSS kann mit 8 Stellen Alpha ergänzen; diese Transparenz liegt außerhalb des aktuellen Umfangs.
HSL verändert die Beschreibung
Farbton, Sättigung und Helligkeit helfen beim Entwurf einer helleren oder weniger gesättigten Variante, statt 3 Kanäle ohne Richtung zu ändern.
HSL-Helligkeit misst wahrgenommenes Licht nicht gleichmäßig. Gleiche Prozentwerte verschiedener Farbtöne belegen weder gleiche sichtbare Helligkeit noch Texteignung.
Umwandlung prüft nicht jede Gestaltungsentscheidung
Prüfen Sie Text vor seinem tatsächlichen Hintergrund. Gültiger Code oder ein schöner Farbfleck allein beweisen keinen ausreichenden Kontrast.
Behalten Sie die Referenz bei Druck oder anderem Farbraum. Dies ist weder Bildschirmkalibrierung noch CMYK-Umwandlung; HSL zurück nach 8-Bit-RGB kann kleine Rundungsdifferenzen verursachen.
Beispiel: Kurzcode erweitern, Farbe beibehalten
#369 wird zu #336699. Die Paare 33, 66 und 99 ergeben RGB 51, 102 und 153, nicht 3, 6 und 9. Dieselbe Farbe hat HSL 210 Grad, 50% Sättigung und 40% Helligkeit.
Das sind 3 Beschreibungen, nicht 3 Abstufungen. 60% Helligkeit wählt eine andere Farbe; Alpha ergänzt eine Transparenzentscheidung, die im undurchsichtigen Original fehlt.