Zum Hauptinhalt springen

Farb-Konverter

HEX-, RGB- und HSL-Farbcodes in Echtzeit umwandeln, mit Live-Vorschau.

Vorschau

Online-Farb-Konverter

Webdesign wechselt ständig zwischen Farbnotationen: ein Mockup liefert HEX, CSS will HSL zum Anpassen der Helligkeit, oder Code braucht RGB-Werte. Dieser Farb-Konverter wandelt HEX, RGB und HSL in Echtzeit mit Live-Vorschau um — ändere einen, die anderen beiden aktualisieren sich sofort.

So funktioniert es

  1. Gib eine Farbe in ein beliebiges Feld ein (HEX, RGB oder HSL).
  2. Die anderen beiden Formate und die Vorschau aktualisieren sich sofort.
  3. Kopiere das benötigte Format in dein CSS oder Design-Tool.

Typische Anwendungsfälle

  • Das HEX eines Mockups in das gewünschte HSL für CSS umwandeln.
  • Mit HSL helle/dunkle Varianten eines Farbtons feinjustieren.
  • RGB-Werte für die Nutzung im Code erhalten.

Häufig gestellte Fragen

Was ist der Unterschied zwischen HEX, RGB und HSL?

HEX ist der hexadezimale Web-Code (#RRGGBB); RGB nutzt Rot/Grün/Blau 0–255; HSL nutzt Farbton, Sättigung und Helligkeit, was zum Anpassen eines Farbtons intuitiver ist. Alle drei sind ineinander umwandelbar.

Wird Transparenz (Alpha) unterstützt?

Dieses Tool konzentriert sich auf die drei Basisdarstellungen HEX/RGB/HSL; für RGBA/HSLA kannst du bei Bedarf einen Alphawert ergänzen.

Ist die Umwandlung genau?

Ja. Sie nutzt Standard-Farbformeln. HEX und RGB entsprechen sich exakt; HSL kann minimal runden, für das Auge nicht wahrnehmbar.