Text & Code / MULTIVERTO
Wandeln Sie ganzzahlige RGB-Kanäle in Farbton, Sättigung und Helligkeit um.
Jedes Textwerkzeug auf das vorherige Ergebnis anwenden.
01 / Anleitung
Die Kanäle werden auf 0–1 normiert; Maximum, Minimum und Differenz bestimmen HSL.
Das Ergebnis enthält keinen Alphakanal; verwendet werden ganzzahliges RGB und übliches HSL, keine Farbmanagementprofile.
02 / Beispiel
rgb(42, 127, 220)hsl(211.35, 71.77%, 51.37%)03 / Anleitung
Wandeln Sie ganzzahlige RGB-Kanäle in Farbton, Sättigung und Helligkeit um. Nutzen Sie RGB in HSL, wenn die roten, grünen und blauen Kanäle genau bekannt sind, Sie Farben aber anschaulicher vergleichen oder eine Palette anpassen möchten. Das Werkzeug nimmt ganze Kanalwerte von null bis 255 als rgb()-Ausdruck oder kommasepariert an. Den Farbton leitet es aus dem dominanten Kanal und den Kanalunterschieden ab.
Die Kanäle werden auf 0–1 normiert; Maximum, Minimum und Differenz bestimmen HSL. Sind alle drei Kanäle gleich, sinkt die Sättigung auf null; Grau hat dann keinen sinnvollen Farbton, weshalb die Ausgabe vereinbarungsgemäß null Grad zeigt. Die Helligkeit folgt der Mitte zwischen größtem und kleinstem normierten Kanal. Das Beispiel ergibt ungefähr 211 Grad und hilft beim Finden verwandter Blautöne. Angezeigte Prozentwerte werden auf zwei Dezimalstellen gerundet. Zur konkreten Prüfung ergibt die Beispieleingabe rgb(42, 127, 220) das Ergebnis hsl(211.35, 71.77%, 51.37%). Bewahren Sie die Quelle daneben auf, um sie mit einer anderen Anwendung zu vergleichen.
HEX und RGB beschreiben dieselben drei additiven Lichtkanäle. Jeder Kanal ist eine ganze Zahl zwischen null und 255; Hexadezimal schreibt diesen Wert mit zwei Ziffern zur Basis sechzehn. Ein sechsstelliger Code enthält daher in dieser Reihenfolge Paare für Rot, Grün und Blau. HSL beschreibt dieselbe RGB-Farbe anders: Der Farbton gibt einen Ort auf dem Farbkreis an, die Sättigung den Abstand zu einem Grau gleicher Helligkeit und die Helligkeit die Position zwischen Schwarz und Weiß. Diese Formen helfen beim Vergleichen von Designvariablen, beim Lesen von CSS und beim Abstimmen einer Palette.
Das Ergebnis enthält keinen Alphakanal; verwendet werden ganzzahliges RGB und übliches HSL, keine Farbmanagementprofile. Wählen Sie die Form, die am Zielort erwartet wird. CSS versteht Hexadezimalwerte ebenso wie die Funktionen rgb() und hsl(); ein Designsystem oder Grafikprogramm speichert Kanäle aber vielleicht getrennt. Dieses Werkzeug verwendet gewöhnliche sRGB-Rechnung. Es wandelt keine Bildschirmprofile um und sagt nicht voraus, wie jeder Monitor die Farbe zeigt. Die Ausgaben mit drei Kanälen enthalten keine Transparenz. Für einen vier- oder achtstelligen Code mit Alpha ist eine andere Operation nötig. Ganzzahlige RGB-Kanäle und angezeigte HSL-Dezimalstellen werden gerundet; ein Hin- und Rückweg kann daher um einen Kanalwert abweichen.