Text & Code / MULTIVERTO
Wandeln Sie drei ganzzahlige RGB-Kanäle in einen sechsstelligen Hex-Webfarbwert um.
Jedes Textwerkzeug auf das vorherige Ergebnis anwenden.
01 / Anleitung
Rot, Grün und Blau werden in der Reihenfolge RRGGBB jeweils als zwei Hexadezimalziffern geschrieben.
Das Ergebnis enthält keinen Alphakanal; verwendet werden ganzzahliges RGB und übliches HSL, keine Farbmanagementprofile.
02 / Beispiel
rgb(42, 127, 220)#2A7FDC03 / Anleitung
Wandeln Sie drei ganzzahlige RGB-Kanäle in einen sechsstelligen Hex-Webfarbwert um. Wählen Sie dieses Werkzeug, wenn ein Inspektor, Zeichenprogramm oder eine Berechnung rote, grüne und blaue Kanäle liefert, ein Stylesheet aber einen kompakten Hex-Wert braucht. Geben Sie rgb(42, 127, 220) oder drei durch Kommas getrennte ganze Zahlen ein. Prozentangaben, gebrochene Kanalwerte und ein vierter Alpha-Wert werden nicht angenommen.
Rot, Grün und Blau werden in der Reihenfolge RRGGBB jeweils als zwei Hexadezimalziffern geschrieben. Der Kanal 42 ist zur Basis sechzehn 2A, 127 ist 7F und 220 ist DC; zusammen ergibt das #2A7FDC. Jeder Kanal erhält genau zwei Ziffern, auch mit einer führenden Null unter sechzehn. Die Großschreibung der Hex-Buchstaben ändert die Farbe nicht; die Ausgabe nutzt zur Einheitlichkeit Großbuchstaben. Zur konkreten Prüfung ergibt die Beispieleingabe rgb(42, 127, 220) das Ergebnis #2A7FDC. 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.