Toolzi LogoToolzi

HEX zu RGB Konverter

Konvertiere HEX-, RGB- und HSL-Farbcodes sofort.

Farbvorschau
HEX
RGB
HSL

Was sind HEX, RGB und HSL?

HEX, RGB und HSL sind drei gängige Methoden zur Darstellung von Farben in der Webentwicklung. HEX verwendet einen 6-stelligen Hexadezimalcode, RGB verwendet Rot/Grün/Blau-Werte (0–255) und HSL verwendet Farbton (0–360°), Sättigung und Helligkeit (0–100%).

HEX vs RGB vs HSL — Wann was verwenden?

HEX

Kompaktes Format. Häufig in CSS für statische Farben und Design-Tools verwendet. Beispiel: #ff5733

RGB

Nützlich zur Steuerung der Deckkraft mit rgba(). Entspricht direkt den Bildschirmfarbkanälen. Beispiel: rgb(255, 87, 51)

HSL

Intuitifstes Format für Menschen. Einfache Anpassung von Helligkeit oder Sättigung per Code. Ideal für Theming. Beispiel: hsl(11, 100%, 60%)

So konvertierst du Farbcodes

Klicke auf den Farbwähler oder gib Werte direkt in die HEX-, RGB- oder HSL-Felder ein. Alle anderen Formate werden sofort aktualisiert. Verwende die Kopieren-Schaltflächen, um jedes Format in die Zwischenablage zu kopieren.

Häufig gestellte Fragen

Was ist ein HEX-Farbcode?
Ein HEX-Farbcode ist eine 6-stellige Hexadezimalzahl (z.B. #ff5733), die die Rot-, Grün- und Blaukomponenten einer Farbe darstellt, jeweils von 00 bis ff.
Wie konvertiere ich HEX zu RGB?
Teile die 6-stellige HEX in drei 2-stellige Paare auf und konvertiere jedes von Basis 16 zu Basis 10. Beispiel: #ff5733 → R:255, G:87, B:51.
Was ist HSL-Farbe?
HSL steht für Farbton (Hue, 0–360°), Sättigung (Saturation, 0–100%) und Helligkeit (Lightness, 0–100%). Es ist ein intuitiveres Format für Menschen.
Welches Farbformat sollte ich in CSS verwenden?
Alle drei sind in CSS gültig. HEX für statische Farben, HSL für Theming und RGB wenn du rgba() für Deckkraft benötigst.
Kann ich einen 3-stelligen HEX-Code konvertieren?
Ja. Ein 3-stelliges HEX (z.B. #f53) ist eine Kurzform für #ff5533. Jede Stelle wird verdoppelt.
Warum zeigt der HSL-Farbton bei Grautönen 0 an?
Graue Farben haben 0% Sättigung, daher ist der Farbton undefiniert und wird standardmäßig als 0 angezeigt. Dies ist normales Verhalten.
Ist dieser Farbkonverter genau?
Ja. Die Konvertierungen verwenden Standardformeln und sind für alle gültigen Farbeingaben korrekt.

Verwandte Tools

Color Extractor →CSS Gradient Generator →