Farben zwischen Formaten umrechnen
Geben Sie eine Farbe in einem beliebigen CSS-Format ein – einen HEX-Code wie #3B82F6 oder #38F, rgb() oder rgba(), hsl() oder einen Namen wie tomato – oder wählen Sie sie mit dem Farbwähler aus. Das Tool zeigt dieselbe Farbe als HEX, RGB, HSL, HSV und CMYK an, bereit zum Kopieren in Ihr CSS, Ihr Designprogramm oder Ihre Druckeinstellungen.
Außerdem sehen Sie, wie gut weißer oder schwarzer Text auf dieser Farbe lesbar ist, als WCAG-Kontrastverhältnis: 4.5:1 oder mehr erfüllt Stufe AA für normalen Text. Die Farbe wird von Ihrem Browser genau so gelesen, wie CSS sie interpretieren würde.
Warum diesen Farbkonverter verwenden?
- HEX, RGB, HSL, HSV und CMYK an einem Ort
- Akzeptiert jedes CSS-Farbformat und jeden Farbnamen
- Transparenz (Alpha) wird unterstützt
- WCAG-Kontrast zu weißem und schwarzem Text
So rechnen Sie eine Farbe um
- Geben Sie eine Farbe ein, fügen Sie sie ein oder wählen Sie sie mit dem Farbwähler aus
- Sehen Sie die Farbe in allen Formaten neben ihrer Vorschau
- Klicken Sie auf die Kopierschaltfläche neben dem gewünschten Format
Häufig gestellte Fragen
Ist dieser Farbkonverter kostenlos?
Ja, er ist völlig kostenlos und funktioniert in Ihrem Browser.
Was ist der Unterschied zwischen RGB, HSL und HSV?
RGB mischt rotes, grünes und blaues Licht (jeweils 0–255). HSL und HSV beschreiben dieselbe Farbe über Farbton (0–360°), Sättigung und Helligkeit (Lightness bzw. Value), was es einfacher macht, hellere, dunklere oder gedämpftere Varianten zu erstellen.
Was bedeutet das Kontrastverhältnis?
Es vergleicht die Helligkeit von Text- und Hintergrundfarbe (WCAG 2). Für normalen Text ist auf Stufe AA ein Verhältnis von mindestens 4.5:1 erforderlich, für großen Text 3:1; je höher, desto besser lesbar.
Wird etwas an einen Server gesendet?
Nein. Alles wird in Ihrem Browser berechnet.