DE

RGB in HEX umrechnen

Gib Werte für Rot, Grün und Blau ein und bekomm den Hex-Code für CSS, Designprogramme und Markenrichtlinien.

Kostenlos und privat. Alles läuft in deinem Browser, nichts wird hochgeladen.

So funktioniert es

  1. Farbe eingebenTippe den Wert in das Eingabefeld oder füge ihn ein.
  2. Ergebnis kopierenDer umgerechnete Wert steht oben in der Liste.
  3. Mehr entdeckenWeitere Formate, Kontrast und Abstufungen findest du darunter.

Drei Zahlen, ein Code

Gib die Werte als 13, 107, 87, als 13 107 87 oder als vollständige rgb()- oder rgba()-Funktion ein. Jeder Kanal von 0 bis 255 wird zu zwei Hexadezimalziffern, aus 13, 107, 87 wird also #0D6B57. Mit Transparenz wird der Alphawert zu einem vierten Paar.

Hex-Codes sind die kompakteste Art, eine Farbe weiterzugeben: Sie funktionieren in CSS, HTML-Attributen, Figma, Sketch, Photoshop und den meisten Markenrichtlinien. Kopiere den Code in Großbuchstaben ganz oben aus der Liste.

Vor dem Einsatz prüfen

Unter dem Ergebnis kannst du die Farbe auf WCAG-Kontrast zu einem Hintergrund testen und hellere und dunklere Abstufungen für Hover-Zustände und Rahmen erzeugen.

Häufige Fragen

Kann ich Werte einfügen, die durch Leerzeichen getrennt sind?

Ja. 13 107 87, 13,107,87 und rgb(13, 107, 87) funktionieren alle.

Welche Farbformate kann ich eingeben?

Alles, was in CSS gültig ist: HEX mit 3, 4, 6 oder 8 Stellen, rgb(), hsl(), hwb(), lab(), oklch() und Farbnamen.

Ist der CMYK-Wert für den Druck exakt?

Es ist eine einfache Umrechnung ohne Druckerprofil. Für professionellen Druck nimm die CMYK-Werte aus dem Profil deiner Druckerei.

Welches Kontrastverhältnis brauche ich?

WCAG AA verlangt 4,5:1 für normalen Text und 3:1 für großen Text und Bedienelemente.

Warum ist OKLCH wichtig?

Es entspricht der Art, wie Menschen Helligkeit wahrnehmen. Paletten und Farbverläufe in OKLCH wirken deshalb gleichmäßig.