ZenovayTools

RGB zu HEX Konverter

Konvertieren Sie Farben zwischen RGB, HEX, HSL und HSB/HSV-Formaten sofort. Farbwähler mit Live-Vorschau, WCAG-Kontrastprüfung und häufige Web-Farbreferenz.

Color Values

HEX#FF6347
RGBrgb(255, 99, 71)
HSLhsl(9, 100%, 64%)
HSVhsv(9, 72%, 100%)
CSS nameTomato

Named Color Shortcuts

So verwenden Sie RGB zu HEX Konverter

  1. 1Geben Sie eine Farbe in einem beliebigen Format ein: HEX (#rrggbb), RGB (r,g,b) oder HSL.
  2. 2Sehen Sie die Farbe in Echtzeit vorgeschaut.
  3. 3Kopieren Sie den konvertierten Farbcode in Ihrem bevorzugten Format.
  4. 4Verwenden Sie den Farbwähler zur visuellen Auswahl.
ZenovayAnalytics

Wissen Sie, was Ihre Besucher wirklich tun.

  • Besucher-Tracking in Echtzeit
  • Datenschutz zuerst, kein Cookie-Banner
  • In zwei Minuten eingerichtet
Zenovay entdecken

Verwandte Tools

Farbkonverter
Konvertieren Sie Farben zwischen HEX, RGB, HSL und CMYK-Formaten. Live-Vorschau mit Farbwähler.
Einheitskonverter
Konvertieren Sie zwischen Längen-, Gewichts-, Temperatur-, Flächen-, Volumen-, Geschwindigkeitseinheiten und mehr.
Zahlenbasen-Converter
Konvertieren Sie Zahlen zwischen binären, oktalen, dezimalen und hexadezimalen Basen.
Unix-Zeitstempel-Konverter
Konvertieren Sie zwischen Unix-Zeitstempeln und lesbaren Datumsangaben. Zeigen Sie ISO 8601, UTC, Ortszeit und relative Zeit an.

Häufig gestellte Fragen

Wie rechne ich RGB in HEX um?▾
Jeder RGB-Kanal (0-255) wird in einen 2-stelligen Hexadezimalwert umgerechnet. Formel: HEX = # + toHex(R) + toHex(G) + toHex(B). Beispiel: RGB(255, 99, 71) -> R=255=FF, G=99=63, B=71=47 -> #FF6347 (Tomatenrot). JavaScript: '#' + [r,g,b].map(v => v.toString(16).padStart(2,'0')).join(''). In CSS funktioniert die 3-stellige Kurzschreibweise (#RGB), wenn jedes Paar identisch ist: #FFCC00 -> #FC0.
Was ist der Unterschied zwischen RGB und HSL?▾
RGB (Rot, Gruen, Blau) beschreibt Farbe als additive Lichtkomponenten - das von Bildschirmen verwendete Modell. HSL (Farbton, Saettigung, Helligkeit) beschreibt Farbe intuitiver: Farbton ist der Farbwinkel (0-360 Grad), Saettigung ist die Farbintensitaet (0-100 %), Helligkeit ist die Leuchtkraft (0 % = schwarz, 100 % = weiss). HSL erleichtert die Erstellung von Farbpaletten (L anpassen fuer Toene/Schattierungen) und Farbharmonien (H um 30/60/120 Grad rotieren).
Was ist der Unterschied zwischen HSL und HSV/HSB?▾
HSL (Farbton, Saettigung, Helligkeit): bei L=50 % erhalt man die reine Farbe, L=100 % = weiss. HSV/HSB (Farbton, Saettigung, Wert/Helligkeit): bei V=100 % erhalt man die reine Farbe, V=0 % = schwarz. HSL wird in CSS verwendet (hsl()). HSV/HSB wird in den meisten Design-Tools verwendet (Photoshop, Figma, Sketch-Farbwaehler). Konvertierung: beide verwenden denselben Farbton, berechnen aber S und die dritte Komponente unterschiedlich. CSS unterstuetzt HSV nativ nicht.
Was bedeuten RGBA und HSLA?▾
RGBA und HSLA fuegen einen Alpha-Kanal fuer Transparenz hinzu: rgba(255, 99, 71, 0,5) = 50 % transparentes Tomatenrot. Alpha-Bereich: 0 (vollstaendig transparent) bis 1 (vollstaendig undurchsichtig) in CSS rgba(); 0-255 in einigen anderen Systemen. HEX mit Alpha: 8-stelliger Hex (#RRGGBBAA) - in modernem CSS unterstuetzt. Beispiel: #FF634780 = Tomatenrot bei ca. 50 % Transparenz (80 Hex = 128 Dezimal = ca. 50 %). 6-stelliger Hex hat kein Alpha.
Was sind CSS-benannte Farben?▾
CSS definiert 147 benannte Farben, von 'red' (#FF0000) bis 'rebeccapurple' (#663399, 2014 nach der Tochter eines Entwicklers benannt). Erweitert von HTML 4 (16 Grundfarben) durch CSS 1/2/3. 'transparent' ist ebenfalls ein gueltiges Schluesselwort (rgba(0,0,0,0)). Benannte Farben sind nicht case-sensitiv. Alle modernen Browser unterstuetzen alle 147 benannten Farben. 'currentColor' ist ein spezielles Schluesselwort, das den Farbwert des Elements erbt.