FlinkTools

Farbe umrechnen und Kontrast

Rechne eine Farbe zwischen HEX, RGB, HSL, OKLCH und CSS-Namen um und prüfe zwei Farben gegen die WCAG-Kontraststufen.

Auf deinem Gerät verarbeitet, nie hochgeladen

Farbe

Tippe HEX, rgb(), hsl(), oklch() oder einen CSS-Farbnamen. "#777 auf #fff" prüft ein Paar.
#2F5F8FMittleres Blau

Alle Formate

HEX
#2F5F8F
RGB
rgb(47, 95, 143)
HSL
hsl(210, 51%, 37%)
OKLCH
oklch(0.475 0.094 250.4)
Name
darkslateblueNächster CSS-Name, #483D8B
#2F5F8F (rgb(47, 95, 143)) auf Weiß hat 6.66:1. Besteht AA für jeden Text. #2B5B8A würde auch AAA für normalen Text bestehen.Auf deinem Gerät verarbeitet, nie hochgeladen

Kontrast

6.66:1
#2F5F8F auf #FFFFFF6.66:1Besteht AA für jeden Text
AA · normal textNeeds 4.5:1Bestanden
AA · large textNeeds 3:1Bestanden
AAA · normal textNeeds 7:1Nicht bestanden
AAA · large textNeeds 4.5:1Bestanden

Große Schrift heißt ab 24 px, oder ab 19 px fett.

Nächste Farbe, die AAA für normalen Text besteht#2B5B8A (7.08:1). Gleicher Farbton und gleiche Buntheit, nur die Helligkeit ist anders.

Optionen

Kopieren als
Schreibweise
HEX-Buchstaben

Was es macht

Der Farb-Umrechner zeigt eine Farbe als HEX, RGB und HSL und prüft, ob Text in dieser Farbe auf einem Hintergrund lesbar ist.

So funktioniert es

  1. 1Farbe eingeben oder wählen.
  2. 2Gewünschtes Format kopieren.
  3. 3Kontrast gegen einen Hintergrund prüfen.

Häufige Fragen

Welchen Kontrast brauche ich?

4,5:1 für normalen Text, 3:1 für großen Text (WCAG AA).

Welches Format in CSS?

Jedes. HEX ist am üblichsten.

Entsteht es auf meinem Gerät?

Ja.

ANZEIGE320 × 100