RGB in HEX

Rechnen Sie RGB-Werte in einen HEX-Code um

Viele Apps zeigen Farben als RGB-Zahlen: Werte für Rot, Grün und Blau von 0 bis 255. Web-Code, Markenrichtlinien und die meisten Design-Übergaben nutzen aber die kürzere HEX-Form. Dieses Tool wandelt einen RGB-Wert wie rgb(137, 151, 187) in seinen HEX-Code #8997BB um.

Jede RGB-Zahl wird zu einem zweistelligen Hex-Paar: 137 ergibt 89, 151 ergibt 97 und 187 ergibt BB. Hängen Sie sie nach einem # aneinander, und Sie haben den HEX-Code.

HEX-Codes lassen sich leicht kopieren, teilen und in CSS, HTML-Attribute, Figma, Canva, WordPress-Themes und E-Mail-Vorlagen einfügen.

So verwenden Sie RGB in HEX

1. Geben Sie den RGB-Wert ein, etwa rgb(137, 151, 187).
2. Senden Sie ab, um umzurechnen.
3. Kopieren Sie den HEX-Code.

Beispiele

Markenfarbe Immergrün

Eingabe: rgb(137,151,187)

Ausgabe: #8997bb

Das Ergebnis ist kleingeschrieben; HEX unterscheidet nicht zwischen Groß- und Kleinschreibung, #8997BB ist also dieselbe Farbe.

Leerzeichen sind kein Problem

Eingabe: rgb(255, 255, 255)

Ausgabe: #ffffff

Halbtransparente Farbe

Eingabe: rgba(137,151,187,0.5)

Ausgabe: #c4cbdd

Alpha wird mit Weiß gemischt und ergibt eine deckende Farbe, heller als #8997bb. Für echte Transparenz behalten Sie rgba() oder nutzen achtstelliges HEX.

Typische Anwendungen

• In Apps gewählte RGB-Farben in web-fertiges HEX umrechnen.
• Markenrichtlinien schreiben, die HEX-Codes auflisten.
• Theme-Farben in Website-Baukästen und im CMS festlegen.
• Exakte Farben mit Designern und Entwicklern teilen.
• Eine Farbe aus einer App, die RGB anzeigt, etwa einem Screenshot-Tool, in CSS oder eine Designdatei übernehmen.
• Markenrichtlinien ergänzen, die Farben oft in HEX auflisten.
• Die Farbe eines Drucks oder Office-Dokuments auf einer Website nachbilden.

Tipps und Wissenswertes

• Jeder RGB-Wert muss zwischen 0 und 255 liegen.
• HEX-Codes unterscheiden nicht zwischen Groß- und Kleinschreibung: #8997bb und #8997BB sind dieselbe Farbe.
• Hat Ihre Farbe Transparenz, nutzen Sie den Farbkonverter, um achtstelliges HEX oder RGBA zu erhalten.
• Wählen Sie eine Farbe visuell mit dem Farbwähler oder gehen Sie mit HEX in RGB zurück.

Sonderfälle und Grenzen

• Der Wert muss mit rgb oder rgba beginnen. Tippen Sie nur 137, 151, 187, wird er nicht erkannt.
• Werte über 255, etwa rgb(300,0,0), werden abgelehnt.
• Prozentwerte wie rgb(50%, 50%, 50%) werden nicht unterstützt; rechnen Sie sie zuerst in 0–255 um.
• Die moderne, durch Leerzeichen getrennte Syntax rgb(137 151 187) wird eventuell nicht erkannt; nutzen Sie Kommas.

Häufige Fragen

Wie rechne ich RGB in HEX um?

Wandeln Sie jeden der drei Werte (0–255) in eine zweistellige Hexadezimalzahl um und hängen Sie sie nach einem # aneinander. So wird 255, 128, 0 zu #FF8000.

Wie lautet Weiß in HEX?

#FFFFFF, also rgb(255, 255, 255).

Kann ich RGB direkt in CSS verwenden?

Ja. CSS akzeptiert neben HEX auch rgb() und rgba(): Nutzen Sie, was Ihnen lieber ist.

Was bedeutet ein kurzer HEX-Code wie #FA0?

Eine Kurzform, bei der jede Ziffer verdoppelt wird: #FA0 entspricht #FFAA00.

Warum ist mein HEX kleingeschrieben?

Der Konverter schreibt die Buchstaben klein. #8997bb und #8997BB sind genau dieselbe Farbe: Beide funktionieren in CSS und Designtools.

Ähnliche Tools

• HEX in RGB: Rechnen Sie HEX-Farben ganz einfach in RGB um.
• Farbkonverter: Wandeln Sie Ihre Farbe in mehrere Formate um.
• Farbwähler: Der einfachste Weg, eine Farbe am Farbrad zu wählen und das Ergebnis in allen Formaten zu erhalten.
• Hex-Konverter: Wandeln Sie Text in Hexadezimal um und zurück.
• Bildoptimierer: Komprimieren und optimieren Sie Ihre Bilder, damit sie kleiner werden, ohne an Qualität zu verlieren.