So wandeln Sie HEX in RGB um
Wandeln Sie HEX-Farbcodes sofort in RGB 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 HEX-Wert wie #3B82F6 in das passende Feld oben ein.
- Der RGB-Wert aktualisiert sich sofort: #3B82F6 ist rgb(59, 130, 246). Auch die anderen Formate und die Farbvorschau ändern sich mit.
- Kopieren Sie den RGB-Wert in Ihr CSS, Ihr Designtool oder Ihren Code.
Die Formel von HEX zu RGB
Eine HEX-Farbe besteht aus drei Paaren von Hexadezimalziffern: Rot, Grün und Blau. Rechnen Sie jedes Paar von Basis 16 in Basis 10 um, um die RGB-Kanäle zu erhalten:
#3B82F6 → rgb(59, 130, 246)
Gängige Farben in HEX und RGB
| HEX | RGB |
|---|---|
#000000 | rgb(0, 0, 0) |
#FFFFFF | rgb(255, 255, 255) |
#FF0000 | rgb(255, 0, 0) |
#00FF00 | rgb(0, 255, 0) |
#0000FF | rgb(0, 0, 255) |
#FFFF00 | rgb(255, 255, 0) |
#00FFFF | rgb(0, 255, 255) |
#FF00FF | rgb(255, 0, 255) |
#808080 | rgb(128, 128, 128) |
#FFA500 | rgb(255, 165, 0) |
#800080 | rgb(128, 0, 128) |
#3B82F6 | rgb(59, 130, 246) |
HEX und RGB erklärt
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.
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.
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.