HEX-zu-RGB-Konverter
Konvertiere zwischen HEX, RGB und HSL mit Live-Vorschau und Ein-Klick-Kopie.
Was ist das?
Ein Farbkonverter übersetzt einen Farbcode von einer Notation in eine andere — für HTML, CSS, Designtools und Druck. Unser HEX-RGB-Konverter akzeptiert 3-, 6- und 8-stellige Werte (mit oder ohne Raute) und zeigt sofort RGB, RGBA und HSL. Dazu eine große Vorschau, die passende Textfarbe (Schwarz/Weiß) und der nächstliegende CSS-Name. Alles im Browser, perfekt für Designer und Entwickler.
So wird es verwendet
- HEX-Farbe eingeben oder einfügen, z. B. #3366ff oder 36f.
- RGB, RGBA und HSL erscheinen mit Vorschau.
- Color Picker nutzen, um die Farbe visuell zu wählen.
- Werte per Klick kopieren (CSS, Figma, Sketch, Druck).
- Alpha-Regler für Transparenz — RGBA und 8-stelliges HEX.
Warum dieses Tool
Designer, Frontend-Entwickler und Marketer arbeiten oft mit mehreren Formaten gleichzeitig. Brand-Guides nutzen HEX, A11y-Tools rechnen Kontrast in RGB, CSS-Animationen wirken in HSL flüssiger. Manuell ist das mühsam und fehleranfällig, vor allem mit Alpha. Unser Tool synchronisiert alle Notationen live. Die Vorschau zeigt die echte Farbe; die Textfarbenempfehlung hilft bei Buttons und Badges. Da alles lokal läuft, bleiben Marken-HEX-Werte vertraulich.
Häufige Fragen
Welche HEX-Formate werden unterstützt?
3-stellig (#36f), 6-stellig (#3366ff), 8-stellig (#3366ffcc), mit oder ohne Raute.
Wie wandle ich HEX manuell in RGB um?
In drei Paare zerlegen (RR, GG, BB) und jeweils von hex in dezimal umrechnen.
Transparente Farben möglich?
Ja. Mit dem Alpha-Regler erhältst du RGBA und 8-stelliges HEX.
Warum HSL statt RGB?
HSL ist intuitiver für Ton/Helligkeit — gut für barrierefreie Paletten und weiche Animationen.
Ist der Konverter kostenlos?
Ja. Vollständig kostenlos, ohne Anmeldung und ohne Tracking deiner Farben.