ToolsMaxxing
Deutsch
EnglishEspañolPortuguêsBahasa Indonesiaहिन्दीবাংলাРусскийTiếng ViệtFrançaisDeutschTürkçeالعربية

Farbumrechner

Übersetze eine Farbe zwischen HEX, RGB, HSL, HSV und CMYK 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

  1. 1Gib eine Farbe in einem beliebigen Format ein oder wähle eine mit dem Farbwähler.
  2. 2Lies dieselbe Farbe in jedem Format ab.
  3. 3Kopiere das, das du brauchst.
  4. 4Prüfe die Kontrastzeilen, um zu sehen, ob Text darauf lesbar ist.

Was die Optionen bewirken

Akzeptierte Eingabe
#rgb, #rrggbb, #rrggbbaa, rgb(), hsl() und CSS-Farbnamen wie tomato.
Kontrast
Das WCAG-Verhältnis gegenüber Weiß und Schwarz. 4,5:1 ist die Stufe AA für normalen Text.

Datenschutz

Alles wird in deinem Browser berechnet. Nichts, was du eingibst, wird an einen Server gesendet.

Häufige Fragen

Welches Format sollte ich auf einer Website verwenden?

Jedes funktioniert in CSS. HEX ist am gebräuchlichsten und kurz. HSL lässt sich von Hand leichter anpassen, da Helligkeit und Sättigung getrennt sind.

Kann ich den CMYK-Wert zum Drucken verwenden?

Nur als grobe Orientierung. Druckereien rechnen mit Farbprofilen um, und leuchtende Bildschirmfarben drucken oft matter.

Was ist die Zahl in einem achtstelligen Hex?

Die letzten zwei Ziffern legen die Deckkraft fest, von 00 (durchsichtig) bis ff (deckend).

Warum wurde meine Farbe nicht erkannt?

Nutze einen gültigen HEX-Code, die Form rgb() oder hsl() oder einen CSS-Farbnamen. Namen aus anderen Tools sind keine CSS-Namen.

Ist das dasselbe Tool wie das in den Entwickler-Tools?

Ja, derselbe Umrechner. Er ist an beiden Stellen aufgeführt, damit du ihn von beiden aus findest.

Ähnliche Tools