RGB-zu-Hex-Konverter – Farbcode-Konverter

RGB values

R

G

B

Share X / Twitter Facebook LinkedIn WhatsApp

So verwenden Sie RGB zu HEX

Geben Sie die RGB-Werte ein – Rot, Grün, Blau (jeweils 0–255).
Lesen Sie den Hex-Code – #FF6600.
Verwenden Sie ihn in CSS, HTML oder Ihrem Designsystem – Hex ist die Web-Standardeinstellung.
Kehren Sie ihn um mit Hex in RGB, wenn Sie rgba()-Transparenz benötigen.

Was ist RGB zu HEX?

Ein RGB-zu-Hex-Konverter wandelt Rot-Grün-Blau-Werte in einen hexadezimalen Farbcode um: rgb(255, 102, 0) wird zu #FF6600. Es ist die Umkehrung von Hex-zu-RGB – man nimmt die drei expliziten Zahlen 0–255 und packt sie in die kompakte sechsstellige Hex-Zeichenfolge, die CSS und Design-Tools üblicherweise verwenden.

Jede RGB-Zahl (0–255) wird zu zwei Hex-Ziffern (00–FF): 255 → FF, 102 → 66, 0 → 00. Das Ergebnis ist der Hex-Code, der aufgrund seiner Kürze in Stylesheets bevorzugt wird. HTML- und Design-Software.

Über den RGB zu HEX

Geben Sie RGB-Werte ein und erhalten Sie sofort den Hex-Code.

Warum Sie diese Richtung konvertieren sollten: Hex ist der CSS-/Web-Standard – die meisten Stylesheets, HTML-Farbattribute und Designübergaben verwenden Hex (#FF6600), daher muss eine Farbe, die Sie als RGB haben (von einem Picker, einem Grafiktool oder einer Codeausgabe), oft in Hex konvertiert werden, damit sie passt; Kompaktheit – #FF6600 ist kürzer als rgb(255, 102, 0) und hexadezimal ist die Konvention in den meisten Front-End-Codes; Ausgabe des Design-Tools – Sie haben eine Farbe als RGB abgetastet und benötigen den Hexadezimalwert für Ihren Markenleitfaden oder CSS-Variablen; und Konsistenz – Anpassung an das Hex-Format, das der Rest Ihrer Codebasis oder Ihres Designsystems verwendet.

Das Gegenteil ist unser Hex-zu-RGB-Konverter (erforderlich, wenn Sie Transparenz über RGBA wünschen). Für ein umfassenderes Bild – HSL, Farbnamen und alle Formate gleichzeitig – verarbeitet unser Farbkonverter alles. Probieren Sie Farben aus Bildern mit dem Farbwähler von Image aus und erstellen Sie harmonische Sets mit dem Farbpalettengenerator. Die Konvertierung erfolgt lokal und sofort.

Häufig gestellte Fragen

Wandeln Sie jede Zahl (0-255) in zwei Hexadezimalziffern um und verketten Sie sie: 255→FF, 102→66, 0→00 → #FF6600. Jeder Kanal wird zu einem Hex-Paar; Das Tool erledigt es sofort.

Hex ist der CSS- und Web-Standard – die meisten Stylesheets, HTML- und Design-Übergaben verwenden es wegen seiner Kompaktheit. Eine Farbe, die Sie als RGB haben (von einem Auswahl- oder Grafiktool), benötigt oft Hexadezimalwerte, um zu Ihrer Codebasis oder Ihrem Markenleitfaden zu passen.

RGB-Kanäle müssen zwischen 0 und 255 liegen – Werte außerhalb dieser Werte sind keine gültigen Farben. Einige Kontexte verwenden 0-1 Float RGB (0,5 statt 128); Multiplizieren Sie zuerst mit 255, wenn Ihre Quelle Gleitkommazahlen verwendet.

Keine – bei hexadezimalen Farbcodes wird die Groß- und Kleinschreibung nicht beachtet, sodass Groß- und Kleinschreibung identisch sind. Die Konventionen variieren (CSS wird häufig in Kleinbuchstaben geschrieben, einige Tools in Großbuchstaben); Wählen Sie aus Konsistenzgründen eine aus, aber beide funktionieren überall.

Verwenden Sie entweder ein 8-stelliges Hexadezimalformat (#FF6600CC, die letzten beiden Ziffern sind Alpha) oder konvertieren Sie es zurück in RGB und verwenden Sie rgba(255,102,0,0,8). Beide werden in modernen Browsern unterstützt; RGBA ist allgemein bekannter.