Text & Code / MULTIVERTO
Wandeln Sie #RGB oder #RRGGBB in drei RGB-Farbkanäle um.
Jedes Textwerkzeug auf das vorherige Ergebnis anwenden.
01 / Anleitung
Jedes hexadezimale Ziffernpaar ergibt einen roten, grünen oder blauen Kanal von 0 bis 255; Kurzformen werden verdoppelt.
Das Ergebnis enthält keinen Alphakanal; verwendet werden ganzzahliges RGB und übliches HSL, keine Farbmanagementprofile.
02 / Beispiel
#2A7FDCrgb(42, 127, 220)03 / Anleitung
Wandeln Sie #RGB oder #RRGGBB in drei RGB-Farbkanäle um. Nutzen Sie diese Richtung, wenn eine Designvariable oder CSS-Regel einen Hex-Code enthält, eine Grafikeinstellung aber getrennte ganze Zahlen für Rot, Grün und Blau verlangt. Das optionale # ist Schreibweise, kein Teil des Zahlenwerts. Die dreistellige Kurzform wird zuerst erweitert: #ABC bedeutet #AABBCC.
Jedes hexadezimale Ziffernpaar ergibt einen roten, grünen oder blauen Kanal von 0 bis 255; Kurzformen werden verdoppelt. Bei #2A7FDC werden die Paare 2A, 7F und DC dezimal zu 42, 127 und 220. Geben Sie nur drei oder sechs Hex-Ziffern ein; vier- und achtstellige Werte enthalten Alpha und werden hier abgelehnt. Die Ausgabe als rgb()-Ausdruck eignet sich für CSS und zum Ablesen einzelner Kanäle. Zur konkreten Prüfung ergibt die Beispieleingabe #2A7FDC das Ergebnis rgb(42, 127, 220). 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.