Konvertiere RGB-Farben in einem Schritt zu HSL. Gib einen RGB-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in HSL, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn HSL die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen.
Zehn Formate: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK und Display P3. Jedes davon kann als Quell- oder Zielformat dienen, sodass es 90 Konvertierungsrichtungen gibt. Die Ergebnisse verwenden die moderne CSS-Color-4-Syntax, zum Beispiel rgb(255 136 0) oder oklch(0.7442 0.1812 56.46).
Gib die vollständige CSS-Notation des Quellformats ein, zum Beispiel hsl(32 100% 50%) oder color(display-p3 1 0.5 0), oder nur die Zahlen, etwa 32, 100%, 50%, wenn HSL ausgewählt ist. Hex-Codes funktionieren mit oder ohne # und mit 3, 4, 6 oder 8 Ziffern. Der Wert muss zum ausgewählten Quellformat passen. Ein rgb()-Wert auf einer HSL-Seite wird daher abgelehnt, statt versehentlich konvertiert zu werden.
culori unterstützt keinen CMYK-Modus. Deshalb verwendet der Konverter die übliche einfache Formel mit sRGB-Werten von 0 bis 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K) und entsprechend für M und Y. In umgekehrter Richtung gilt R = (1 - C) x (1 - K) und so weiter. Das ist keine ICC-Profilkonvertierung und entspricht daher nicht der Ausgabe einer bestimmten Druckmaschine oder eines bestimmten Papiers. Verwende sie für Bildschirmnäherungen und grobe Spezifikationen.
Verwende cmyk(0%, 47%, 100%, 0%), geräte-cmyk(0 0.47 1 0) oder vier reine Zahlen. Werte mit Prozentzeichen werden als Prozentangaben behandelt; Werte ohne Einheit als Bruchteile von 0 bis 1. Liegt einer davon über 1, werden alle als Prozentangaben gelesen. Daher funktioniert 0, 47, 100, 0 wie erwartet. CMYK-Ausgaben werden immer als Prozentangaben mit bis zu zwei Dezimalstellen ausgegeben.
Lab, LCH, OKLab, OKLCH und Display P3 können Farben beschreiben, die sRGB nicht darstellen kann. Ist das Ziel HEX, RGB, HSL, HWB oder CMYK, die alle sRGB entsprechen, oder Display P3, wird eine Farbe außerhalb des Farbraums mit dem CSS-Color-4-Algorithmus angepasst. Dabei wird die OKLCH-Chroma verringert, bis die Farbe in den Farbraum passt; das Ergebnis enthält einen entsprechenden Hinweis. Die Zielformate Lab, LCH, OKLab und OKLCH sind unbegrenzt, daher werden Farben nie angepasst.
Ja, bei jedem Zielformat außer CMYK. Ein Alpha-Wert in der Eingabe, zum Beispiel rgb(255 136 0 / 50%) oder #ff880080, wird in CSS-Funktionen als / 0.5 und als 8-stelliger Hex-Code ausgegeben. CMYK hat keinen Alphakanal, daher entfällt der Alpha-Wert dabei.
RGB-Kanäle werden auf ganze Zahlen von 0 bis 255 gerundet; Prozentsätze für HSL, HWB und CMYK sowie Lab- und LCH-Werte auf zwei Dezimalstellen; OKLab-Werte, OKLCH-Helligkeit und -Chroma sowie Display-P3-Kanäle auf vier Dezimalstellen; Farbtonwerte auf zwei Dezimalstellen. Alle Berechnungen erfolgen vor dem Runden mit voller doppelter Genauigkeit. So bleibt die Abweichung beim Hin- und Herkonvertieren innerhalb der Rundung des ursprünglichen Werts.
CIELAB und CIE LCH mit dem D50-Weißpunkt, genau wie in den Funktionen CSS lab() und lch() definiert, mit Bradford-Adaptation vom D65-Weißpunkt von sRGB. Die Helligkeit reicht von 0 bis 100. OKLab und OKLCH sind die wahrnehmungsbezogenen Farbräume von Bjorn Ottosson, die von CSS oklab() und oklch() verwendet werden; ihre Helligkeit reicht von 0 bis 1.
Das Formular auf der Seite konvertiert jeweils eine Farbe. Clients, die das Tool direkt aufrufen, können bis zu 100 Farben senden, eine pro Zeile, und erhalten pro Zeile einen konvertierten Wert in derselben Reihenfolge. Jede Farbe darf höchstens 100 Zeichen lang sein.
Neutrale Farben haben keinen Farbton. CSS kann diesen als none ausgeben. Der Konverter gibt stattdessen 0 aus, damit der Wert auch in Werkzeugen funktioniert, die none nicht akzeptieren. Bei einer Sättigung oder Chroma von null hat der Farbton keine sichtbare Wirkung.
Konvertiere eine Farbe zwischen HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK und Display P3. Wähle Quell- und Zielformat aus, gib den Wert in CSS-Syntax oder als reine Zahlen ein und erhalte ein für CSS geeignetes Ergebnis, das mit der culori-Bibliothek berechnet wird. Farben außerhalb des Zielfarbraums werden gemäß den Vorgaben von CSS Color 4 angepasst. Entwickelt für Entwickler und Designer, die Farben zwischen Code und Designwerkzeugen übertragen.
Konvertiere RGB-Farben in einem Schritt zu HEX. Gib einen RGB-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in HEX, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn HEX die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen.
Konvertiere RGB-Farben in einem Schritt zu HWB. Gib einen RGB-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in HWB, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn HWB die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen.
Konvertiere RGB-Farben in einem Schritt zu CIELAB. Gib einen RGB-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in CIELAB, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn CIELAB die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen.
Konvertiere RGB-Farben in einem Schritt zu CIE LCH. Gib einen RGB-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in CIE LCH, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn CIE LCH die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen.
Konvertiere RGB-Farben in einem Schritt zu OKLab. Gib einen RGB-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in OKLab, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn OKLab die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen.
OneClick Pro ist eine kostenlose Sammlung mit mehr als 150 Webtools für die tägliche Arbeit: Bilder und Einheiten umwandeln, Code formatieren und validieren, Domains und SEO überprüfen sowie mit Texten, Terminen und Zahlen arbeiten. Jedes Tool funktioniert ohne Registrierung oder Abo. Deine Eingaben werden nur zur Berechnung des Ergebnisses verwendet und niemals gespeichert. Nutze die Sammlung als praktischen Werkzeugkasten für einzelne Aufgaben oder setze ein Lesezeichen für die Tools, die du täglich brauchst.