CSS & Farbe

Farb-Konverter

Farben zwischen HEX, RGB, HSL und OKLCH konvertieren mit Live-Vorschau und Farbton-Schieberegler.

Your data stays on your deviceNo upload, no serverWorks offline

Hex

#1a7a3d

RGB

rgb(26, 122, 61)

HSL

hsl(142, 65%, 29%)

OKLCH

oklch(51.1% 0.1277 150.5)

Warum dieses Tool verwenden

03

Farben in den Formaten HEX, RGB, HSL und OKLCH mit vollständiger D65-Farbmathematik analysieren und konvertieren.

Erkennt das Eingabeformat automatisch und konvertiert gleichzeitig in HEX, RGB, HSL und OKLCH.

Den Farbton-Schieberegler verwenden, um Variationen zu erkunden und dabei Helligkeit und Chroma beizubehalten.

So wird's verwendet

03
01Einen beliebigen Farbwert einfügen: #hex, rgb(), rgba(), hsl(), hsla() oder oklch().
02Das Ergebnis im benötigten Format kopieren.
03Den Farbton-Regler ziehen, um verwandte Farbtöne zu erkunden.

Schnellcheck vor dem Kopieren

03

Confirm the input is the format you intended.

Scan the result before using it in a document, URL, config, or message.

Copy only the output you need.

FAQ

03
Welche Formate werden unterstützt?

HEX (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla() und oklch().

Was ist OKLCH?

OKLCH ist ein wahrnehmungsgleichmäßiges Farbmodell, das durch Helligkeit, Chroma und Farbton definiert wird. Es wird von modernem CSS weitgehend unterstützt.

Werden Daten an den Server gesendet?

Nein. Alle Konvertierungen erfolgen lokal im Browser.

Verwandte Tools

02