So wandeln Sie RGB in HEX um
Wandeln Sie RGB-Farbcodes sofort in HEX um. Geben Sie einen HEX- oder RGB-Wert ein oder nutzen Sie die Schieberegler – alle Formate aktualisieren sich gleichzeitig, mit Farbvorschau, Formel und einer Tabelle gängiger Farben.
- Geben Sie einen RGB-Wert wie rgb(59, 130, 246) in das passende Feld oben ein.
- Der HEX-Wert aktualisiert sich sofort: rgb(59, 130, 246) ist #3B82F6. Auch die anderen Formate und die Farbvorschau ändern sich mit.
- Kopieren Sie den HEX-Wert in Ihr CSS, Ihr Designtool oder Ihren Code.
Die Formel von RGB zu HEX
Rechnen Sie jeden RGB-Kanal (0–255) in eine zweistellige Hexadezimalzahl um und schreiben Sie sie hinter ein #, in der Reihenfolge Rot, Grün, Blau:
rgb(59, 130, 246) → #3B82F6
Gängige Farben in RGB und HEX
| RGB | HEX |
|---|---|
rgb(0, 0, 0) | #000000 |
rgb(255, 255, 255) | #FFFFFF |
rgb(255, 0, 0) | #FF0000 |
rgb(0, 255, 0) | #00FF00 |
rgb(0, 0, 255) | #0000FF |
rgb(255, 255, 0) | #FFFF00 |
rgb(0, 255, 255) | #00FFFF |
rgb(255, 0, 255) | #FF00FF |
rgb(128, 128, 128) | #808080 |
rgb(255, 165, 0) | #FFA500 |
rgb(128, 0, 128) | #800080 |
rgb(59, 130, 246) | #3B82F6 |
RGB und HEX erklärt
RGB gibt die Kanäle Rot, Grün und Blau als Zahlen von 0 bis 255 an, etwa rgb(59, 130, 246). Nach diesem Modell mischen Bildschirme Licht.
Eine HEX-Farbe ist ein # gefolgt von sechs Hexadezimalziffern: je zwei für Rot, Grün und Blau, von 00 (nichts) bis FF (voll). Es ist die gängigste Schreibweise für Farben in CSS und Designtools.
Häufige Fragen
Ändert sich die Farbe beim Umrechnen?
HEX, RGB und HSL beschreiben dieselben Bildschirmfarben, daher ist die Umrechnung zwischen ihnen exakt (HSL wird auf ganze Zahlen gerundet). CMYK ist für den Druck: Das Druckergebnis hängt vom Farbprofil des Druckers ab, betrachten Sie CMYK-Werte vom Bildschirm also als Ausgangspunkt.
Kann ich das Ergebnis in CSS verwenden?
Ja. CSS akzeptiert Hex (#3B82F6), rgb(59, 130, 246) und hsl(217, 91%, 60%) direkt. CMYK ist kein CSS-Format; es wird im Druck und in Designprogrammen verwendet.
Und Transparenz?
Ergänzen Sie einen Alphawert: 8-stelliges Hex (#3B82F680) oder rgba()/hsla() in CSS. Der Konverter arbeitet mit der deckenden Farbe; der Alphawert bleibt in jedem Format gleich.
Ist dieses Tool kostenlos?
Ja, es ist kostenlos. Ohne Anmeldung und ohne E-Mail. Ergebnisse direkt auf dieser Seite.
Wie erhalte ich mein Ergebnis?
Nutze das Tool auf dieser Seite. Das Ergebnis erscheint hier und wird nicht per E-Mail zugestellt.