RGB zu Hexadezimal Umrechner

Der RGB zu Hexadezimal Umrechner wandelt RGB-Farbwerte (Rot, Grün, Blau) sofort in hexadezimale Farbcodes um, die im Webdesign, in CSS und in Grafikanwendungen verwendet werden. Er bietet Ausgaben in mehreren Formaten wie HSL, HSV und CMYK, zusammen mit CSS-Code-Snippets, Farbharmonie-Paletten, WCAG-Barrierefreiheits-Kontrastprüfungen und passenden Namensübereinstimmungen für CSS-Farben.

Wie die Umrechnung von RGB in Hex funktioniert

RGB (Rot, Grün, Blau) und Hex sind zwei verschiedene Notationen für dasselbe additive Farbmodell, das von elektronischen Bildschirmen verwendet wird. Jeder Farbkanal reicht von 0 bis 255 im Dezimalsystem. Um in Hex umzurechnen, wird jeder dezimale Kanalwert als zweistellige Hexadezimalzahl (Basis 16) ausgedrückt, und die drei Paare werden mit einem #-Präfix kombiniert.

Die Umrechnungsformel

Für jeden Kanalwert V (0–255):

1. Teilen Sie V durch 16. Der Quotient ist die erste Hex-Ziffer, der Rest die zweite.
2. Ordnen Sie die Ziffern 10–15 den Buchstaben A–F zu.
3. Kombinieren: #RRGGBB

Beispiel: RGB(255, 165, 0) → 255 = FF, 165 = A5, 0 = 00 → #FFA500 (Orange)

Farbenformate erklärt

HEX (Hexadezimal)

Die gebräuchlichste Farbalnotation in der Webentwicklung. Ein # gefolgt von 6 Hex-Ziffern, die RR, GG, BB darstellen. Eine Kurzschreibweise (#RGB) ist verfügbar, wenn jedes Paar identische Ziffern hat, z. B. #FF0000 → #F00.

HSL (Farbton, Sättigung, Helligkeit)

Ein intuitiveres Modell für Designer. Der Farbton (Hue) ist ein Winkel auf dem Farbrad (0°–360°), die Sättigung (Saturation) ist die Farbtiefe (0–100 %) und die Helligkeit (Lightness) reicht von Schwarz (0 %) über die reine Farbe (50 %) bis Weiß (100 %). HSL macht es einfach, Farbvariationen durch Anpassen eines einzelnen Parameters zu erstellen.

HSV / HSB (Farbton, Sättigung, Wert / Helligkeit)

Ähnlich wie HSL, definiert Helligkeit aber anders. Ein Wert von 100 % bedeutet, dass die Farbe in ihrem hellstmöglichen Zustand für diesen Farbton und diese Sättigung ist. Dieses Modell wird in vielen Grafikdesign-Anwendungen wie Photoshop und Figma verwendet.

CMYK (Cyan, Magenta, Gelb, Schwarz)

Ein subtraktives Farbmodell, das im Druck verwendet wird. Während Bildschirme Licht hinzufügen (RGB), mischen Drucker Tinten, die Licht absorbieren (CMYK). Die Umrechnung in CMYK ist unerlässlich, wenn digitale Designs für den physischen Druck vorbereitet werden, um die Farbgenauigkeit zu gewährleisten.

Farbharmonie-Typen

Farbharmonien sind Farbkombinationen, die auf ihrer Position im Farbrad basieren. Dieses Tool generiert vier Typen:

• Komplementär: Die Farbe, die auf dem Rad direkt gegenüberliegt (180° entfernt). Erzeugt maximalen Kontrast und visuelle Wirkung.
• Analog: Farben, die auf dem Rad benachbart sind (±30°). Erzeugt harmonische, angenehme Designs, wie sie häufig in der Natur vorkommen.
• Triadisch: Drei Farben im gleichmäßigen Abstand (120° entfernt). Bietet lebendigen Kontrast bei gleichzeitiger Ausgewogenheit.
• Teilkomplementär: Die beiden Farben, die der Komplementärfarbe benachbart sind (150° und 210°). Eine sanftere Alternative zu Komplementärfarben mit mehr Vielfalt.

WCAG-Barrierefreiheit-Kontrast

Die Web Content Accessibility Guidelines (WCAG) definieren Kontrastverhältnisse, um die Lesbarkeit sicherzustellen:

Gängige RGB-zu-Hex-Umrechnungen

Häufig gestellte Fragen

Wie rechnet man RGB in Hex um?

Um RGB in Hex umzurechnen, nehmen Sie jeden Farbkanalwert (0-255), teilen ihn durch 16, um den Quotienten und den Rest zu erhalten, und ordnen diese dann hexadezimalen Ziffern (0-9, A-F) zu. Kombinieren Sie alle drei 2-stelligen Hex-Werte mit einem #-Präfix. Zum Beispiel wird RGB(255, 165, 0) zu #FFA500: 255→FF, 165→A5, 0→00.

Was ist der Unterschied zwischen RGB- und Hex-Farbcodes?

RGB und Hex stellen dieselben Farben mit unterschiedlicher Notation dar. RGB verwendet drei Dezimalzahlen (0-255) für die Kanäle Rot, Grün und Blau, wie rgb(255, 0, 0). Hex verwendet ein # gefolgt von sechs hexadezimalen Ziffern, wie #FF0000. Beide kodieren identische Farbinformationen — Hex ist lediglich eine kompaktere Basis-16-Darstellung derselben RGB-Werte.

Welches Farbmodell verwendet Hex?

Hex-Farbcodes verwenden das additive RGB-Farbmodell (Rot, Grün, Blau), dasselbe Modell, das auch von Computerbildschirmen verwendet wird. Die sechs Hex-Ziffern stellen drei Paare dar: die ersten zwei für Rot, die mittleren zwei für Grün und die letzten zwei für Blau. Jedes Paar reicht von 00 (0 Intensität) bis FF (maximale Intensität von 255).

Was ist ein WCAG-Kontrastverhältnis?

Das WCAG-Kontrastverhältnis misst den Luminanzunterschied zwischen zwei Farben und wird verwendet, um die Lesbarkeit von Texten für Menschen mit Sehbehinderungen zu gewährleisten. Das Verhältnis reicht von 1:1 (kein Kontrast) bis 21:1 (Maximum). WCAG 2.0 erfordert mindestens 4,5:1 für normalen Text (AA-Level), 3:1 für großen Text (AA Large) und 7:1 für erhöhten Kontrast (AAA-Level).

Wie rechnet man RGB in HSL um?

Um RGB in HSL umzurechnen: Normalisieren Sie R, G, B auf 0-1, finden Sie die Max- und Min-Werte, berechnen Sie die Helligkeit (L) als (max+min)/2. Die Sättigung hängt von der Helligkeit ab, und der Farbton (Hue) wird basierend auf dem dominanten Kanal berechnet (0° für Rot, 120° für Grün, 240° für Blau), angepasst durch die Differenz zwischen den Kanälen.

Was ist CMYK und wann sollte ich es verwenden?

CMYK steht für Cyan, Magenta, Gelb und Schwarz (Key). Es ist ein subtraktives Farbmodell, das im Druck verwendet wird. Während RGB/Hex für Bildschirme verwendet werden (additive Lichtmischung), ist CMYK für Druckentwürfe unerlässlich, da Drucker Tinte statt Licht mischen. Die Umrechnung von RGB in CMYK hilft sicherzustellen, dass Ihre digitalen Farben korrekt auf gedruckte Materialien übertragen werden.

Zusätzliche Ressourcen

• WCAG 2.1 Kontrast-Richtlinien