HEX in RGB

Rechnen Sie eine HEX-Farbe in RGB um

HEX und RGB beschreiben dieselben Farben in zwei Schreibweisen. Ein HEX-Code wie #8997BB besteht aus drei Paaren hexadezimaler Ziffern für Rot, Grün und Blau. RGB schreibt dieselben Anteile als normale Zahlen von 0 bis 255: rgb(137, 151, 187).

Fügen Sie einen HEX-Code ein, und der Konverter liefert den RGB-Wert. Den brauchen Sie in vielen Design- und Grafiktools, um mit rgba() Transparenz hinzuzufügen, und in Code, der jeden Farbkanal einzeln verarbeitet.

Die Rechnung ist einfach, aber mühsam: Jedes Paar wird von Basis 16 in Basis 10 umgerechnet. Hex 89 ist 8×16 + 9 = 137.

So verwenden Sie HEX in RGB

1. Geben Sie die HEX-Farbe mit # am Anfang ein, etwa #8997BB. Ohne das # kann das Tool nicht erkennen, dass es ein HEX-Code ist, und zeigt einen Fehler.
2. Senden Sie ab, um umzurechnen.
3. Kopieren Sie den RGB-Wert.

Beispiele

Markenfarbe Immergrün

Eingabe: #8997BB

Ausgabe: rgb(137,151,187)

Lavendel

Eingabe: #C6CDE5

Ausgabe: rgb(198,205,229)

Dreistellige Kurzform

Eingabe: #fa0

Ausgabe: rgb(255,170,0)

Jede Ziffer wird verdoppelt: #fa0 entspricht #ffaa00.

Achtstelliges HEX mit Alpha

Eingabe: #8997BB80

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

Die rgb()-Zeile ignoriert Alpha, die rgba()-Zeile behält es: Hex 80 ist 128 von 255, angezeigt als 0.5. Die HEXA-Zeile zeigt #8997bb7f, weil 0.5 zurück in 127 (7f) umgerechnet wird.

Alle Formate auf einmal

Eingabe: #8997BB

Ausgabe:

rgb(137,151,187)
hsl(223,27%,64%)
hsv(223,27%,73%)
rgba(137,151,187,1)
#8997bbff

Eine einzige Umrechnung liefert RGB, HSL, HSV, RGBA und achtstelliges HEXA: Kopieren Sie das Format, das Ihre App erwartet.

Typische Anwendungen

• Markenfarben für Designtools umrechnen, die RGB nutzen.
• Farben mit Transparenz als rgba() in CSS schreiben.
• Farben in Code, Diagrammen oder Office-Dokumenten festlegen.
• Farben zwischen Apps abgleichen.
• Markenfarben in Apps laden, die nur RGB akzeptieren, etwa manche Videoschnitt- und Office-Programme.
• Eine halbtransparente Ebene in CSS mit rgba() erstellen.
• HSL nutzen, um einen helleren oder dunkleren Ton derselben Farbe zu erhalten.

Tipps und Wissenswertes

• Dreistelliges HEX wie #FFF wird zu #FFFFFF erweitert, also rgb(255, 255, 255).
• Für Transparenz nutzen Sie rgba(137, 151, 187, 0.5) für 50 % Deckkraft.
• Für jedes andere Format (HSL, HSV und mehr) nutzen Sie den Farbkonverter. Für die Gegenrichtung nutzen Sie RGB in HEX.

Sonderfälle und Grenzen

• Das # ist Pflicht. 8997BB allein wird abgelehnt.
• Das Ergebnis hat kein Leerzeichen nach den Kommas. rgb(137,151,187) und rgb(137, 151, 187) sind beide gültiges CSS.
• Ungültige Ziffern (alles außer 0–9 und A–F) führen zu einem Fehler statt zu einer Vermutung.
• Die vierstellige Kurzform mit Alpha (#f008) wird nicht unterstützt; schreiben Sie sie achtstellig.

Häufige Fragen

Wie rechne ich HEX in RGB um?

Teilen Sie den HEX-Code in drei Paare und rechnen Sie jedes von Basis 16 in Basis 10 um. #FF8000 wird zu 255, 128, 0.

Sind HEX und RGB dasselbe?

Sie beschreiben dieselben Farben; HEX ist nur eine kompakte hexadezimale Schreibweise der RGB-Werte.

Was ist #000000 in RGB?

rgb(0, 0, 0), also Schwarz.

Kann HEX Transparenz enthalten?

Ja, achtstelliges HEX fügt Alpha als letztes Paar hinzu, etwa #8997BB80.

Was bedeuten die HSL- und HSV-Werte?

Beide beschreiben den Farbton (den Farbwinkel von 0 bis 360), die Sättigung und die Helligkeit (HSL) bzw. den Hellwert (HSV). Ändern Sie nur die letzte Zahl, erhalten Sie eine hellere oder dunklere Version derselben Farbe.

Ähnliche Tools

• RGB in HEX: Rechnen Sie RGB-Farben ganz einfach in HEX 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.