Farbumwandlung

Wandelt HEX, RGB und HSL um und prüft den Kontrast. HEX zu RGB in einer Richtung bleibt bei Hex zu RGB

Was diese Seite macht

Dieselbe Farbe kann als HEX, RGB oder HSL stehen. Diese Seite hält die drei zusammen und prüft den Kontrast gegen ein zweites HEX. HEX zu RGB in einer Richtung bleibt bei Hex zu RGB.

So geht es

  1. Tippen Sie eine HEX-Farbe, oder R, G und B, oder H, S und L. Die anderen Felder und das Farbfeld aktualisieren sich beim Tippen. Es gibt keinen Umwandeln-Knopf.
  2. Vergleichen mit ist das zweite HEX für den Kontrast.
  3. Beispiel anzeigen setzt Vergleichen mit auf #e8f0f6 und HEX auf #112233. R ist 17, G ist 34, B ist 51. H ist 210, S ist 50, L ist 13. Das Verhältnis ist 14.02:1. Normaler Text AA, AAA und großer Text AA bestehen.
  4. Alles löschen leert alle Felder, das Farbfeld und das Verhältnis.

Regeln und Grenzen

#RGB wird erweitert, indem jede Ziffer verdoppelt wird, also ist #123 gleich #112233. Ein Wert, der nicht 3 oder 6 Hex-Ziffern hat, stoppt mit einem Fehler. H ist 0 bis 360, S und L sind 0 bis 100, R, G und B sind 0 bis 255. Der Kontrast nutzt die relative Leuchtdichte nach WCAG. AA für normalen Text ist 4.5:1, AAA ist 7:1, AA für großen Text ist 3:1. Ein leeres Vergleichen-mit-Feld blendet das Verhältnis aus.

Wo man es nutzt

  • Ein dunkles HEX in HSL wandeln.
  • Ein dunkles Blau auf hellem Grund prüfen.
  • Dieselbe Farbe als 17, 34, 51 lesen.

Fragen

Wandelt diese Seite HSB, HWB oder CMYK um?

Nein. Sie wandelt HEX, RGB und HSL um und zeigt den Kontrast.

Warum bestehen alle drei Stufen?

14.02:1 liegt über 7, deshalb bestehen normaler Text AA, AAA und großer Text AA für #112233 auf #e8f0f6.