Farbcode-Konverter

Wandle Farben zwischen HEX, RGB und HSL um — mit Farbwähler und Live-Vorschau.

✓Läuft komplett im Browser✓Ohne Anmeldung✓DSGVO-konform

Farbwähler

HEX

RGB

HSL

Gut zu wissen

HEX und RGB beschreiben dieselbe Farbe über Rot-, Grün- und Blauanteile; HSL beschreibt sie über Farbton, Sättigung und Helligkeit — oft intuitiver zum Anpassen. Änderungen in einem Feld aktualisieren die anderen automatisch.

Der Farbcode-Umrechner wandelt Farben zwischen den gängigen Formaten HEX, RGB und HSL um. Ideal für Webdesign, CSS und Grafik — wähle eine Farbe oder gib einen Wert ein und erhalte sofort alle Schreibweisen.

So funktioniert's

Nutze den Farbwähler oder trage einen Wert ein (z. B. einen HEX-Code). Der Umrechner zeigt dieselbe Farbe direkt in allen Formaten zum Kopieren an.

Beispiel

Das kräftige Blau #2F6BF6 entspricht rgb(47, 107, 246) und in HSL etwa hsl(219, 91%, 57%) — dieselbe Farbe, nur unterschiedlich beschrieben.

Häufige Fragen

Was bedeutet ein HEX-Farbcode?

Ein HEX-Code wie #2F6BF6 beschreibt eine Farbe über drei Paare aus Hexadezimalziffern für Rot, Grün und Blau (jeweils 00–FF, also 0–255). Es ist die kompakteste Schreibweise und Standard im Web.

Was ist der Unterschied zwischen RGB und HSL?

RGB mischt die Farbe aus Rot-, Grün- und Blauanteil. HSL beschreibt sie über Farbton, Sättigung und Helligkeit — das ist oft intuitiver, wenn man eine Farbe gezielt heller, dunkler oder blasser machen will.

Wie gebe ich Transparenz an?

Über RGBA oder HEX mit acht Stellen wird ein Alphawert für die Deckkraft ergänzt. 00 ist vollständig transparent, FF vollständig deckend.

Passende Tools

CSS Farbverlauf-Generator Farbpalette-Generator CSS Box-Shadow-Generator Zahlensystem-Umrechner Bild-Format-Konverter Wasserzeichen hinzufügen