Farbkonverter — HEX, RGB, HSL, OKLCH

Eine CSS-Farbe einfügen und alle Formate gleichzeitig erhalten: HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH und color(). Alpha- und Gamut-bewusst. Im Browser konvertiert, nie gesendet.

Laden…
Farbkonverter
HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH, CSS color() oder eine benannte CSS-Farbe einfügen und alle anderen Formate gleichzeitig erhalten. Alpha- und Gamut-bewusst, mit teilbarer URL.

Entwicklerhinweise

colorjs.io ist der einzige Parser/Konverter: kein chroma-js, tinycolor2 oder culori. Alpha multipliziert das eigene Alpha der eingefügten Farbe, sodass ein eingefügtes rgba(...) bei alphaValue=1 (Standard) sein Alpha behält. HWB und der Block LAB/LCH/OKLAB/OKLCH/color() tragen nie ein Alpha-Suffix. Nur rgba, hsla, hex8 und color() spiegeln alphaValue. Out-of-Gamut-Farben nutzen den CSS-Color-4-Gamut-Mapping-Algorithmus, wenn gamutFallback aktiv ist; deaktiviert wird ein naiver Kanal-Clip gezeigt. Genauigkeit rundet nur LAB/LCH/OKLAB/OKLCH/color()-Kanäle. HEX/RGB/HSL sind per Definition fix.

Optionen

  • Alpha — Multipliziert das eigene Alpha der eingefügten Farbe. Berechnet Alpha für rgba, hsla, hex8 und color() neu; hex6 und einfaches HSL bleiben unverändert. Standard 1 (behält eingefügtes Alpha).
  • Moderne Formate — Zeigt oder blendet den Block LAB / LCH / OKLAB / OKLCH / color() aus. HEX/RGB(A)/HSL(A)/HWB bleiben immer sichtbar. Standard an.
  • Gamut-Fallback — Zeigt ein sichtbares Badge und einen gamut-gemappten sRGB-Wert für Weitgamut-Eingaben. Deaktiviert werden nur die rohen, möglicherweise abgeschnittenen Werte gezeigt. Standard an.
  • Genauigkeit — Dezimalstellen für LAB/LCH/OKLAB/OKLCH/color()-Zahlenkanäle. Gilt nicht für HEX mit festen Ziffern und nicht für RGB/HSL mit Ganzzahlen und Prozentwerten. Standard 2.

Verwandte CSS-Tools

Hub: Farb- & CSS-Tools. Prüfen Sie den Kontrast mit dem WCAG-Farbkontrast-Prüfer oder verkleinern und formatieren Sie Stylesheets mit CSS minimieren und Verschönern CSS.

FAQ zum Farbkonverter

Lokaler universeller Farbkonverter

Welche Farbformate kann ich einfügen?

HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH, CSS color() einschließlich display-p3 und benannte CSS-Farben. Ein Format-Umschalter ist nicht nötig.

Werden meine Farben irgendwohin hochgeladen?

Nein. Parsing und Konvertierung laufen vollständig in Ihrem Browser über colorjs.io. FastMinify sendet Farben nie an einen Server.

Was passiert mit Out-of-Gamut-Farben?

Ein Badge erscheint. Bei aktivem gamutFallback zeigen die Zeilen HEX/RGB/HSL einen nach CSS Color 4 gemappten sRGB-Wert. Er ist getrennt vom rohen Weitgamut-Wert im modernen Block gekennzeichnet.

Gilt Alpha für jedes Format?

Alpha spiegelt sich in rgba, hsla, hex8 und color(). HWB und die LAB/LCH/OKLAB/OKLCH-Kanäle bleiben ohne Alpha.

Farb- & CSS-Tools

Lokal eingefügte WCAG-Kontrastprüfung mit moderner CSS-Farbsyntax — Paar- und Matrixansicht, nie hochgeladen.

Weitere Werkzeugkategorien entdecken