RGB-Farbe in Hexadezimal umwandeln

Wandeln Sie eine RGB-Farbe in das sechsstellige Hexadezimalformat um, das in CSS, Designsystemen, Grafikwerkzeugen und vielen Datendateien verwendet wird. Geben Sie Rot, Grün und Blau als ganze Zahlen von 0 bis 255 ein; der Konverter liefert einen Code im Format #RRGGBB. Die Berechnung ist deterministisch und schätzt, begrenzt oder korrigiert ungültige Werte nicht stillschweigend. Fehlt ein Kanal, enthält er einen Bruchteil oder liegt er außerhalb des zulässigen Bereichs, meldet die Anfrage einen eindeutigen Eingabefehler. Das Werkzeug eignet sich damit für schnelle manuelle Prüfungen ebenso wie für wiederholbare automatisierte Abläufe, in denen exakte Farbwerte erforderlich sind.

Verstehen Sie die Umwandlung von RGB in eine Hexadezimalfarbe

Eine RGB-Farbe speichert drei unabhängige Lichtstärken: Rot, Grün und Blau. Jeder Kanal kann einen von 256 ganzzahligen Werten zwischen 0 und 255 enthalten. Ein sechsstelliger Hexadezimalcode stellt genau dieselben Informationen mit zwei Ziffern zur Basis 16 je Kanal dar.

Das erste Paar gehört zu Rot, das zweite zu Grün und das letzte zu Blau. Die Dezimalzahl 0 wird zu 00, die Zahl 255 zu FF; dazwischenliegende Werte werden umgerechnet und bei Bedarf auf zwei Zeichen aufgefüllt. Rot 255, Grün 128 und Blau 0 ergeben beispielsweise #FF8000.

Das Rautezeichen kennzeichnet den Wert in CSS und vielen Designwerkzeugen als Farbe, während die folgenden sechs Zeichen alle drei Acht-Bit-Kanäle ohne Genauigkeitsverlust bewahren. Der Konverter liefert stets die vollständige sechsstellige Form, selbst wenn sich dieselbe Farbe mit einer kürzeren CSS-Schreibweise ausdrücken ließe. Dieses feste Format lässt sich leichter vergleichen, speichern, testen und zwischen Systemen übertragen, da jede erfolgreiche Antwort dieselbe Länge und Kanalreihenfolge besitzt.

Buchstaben werden großgeschrieben; CSS behandelt Hexadezimalcodes mit großen und kleinen Buchstaben jedoch als dieselbe Farbe.

Geben Sie gültige Kanäle ein und deuten Sie Fehlermeldungen

Senden Sie ein Objekt mit r, g und b, wobei jedes Feld eine ganze Zahl von einschließlich 0 bis 255 enthält. Alle drei Felder sind erforderlich, da die Farbe ohne einen Kanal unvollständig wäre. Null ist gültig und bedeutet, dass die jeweilige Grundfarbe kein Licht beiträgt; 255 ist ebenfalls gültig und steht für volle Intensität.

Werte wie 12.5 werden abgelehnt, weil ein Acht-Bit-RGB-Kanal in diesem Vertrag ganzzahlig sein muss. Negative Zahlen und Werte über 255 werden ebenfalls abgelehnt, anstatt sie zu begrenzen. Eine Begrenzung könnte eine fehlerhafte Sensormessung, eine falsche Tabellenformel, ein mangelhaft eingestelltes Bedienelement oder eine verletzte vorgelagerte Prüfregel verbergen; ein sichtbarer Fehler ist für automatisierte Abläufe daher sicherer.

Textwerte gelten nicht als Zahlen. Prüfen Sie bei einem Fehler den genannten Kanal, korrigieren Sie den Ursprungswert und senden Sie das vollständige Tripel erneut. Eine erfolgreiche Antwort enthält ein einziges Feld hex mit führender Raute und genau sechs Hexadezimalziffern.

Da der Algorithmus weder Netzwerk noch Zufall oder Uhrzeit nutzt, führen dieselben Werte immer zum gleichen Ergebnis.

Nutzen Sie das Ergebnis in Design- und Entwicklungsabläufen

Der zurückgegebene Code kann direkt in CSS-Eigenschaften wie color, background-color, border-color und fill eingesetzt werden. Er eignet sich auch für gängige Design-Token-Formate, Theme-Konfigurationsdateien, Diagrammpaletten, E-Mail-Vorlagen und Dokumentationen von Markenfarben. Designfachleute können aus einem Bildeditor kopierte Kanäle umwandeln, bevor sie einer Komponentenbibliothek ein Farbmuster hinzufügen.

Entwicklungsteams können RGB-Spalten aus einer Datenbank oder Tabelle vor dem Export eines Themes in standardisierte Zeichenfolgen übertragen. Testsuiten können den Endpunkt verwenden, um genaue Sollwerte für Farbauswahlfelder und Serialisierungscode zu erzeugen. Datenpipelines profitieren von strengen Fehlern, weil ein ungültiger Kanal die Umwandlung stoppt, statt eine plausible, aber falsche Farbe einzufügen.

Für gelegentliche Aufgaben können Sie ein Tripel in der Browseroberfläche ohne Programmierung prüfen. Behalten Sie die Raute für CSS bei; verlangt ein anderes System nur sechs Zeichen, entfernen Sie sie, ohne die Paare zu verändern. Diese Fähigkeit berechnet keine Transparenz, Profile, Wahrnehmungsunterschiede, HSL, CMYK oder Farbnamen.