Menü
Dev Tools

Farbumrechner: HEX, RGB, HSL kostenlos online

Farben sofort in Ihrem Browser zwischen HEX, RGB und HSL umrechnen. Kostenlos, ohne Anmeldung.

Dateien werden nie gespeichertSofortOhne Anmeldung

So rechnen Sie Farben online um

  1. 1

    Farbe eingeben oder auswählen

    Klicken Sie auf das Farbfeld, um die visuelle Farbauswahl zu nutzen, oder geben Sie einen HEX- (z. B. #2E75B6), RGB- (z. B. 46, 117, 182) oder HSL-Wert (z. B. 211, 60%, 45%) in das passende Feld ein.

  2. 2

    Alle drei Formate sofort sehen

    Die Felder HEX, RGB und HSL werden sofort aktualisiert, während Sie tippen oder eine Farbe wählen.

  3. 3

    Wert kopieren

    Klicken Sie neben einem Feld auf „Kopieren“, um den Farbwert in die Zwischenablage zu übernehmen.

Webfarben lassen sich je nach Kontext in verschiedenen Formaten angeben. CSS unterstützt HEX, RGB, RGBA, HSL und HSLA; Designtools wie Figma und Sketch nutzen in ihrer Farbauswahl meist HSL und exportieren für die Übergabe HEX.

HEX ist das kompakteste Format und in CSS, HTML und Designsoftware überall gültig. Die dreistellige Kurzform (#abc) wird zu sechs Stellen (#aabbcc) erweitert. RGB (Rot, Grün, Blau) gibt jeden Kanal von 0 bis 255 an und entspricht der Art, wie Bildschirme Licht abstrahlen.

HSL (Farbton, Sättigung, Helligkeit) ist das für Menschen intuitivste Format: Der Farbton ist ein Winkel auf dem Farbkreis (0° = Rot, 120° = Grün, 240° = Blau), die Sättigung bestimmt, wie kräftig die Farbe ist (0 % = Grau), und die Helligkeit, wie hell sie ist (0 % = Schwarz, 100 % = Weiß). Wer nur die Helligkeit variiert, erhält natürliche Farbabstufungen.

Häufig gestellte Fragen

Das könnte Sie auch interessieren