Farbkonverter
Wandle eine Farbe live zwischen HEX, RGB, HSL und OKLCH um.
Füge eine Datei hinzu und starte das Tool.
Deine Datei ist bereit.
Versuch eine andere Datei, oder versuch es erneut.
Einstellungen
Passe die Einstellungen unten an. Das Ergebnis aktualisiert sich dabei.
Läuft komplett im Browser. Es wird nichts hochgeladen.
Läuft komplett im Browser. Nichts wird je auf einen Server hochgeladen.
So funktioniert es
Eine Farbe in einem beliebigen Format eingeben oder wählen.
Ihre HEX-, RGB-, HSL- und OKLCH-Werte ablesen.
Den Wert im benötigten Format kopieren.
Häufige Fragen
HEX, RGB (und RGBA), HSL (und HSLA), und OKLCH, mit Umwandlung zwischen allen vieren beim Tippen.
Ein neueres CSS-Farbformat, das auf wahrnehmungsgleichmäßige Änderungen ausgelegt ist: eine gleich große Änderung seiner Werte wirkt wie eine gleich große Änderung von Helligkeit, Buntheit und Farbton - nützlich für konsistente Farbskalen.
Ja: Gib einen Wert mit Alpha ein oder füge ihn ein (wie eine rgba()- oder hsla()-Farbe), und er überträgt sich automatisch auf jedes andere Format.
Nein. Die Umwandlung geschieht vollständig in deinem Browser.
Anleitungen
Ein genauerer Blick auf einzelne Probleme, die dieses Tool löst.
Why a Color Rarely Survives the Trip From One Format to Another
A hex code copied from a design file doesn't stay a hex code for long. It becomes an rgba() for an overlay, an hsl() for a lightness tweak, maybe an oklch() for a newer color scale - and every hand conversion in between is a place for a digit to slip.
Anleitung lesenHow to Convert a Color Between HEX, RGB, HSL, and OKLCH
Paste a color into any of four fields and the other three update immediately. Here is what each field expects, what happens to alpha, and why OKLCH shows more decimal places than the rest.
Anleitung lesenOKLCH vs HSL: What Actually Changes When You Convert a Color Scale
HSL feels intuitive because it separates hue, saturation and lightness into three numbers you can reason about. OKLCH does the same thing, more accurately. Here is the actual difference, and when it is worth converting.
Anleitung lesen
Kommentare