DevToolbox

Kostenlos Online Color Converter

Farben sofort zwischen HEX, RGB, RGBA, HSL und HSLA umrechnen — kostenloses Online-Tool mit Farbwähler und vordefinierten Farbfeldern. 100% clientseitig.

100% Client-seitig · Ihre Daten verlassen nie Ihren Browser

Anleitung Color Converter

Gib einen Farbwert in das Textfeld ein — HEX, RGB oder HSL werden akzeptiert. Du kannst auch den Farbwähler (das farbige Quadrat) nutzen, um eine Farbe visuell auszuwählen, oder auf einen der vordefinierten Farbfelder klicken, um schnell zu starten.

Klicke auf Konvertieren, um alle sechs Formatdarstellungen sowie das RGBA-Farbfeld zu sehen. Klicke auf das Kopiersymbol neben einem Format, um diesen Wert in die Zwischenablage zu kopieren.

Unterstützte Eingabebeispiele:

  • #FF6B6B oder #f6b (Kurzschreibweise HEX)
  • rgb(255, 107, 107) oder rgba(255, 107, 107, 0.8)
  • hsl(0, 100%, 71%) oder hsla(0, 100%, 71%, 0.5)

Häufig gestellte Fragen

Welche Farbformate unterstützt dieses Tool?

Der Konverter akzeptiert HEX (#RGB, #RRGGBB, #RRGGBBAA), RGB (rgb(r,g,b)), RGBA (rgba(r,g,b,a)), HSL (hsl(h,s%,l%)) und HSLA. Er gibt alle sechs Darstellungen auf einmal aus.

Was ist der Unterschied zwischen RGB und HSL?

RGB beschreibt eine Farbe durch die Intensität von rotem, grünem und blauem Licht (je 0–255). HSL beschreibt Farbe durch den Farbton (0–360°, Position auf dem Farbrad), die Sättigung (0–100%, Farbintensität) und die Helligkeit (0–100%, Leuchtdichte). HSL ist beim manuellen Anpassen von Farben oft intuitiver.

Was ist das HEX8-Format?

HEX8 ist ein 8-stelliger Hex-Code (#RRGGBBAA), der einen Alpha-Kanal (Transparenz) in den letzten beiden Stellen enthält. Zum Beispiel ist #FF000080 ein 50 % transparentes Rot. Es wird in modernem CSS und den meisten Design-Tools unterstützt.

Wie konvertiere ich eine CSS-Hex-Farbe nach RGB?

Den Hex-Code (mit oder ohne das #-Zeichen) in das Eingabefeld einfügen und auf Konvertieren klicken. Die RGB-Werte erscheinen sofort in der Ergebnistabelle.

Was bedeutet der Alpha-Kanal?

Alpha steuert die Transparenz: 0 ist vollständig transparent, 1 (oder 100 %) ist vollständig undurchsichtig. RGBA und HSLA enthalten einen Alpha-Kanal. Der Farbwähler verwendet standardmäßig volle Deckkraft (Alpha = 1).

Verwandte Tools