Farbkonverter

HEX ↔ RGB ↔ HSL mit Farbwähler

Lädt…

War dieses Tool hilfreich?

About this tool

Dieses Werkzeug wandelt einen HEX-Farbcode in RGB- und HSL-Werte um und berechnet, ob weißer oder schwarzer Text besser darauf lesbar ist. Außerdem zeigt es eine sechsstufige Palette, die denselben Farbton und dieselbe Sättigung beibehält und nur die Helligkeit variiert - praktisch für die Wahl von Design-Farbtönen.

How to use

  1. Klicken Sie auf den Farbwähler oder geben Sie direkt einen HEX-Wert ein (sowohl 3-stellig als auch 6-stellig funktionieren).
  2. RGB, HSL und eine CSS-Variablen-freundliche Notation (durch Leerzeichen getrenntes R G B) erscheinen direkt darunter.
  3. Klicken Sie auf eine der sechs Helligkeitsvarianten desselben Farbtons, um zu dieser Farbe zu wechseln.
  4. Prüfen Sie unter dem Vorschaufeld, ob weißer oder schwarzer Text mehr Kontrast bietet, und sehen Sie das genaue Kontrastverhältnis.

Frequently asked questions

Welche Farbformate unterstützt dieses Werkzeug?
Es nimmt HEX (3-stellig oder 6-stellig) als Eingabe und wandelt es in RGB, HSL und eine durch Leerzeichen getrennte "R G B"-Notation für CSS-Variablen um (wie in rgb(var(--x) / 0.5)). Druckformate wie CMYK werden nicht unterstützt.
Wie wird das Kontrastverhältnis berechnet?
Es berechnet die relative Leuchtdichte jeder Farbe nach der WCAG-Formel und stellt sie dann weißen und schwarzen Hintergründen gegenüber, um das Kontrastverhältnis zu erhalten. Eine höhere Zahl bedeutet mehr Kontrast und besser lesbaren Text.
Wie werden die sechs Helligkeitsvarianten erzeugt?
Sie behalten den Farbton (H) und die Sättigung (S) der Eingabefarbe unverändert bei und variieren nur die Helligkeit (L) über 90/75/60/45/30/15 %, um die sechsstufige Palette zu erstellen.
Wird der eingegebene Farbwert an einen Server gesendet?
Nein. Die gesamte Umwandlung und Kontrastberechnung erfolgt in Ihrem Browser und wird nie an einen Server gesendet.

Ähnliche Tools