Farbcodes umrechnen – HEX, RGB, HSL & Kontrast
Läuft auf Ihrem Gerät. Nichts wird gesendet.Es wird nichts hochgeladen - die gesamte Umwandlung erfolgt auf Ihrem Gerät.
Kontrastprüfung
Gegen Weiß
AA (normaler Text)
5.17:1BestandenAA (großer Text)
5.17:1BestandenAAA (normaler Text)
5.17:1Nicht bestandenAAA (großer Text)
5.17:1BestandenGegen Schwarz
AA (normaler Text)
4.06:1Nicht bestandenAA (großer Text)
4.06:1BestandenAAA (normaler Text)
4.06:1Nicht bestandenAAA (großer Text)
4.06:1Nicht bestandenFarbtöne
Rechnen Sie Farbcodes zwischen HEX, RGB und HSL um, prüfen Sie den WCAG-Kontrast und erzeugen Sie eine Farbtonleiter - vollständig in Ihrem Browser.
Dieses Tool wandelt eine Farbe zwischen HEX-, RGB- und HSL-Notation um, prüft ihr WCAG-Kontrastverhältnis gegen weißen und schwarzen Text und erzeugt eine Farbtonleiter von dunkel nach hell - alles lokal in Ihrem Browser berechnet, während Sie tippen.
Häufig gestellte Fragen
Was bedeuten die WCAG-Stufen AA und AAA?
Das sind Mindestkontraste für Barrierefreiheit aus den Web Content Accessibility Guidelines: AA verlangt mindestens 4,5:1 Kontrast für normalen Text (3:1 für großen Text, 18pt+ oder fett 14pt+), das strengere AAA verlangt 7:1 für normalen Text (4,5:1 für großen Text). AA zu erfüllen ist die gängige Grundlage für barrierefreien Text.
Warum weicht ein Wert nach der Umwandlung zwischen HEX, RGB und HSL manchmal leicht ab?
HSL speichert Farbton, Sättigung und Helligkeit als gerundete ganze Zahlen, sodass die Umwandlung von RGB zu HSL und zurück einen Kanal durch Rundung um ein oder zwei Punkte verschieben kann - das ist normal und passiert bei jedem Farbwerkzeug, das HSL unterstützt.
Wie wird die Farbtonleiter erzeugt?
Indem Farbton und Sättigung der Farbe fest bleiben und nur ihre Helligkeit im HSL-Raum variiert wird, von nahezu Schwarz bis nahezu Weiß. Es ist eine einfache, vorhersehbare Leiter statt einer wahrnehmungsgleichmäßigen (die einen komplexeren Farbraum bräuchte) - so, wie sie die meisten gängigen Farbwerkzeuge anbieten.