JSON und YAML
Zwischen JSON und YAML umwandeln.
Farbumrechner
Rechne eine Farbe zwischen HEX, RGB, HSL, HSV und CMYK um und prüfe ihren Textkontrast.
- HEX
- #4f46e5
- RGB
- rgb(79, 70, 229)
- HSL
- hsl(243, 75%, 59%)
- HSV
- hsv(243, 69%, 90%)
- CMYK
- cmyk(66%, 69%, 0%, 10%)
Textkontrast (WCAG)
- Weißer Text auf dieser Farbe
- 6.29:1 Besteht AA
- Schwarzer Text auf dieser Farbe
- 3.34:1 Nur großer Text
Deine Dateien bleiben auf deinem Gerät
So funktioniert es
- 1Gib eine Farbe in einem beliebigen Format ein oder wähle eine mit dem Farbwähler.
- 2Lies dieselbe Farbe in HEX, RGB, HSL, HSV und CMYK ab.
- 3Kopiere das Format, das du brauchst.
- 4Prüfe die Kontrastzeilen, um zu sehen, ob weißer oder schwarzer Text darauf lesbar ist.
Was die Optionen bewirken
- Akzeptierte Eingabe
- #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() und CSS-Farbnamen wie tomato.
- Kontrast
- Das WCAG-Verhältnis gegenüber Weiß und Schwarz. 4,5:1 erfüllt AA für normalen Text, 3:1 für großen Text.
Datenschutz
Alles läuft in deinem Browser. Nichts, was du eingibst, wird an einen Server gesendet.
Häufige Fragen
Ist der CMYK-Wert für den Druck exakt?
Nein. Es ist eine einfache mathematische Umrechnung aus RGB. Druckereien nutzen Farbprofile, daher sieht ein Andruck anders aus, besonders bei leuchtenden Blau- und Grüntönen.
Was ist der Unterschied zwischen HSL und HSV?
Beide beschreiben Farbton, Sättigung und eine Helligkeitsachse. Bei HSL ist Helligkeit 100 Prozent immer Weiß. Bei HSV ist der Wert 100 Prozent die hellste Version der Farbe. Design-Tools nutzen oft HSV, CSS nutzt HSL.
Was bedeutet das achtstellige Hex?
Die letzten zwei Ziffern sind die Deckkraft, von 00 (durchsichtig) bis ff (deckend). #4f46e580 ist zu etwa 50 Prozent deckend.
Warum funktioniert ein Farbname nicht?
Nur benannte CSS-Farben werden erkannt, wie tomato oder rebeccapurple. Namen aus Design-Tools nicht.
Welchen Kontrast brauche ich?
WCAG AA verlangt 4,5:1 für Fließtext und 3:1 für großen Text und Bedienelemente. AAA verlangt 7:1 für Fließtext.