Wie Sie HEX-Farbcodes in RGB konvertieren

HEX und RGB sind zwei Schreibweisen für genau dieselben Farben. Designer und Entwickler wechseln ständig zwischen ihnen — HEX in CSS-Stylesheets, RGB in JavaScript-Animationen, HSL in Design-Tools. Den Zusammenhang zu verstehen, macht die Arbeit mit Farben deutlich einfacher.

Wie HEX-Farben funktionieren

Ein HEX-Farbcode wie #FF5733 ist eine 6-stellige Hexadezimalzahl, die die Rot-, Grün- und Blau-Kanäle repräsentiert:

Jeder Kanal reicht von 00 (0, keine Farbe) bis FF (255, volle Intensität). #FF5733 bedeutet also volles Rot, etwas Grün, ein wenig Blau — was ein warmes Orange-Rot ergibt.

So konvertieren Sie HEX zu RGB

1. HEX-Code eingeben — tippen oder fügen Sie einen Farbcode wie #FF5733 ein oder verwenden Sie den Farbwähler.
2. RGB-Werte ansehen — sehen Sie die zugehörigen Rot-, Grün- und Blau-Werte (jeweils 0–255).
3. In beliebigem Format kopieren — übernehmen Sie die Werte als rgb(255, 87, 51), einzelne Kanäle oder andere Formate wie HSL.

Übliche Farbcodes

Tipps

• HEX in CSS verwenden — color: #FF5733 ist in Stylesheets sauberer und verbreiteter als color: rgb(255, 87, 51).
• RGB für Transparenz verwenden — wenn Sie halbtransparente Farben brauchen, verwenden Sie rgba(255, 87, 51, 0.5). Im Standard-HEX gibt es keine Möglichkeit, einen Alpha-Wert hinzuzufügen (8-stelliges HEX existiert zwar, aber die Browser-Unterstützung schwankt).
• 3-stellige Kurzschreibweise — #F00 ist dasselbe wie #FF0000. Verwenden Sie sie, wenn jedes Paar identische Ziffern hat, um Platz zu sparen.
• Farbwähler ist schneller — wenn Sie die richtige Farbe finden möchten, verwenden Sie den visuellen Farbwähler statt HEX-Werte zu raten. Kopieren Sie den Code, sobald Sie zufrieden sind.