Farbkonverter

Wandle Farben zwischen HEX, RGB, RGBA, HSL und HSLA um und kopiere die normalisierten Werte direkt.

✓ Viele Berechnungen laufen lokal im Browser

Farbwert

Der Farbwert wird ausschließlich lokal im Browser verarbeitet und nicht gespeichert.

Wofür du das Tool einsetzen kannst

Übertrage eine HEX-Farbe in RGB- und HSL-Schreibweise.
Kontrolliere Farbwerte aus einem Stylesheet anhand einer visuellen Vorschau.

So funktioniert es

Füge einen gültigen HEX-, RGB-, RGBA-, HSL- oder HSLA-Wert ein.
Starte die Umwandlung.
Prüfe Farbe und Transparenz in der Vorschau.
Kopiere das benötigte Format mit dem jeweiligen Kopierbutton.

Methode und Rechenweg

HEX und RGB beschreiben die Farbkanäle direkt. HSL beschreibt Farbton, Sättigung und Helligkeit; RGBA und HSLA ergänzen einen Alpha-Wert für Transparenz.

Beispiele

Die Beispiele zeigen konkrete Eingaben und die dazu erwartete Ausgabe.

HEX

Eingabe

#4f46e5

Erwartete Ausgabe

HEX: #4F46E5
RGB: rgb(79, 70, 229)
HSL: hsl(243, 75%, 59%)

RGBA

Eingabe

rgba(79, 70, 229, 0.8)

Erwartete Ausgabe

HEX mit Alpha: #4F46E5CC
RGBA: rgba(79, 70, 229, 0.8)
HSLA: hsla(243, 75%, 59%, 0.8)

Häufige Fehler

HEX muss 3, 4, 6 oder 8 gültige Hexadezimalzeichen enthalten.
RGB-Werte müssen zwischen 0 und 255 liegen.
Der Alpha-Wert muss zwischen 0 und 1 liegen.
Sättigung und Helligkeit müssen zwischen 0 % und 100 % liegen.

Grenzen des Ergebnisses

Die Vorschau hängt von Browser und Bildschirmdarstellung ab.
Das Tool führt keine Farbprofil- oder Druckfarbkonvertierung durch.
Ein gültiger Farbwert garantiert keinen ausreichenden Textkontrast.

Datenschutz-Hinweis: Die Umrechnung erfolgt lokal im Browser.

Häufige Fragen

Welche HEX-Längen werden unterstützt?

Unterstützt werden die kurzen Formen #RGB und #RGBA sowie #RRGGBB und #RRGGBBAA.

Was bedeutet der Alpha-Wert?

Alpha beschreibt die Deckkraft. 0 ist vollständig transparent, 1 vollständig deckend.

Warum sieht eine Farbe auf verschiedenen Bildschirmen anders aus?

Bildschirme, Helligkeit, Farbprofile und Browserdarstellung können die sichtbare Wirkung beeinflussen. Das Tool rechnet nur die numerischen Farbwerte um.

Prüft der Farbkonverter den Kontrast?

Nein. Dafür gibt es das separate Kontrast-Tool.

Werden Farbwerte an einen Server gesendet?

Nein. Die Umrechnung erfolgt lokal im Browser.