omid57

Farben umrechnen (HEX, RGB, HSL)

Farben zwischen HEX, RGB, HSL und CMYK umrechnen, Farben visuell auswählen und den WCAG-Kontrast zu weißer und schwarzer Schrift prüfen.

Aktualisiert am 11. Oktober 2026 Von

Läuft in Ihrem Browser Kostenlos · Ohne Anmeldung

Tool wird geladen …

So verwenden Sie: Farben umrechnen (HEX, RGB, HSL)

  1. Geben Sie eine Farbe wie #1d4ed8 oder rgb(29, 78, 216) ein oder nutzen Sie den Farbwähler.
  2. Kopieren Sie den HEX-, RGB-, HSL- oder CMYK-Wert.
  3. Prüfen Sie die Kontrastwerte, um gut lesbare Textfarben zu wählen.

Über dieses Tool

Designer und Entwickler brauchen dieselbe Farbe oft in mehreren Formaten. Geben Sie einen HEX-, RGB- oder HSL-Wert ein oder nutzen Sie den Farbwähler und kopieren Sie das benötigte Format. Die Kontrastprüfung zeigt, ob Text auf dieser Farbe gut lesbar ist.

  • Privat: Ihre Daten werden auf Ihrem Gerät verarbeitet und nie hochgeladen.
  • Kostenlos, ohne Konto, ohne Limits und ohne Wasserzeichen.
  • Schnell: Ergebnisse erscheinen sofort – nach dem Laden sogar offline.

Was dieses Tool kann

Dieser Farbumrechner wandelt jede Farbe zwischen HEX, RGB, HSL und CMYK um. Geben Sie einen Wert in einem der gängigen Formate ein – #1d4ed8, rgb(29, 78, 216) oder hsl(224, 76%, 48%) – oder wählen Sie eine Farbe mit dem Farbwähler, und alle anderen Formate erscheinen sofort, bereit zum Kopieren.

Zusätzlich prüft das Tool die Barrierefreiheit. Für jede Farbe berechnet es das Kontrastverhältnis zu weißer und zu schwarzer Schrift und bewertet es nach den Web Content Accessibility Guidelines (WCAG): AAA, AA, AA nur für große Schrift oder nicht bestanden. So sehen Sie auf einen Blick, ob Text auf einem Button, Banner oder Hintergrund für alle gut lesbar ist.

Alles läuft in Ihrem Browser – das ist schnell und funktioniert nach dem Laden der Seite auch offline.

Wann es sich lohnt

  • Webdesign und CSS

    Rechnen Sie Farben aus einer Designdatei in das Format Ihres Stylesheets um oder passen Sie die Helligkeit in HSL an.

  • Markenrichtlinien

    Dokumentieren Sie eine Markenfarbe in HEX, RGB und CMYK, damit sie auf dem Bildschirm und im Druck einheitlich verwendet wird.

  • Barrierefreiheit prüfen

    Stellen Sie sicher, dass Text und Buttons die WCAG-Kontrastanforderungen erfüllen, bevor eine Website live geht.

  • Präsentationen und Office-Dokumente

    PowerPoint, Word und Canva verlangen oft RGB- oder HEX-Werte – rechnen Sie sie in Sekunden um.

Tipps für das beste Ergebnis

  • Erstellen Sie hellere oder dunklere Varianten einer Farbe mit HSL: Farbton und Sättigung beibehalten, nur die Helligkeit ändern.
  • Streben Sie für Fließtext ein Kontrastverhältnis von mindestens 4,5:1 (AA) an; große Überschriften brauchen mindestens 3:1.
  • Die CMYK-Werte hier sind eine mathematische Umrechnung. Für den professionellen Druck fragen Sie Ihre Druckerei nach Werten auf Basis ihres Farbprofils.
  • Bildschirme stellen Farben unterschiedlich dar; prüfen Sie wichtige Farben auf mehreren Geräten.
  • Dreistellige HEX-Codes wie #fa0 sind eine Kurzform für #ffaa00 und werden ebenfalls erkannt.

So funktioniert das Tool

HEX ist einfach RGB in hexadezimaler Schreibweise: Jedes Ziffernpaar steht für einen Kanal von 00 bis FF (0 bis 255). HSL beschreibt dieselbe Farbe über Farbton (0–360°), Sättigung und Helligkeit, was beim Erstellen von Varianten intuitiver ist. CMYK wird mit der Standardformel K = 1 − max(R, G, B) aus RGB abgeleitet, C, M und Y relativ zur verbleibenden Helligkeit.

Der Kontrast wird mit der WCAG-Formel berechnet: Aus den gammakorrigierten RGB-Werten beider Farben wird die relative Leuchtdichte ermittelt, und das Verhältnis (L1 + 0,05) ÷ (L2 + 0,05) reicht von 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß).

Ein Verhältnis von 7:1 oder mehr erfüllt AAA, 4,5:1 erfüllt AA für normale Schrift und 3:1 erfüllt AA für große Schrift (etwa 24 px oder 19 px fett).

Häufige Fragen

Wie rechne ich HEX in RGB um?

Die sechs Stellen in drei Paare teilen und jedes Paar von hexadezimal in dezimal umrechnen: #1d4ed8 → 1d = 29, 4e = 78, d8 = 216, also rgb(29, 78, 216).

Ist der CMYK-Wert druckgenau?

Nein, es ist eine einfache mathematische Umrechnung. Im professionellen Druck werden Farbprofile verwendet – fragen Sie Ihre Druckerei nach exakten Werten.

Was ist der Unterschied zwischen RGB und CMYK?

RGB mischt Licht für Bildschirme (Rot, Grün, Blau). CMYK mischt Druckfarben (Cyan, Magenta, Gelb, Schwarz). Manche leuchtenden Bildschirmfarben lassen sich nicht exakt drucken.

Was bedeutet die WCAG-Kontrastbewertung?

Sie zeigt, ob Text in dieser Farbkombination für Menschen mit eingeschränktem Sehvermögen lesbar ist. AA ist das übliche rechtliche und branchenübliche Minimum, AAA ist strenger.

Ratgeber zu diesem Tool