Hex zu RGB Konverter

Wie konvertiert man Hex zu RGB?

Die Umwandlung von HEX zu RGB ist unkompliziert. Ein hexadezimaler Farbcode besteht aus sechs Zeichen (oder drei in Kurzform), die die Rot-, Grün- und Blaukomponenten darstellen.

Format: #RRGGBB

Jedes Zeichenpaar repräsentiert einen Farbkanalwert von 00 bis FF (0-255 in Dezimal):
• RR = Rotwert (00-FF)
• GG = Grünwert (00-FF)
• BB = Blauwert (00-FF)

Zum Beispiel wird #FF5733 umgewandelt in:
• Rot: FF (hex) = 255 (dezimal)
• Grün: 57 (hex) = 87 (dezimal)
• Blau: 33 (hex) = 51 (dezimal)
• Ergebnis: rgb(255, 87, 51)

Was ist ein hexadezimaler Farbcode (HEX)?

Definition

Hexadezimale Farbcodes sind eine Möglichkeit, Farben mithilfe hexadezimaler Werte anzugeben. Ein Hex-Farbcode beginnt mit einem Rautezeichen (#), gefolgt von sechs Zeichen, die die Rot-, Grün- und Blaukomponenten (RGB) der Farbe darstellen. Das Format ist #RRGGBB, wobei jedes Paar einen Wert von 00 bis FF (0-255 in Dezimal) repräsentiert.

Kurzschreibweise

Hex-Farben können auch in Kurzform mit drei Zeichen anstelle von sechs geschrieben werden. Zum Beispiel ist #F00 gleichbedeutend mit #FF0000 (rot). Jedes Zeichen wird einfach verdoppelt: #RGB wird zu #RRGGBB. Diese Kurzform ist nützlich für Farben, bei denen jede RGB-Komponente dieselbe wiederholte Ziffer verwendet.

Häufige Verwendungen

• Webdesign und CSS-Styling
• HTML-Farbspezifikationen
• Digitale Grafiken und Bildbearbeitungssoftware
• UI/UX-Design-Tools wie Figma, Sketch, Adobe XD
• Frontend-Entwicklungs-Frameworks
• E-Mail-Vorlagen und Newsletter
• Digitale Marketingmaterialien
• Mobile App-Design

Vorteile

Hex-Farben sind kompakt, leicht zu teilen und werden universell von allen Webbrowsern und Designsoftware unterstützt. Sie bieten präzise Farbdefinitionen und sind das Standardformat für die Webentwicklung. Hex-Codes sind auch einfacher einzugeben als RGB-Werte, was sie bei Entwicklern und Designern beliebt macht.

Beispiele

Häufige Hex-Farben sind: #FFFFFF (weiß), #000000 (schwarz), #FF0000 (rot), #00FF00 (grün), #0000FF (blau), #FFFF00 (gelb), #FF00FF (magenta), #00FFFF (cyan), #808080 (grau) und #FFA500 (orange).

Was ist RGB?

Definition

RGB steht für Rot, Grün und Blau - die drei Grundfarben des Lichts. Im RGB-Farbmodell werden Farben dargestellt, indem die Intensität jedes Farbkanals als Zahl von 0 bis 255 angegeben wird. Das Format ist rgb(rot, grün, blau), wobei jeder Wert bestimmt, wie viel von dieser Farbe vorhanden ist.

Wie RGB funktioniert

RGB ist ein additives Farbmodell, was bedeutet, dass Farben durch Hinzufügen von Licht erzeugt werden. Wenn alle drei Werte 0 sind, erhalten Sie Schwarz (kein Licht). Wenn alle drei 255 sind, erhalten Sie Weiß (maximales Licht). Durch Variation der Intensität jedes Kanals können Sie Millionen verschiedener Farben erzeugen: 256 × 256 × 256 = 16.777.216 mögliche Farben.

RGB-Werte erklärt

• rgb(255, 0, 0) - Reines Rot (maximales Rot, kein Grün oder Blau)
• rgb(0, 255, 0) - Reines Grün
• rgb(0, 0, 255) - Reines Blau
• rgb(255, 255, 0) - Gelb (Rot + Grün)
• rgb(255, 0, 255) - Magenta (Rot + Blau)
• rgb(0, 255, 255) - Cyan (Grün + Blau)
• rgb(128, 128, 128) - Grau (gleiche Mengen aller Farben)
• rgb(255, 255, 255) - Weiß (alle Farben im Maximum)

Häufige Verwendungen

• CSS-Farbspezifikationen in Stylesheets
• JavaScript- und Programmier-Farbmanipulation
• Bildverarbeitung und Computergrafik
• Digitale Displays (Monitore, Fernseher, Smartphones)
• LED-Beleuchtungssysteme
• Videobearbeitungs- und Animationssoftware
• Spielentwicklung
• Datenvisualisierungs- und Diagrammbibliotheken

RGB vs RGBA

RGBA ist eine Erweiterung von RGB, die einen Alpha-Kanal für Transparenz enthält. Das Format ist rgba(rot, grün, blau, alpha), wobei alpha ein Wert von 0 (vollständig transparent) bis 1 (vollständig undurchsichtig) ist. Zum Beispiel erzeugt rgba(255, 87, 51, 0,5) eine halbtransparente orange Farbe.

Vorteile

RGB-Werte sind intuitiv und leicht zu verstehen, besonders bei Farbberechnungen in der Programmierung. Sie werden plattformübergreifend und in allen Programmiersprachen weitgehend unterstützt. RGB ist auch das native Farbmodell für digitale Bildschirme, was es ideal für Web- und Softwareentwicklung macht.

Hex zu RGB Umwandlungsbeispiele

Unten sind häufige Hex-Farbcodes und ihre RGB-Äquivalente: