Farben & Design
Farbcode-Umrechner
Jedes Farbformat, das Sie brauchen – live umgerechnet, mit Vorschau.
| HEX | | |
|---|---|---|
| RGB | | |
| HSL | | |
| OKLCH | |
Geben Sie einen HEX-Code, einen rgb()- oder hsl()-Wert oder einfach einen CSS-Farbnamen wie „teal“ ein – der Umrechner zeigt dieselbe Farbe sofort in HEX, RGB, HSL und OKLCH, dem modernen Farbraum, den inzwischen alle aktuellen Browser unterstützen. Eine Live-Vorschau bestätigt, dass Sie den richtigen Farbton getroffen haben, und jeder Wert lässt sich mit einem Klick kopieren – bereit für Ihr Stylesheet, Ihr Designtool oder Ihre Markenrichtlinien. So übersetzen Sie im Handumdrehen den HEX-Wert aus dem Design in bequem anpassbares HSL oder stellen eine ganze Palette auf OKLCH um, ohne selbst zu rechnen. Kostenlos, ohne Konto – und nichts verlässt jemals Ihr Gerät.
Wie funktioniert es?
- Geben Sie eine Farbe ein (HEX, rgb(), hsl(), CSS-Name) oder nutzen Sie den visuellen Farbwähler.
- Die Werte für HEX, RGB, HSL und OKLCH aktualisieren sich während der Eingabe.
- Prüfen Sie den Farbton in der Live-Vorschau.
- Kopieren Sie das gewünschte Format mit einem Klick.
Häufige Fragen
Welche Eingabeformate werden unterstützt?
HEX-Codes mit 3, 6 oder 8 Stellen (#f00, #ff0000, #ff0000cc), rgb() und rgba(), hsl() und hsla() sowie alle benannten CSS-Farben (red, rebeccapurple, teal …).
Was ist OKLCH – und warum lohnt sich der Umstieg?
OKLCH ist ein wahrnehmungsgleicher Farbraum: Farben mit demselben Helligkeitswert wirken tatsächlich gleich hell. Er wird von allen modernen Browsern unterstützt und macht konsistente CSS-Paletten deutlich einfacher als HSL.
Wann ist HSL praktischer als HEX?
HSL beschreibt eine Farbe über Farbton, Sättigung und Helligkeit und ist dadurch gut lesbar: Hellere, dunklere oder gedecktere Varianten entstehen durch das Ändern einer einzigen Zahl – statt HEX-Codes zu erraten.
Kann ich auch Farben mit Transparenz umrechnen?
Ja – geben Sie einen 8-stelligen HEX-Code oder einen rgba()-/hsla()-Wert ein. Der Alpha-Kanal wird in jedes Format übernommen, das ihn unterstützt.