Lang
HEX · RGB · HSL · HSV · CMYK
RGB-HEX-Farbumrechner und Kontrastprüfung
Farben zwischen HEX, RGB, HSL, HSV und CMYK umrechnen, Transparenz prüfen, WCAG-Kontrast testen und fertiges CSS kopieren.
HEX · RGB · HSL · HSV · CMYK · WCAG
RGB-HEX-Farbstudio und Kontrastprüfung
Farben zwischen HEX, RGB, HSL, HSV und CMYK umrechnen, Transparenz prüfen, WCAG-Kontrast testen und fertiges CSS kopieren.
Aktuelle Farbe
#FF6347
Nächste gebräuchliche CSS-Farbe: tomato
RGBA-Kanäle
Farbmodelle
HSL
HSV
CMYK
Farbformate
Live-Vorschau
Hell
Schaltflächenvorschau
Dieser Text zeigt die Lesbarkeit der gewählten Farben.
Dunkel
Schaltflächenvorschau
Dieser Text zeigt die Lesbarkeit der gewählten Farben.
Barrierefreiheit und Kontrast
2.95:1
Beste Textfarbe: #000000
Dieser Text zeigt die Lesbarkeit der gewählten Farben.
Farbharmonien
Zuletzt verwendete Farben
Farbdaten
Relative Leuchtdichte0.00
Wahrgenommene Helligkeit0%
Nächste gebräuchliche CSS-Farbetomato
Bildschirm- und Druckfarben können abweichen; dieses Studio arbeitet in sRGB.
Wie werden RGB-Werte in HEX umgerechnet?
Jeder Kanal von 0 bis 255 wird zu einem zweistelligen Hexadezimalpaar; Rot, Grün und Blau ergeben #RRGGBB.
Was bedeutet der Alphawert?
Alpha steuert die Deckkraft von vollständig transparent bis vollständig deckend. Bei achtstelligem HEX steht Alpha im letzten Paar.
Barrierefreiheit vor Veröffentlichung prüfen
WCAG-Kontraste werden zusätzlich als Text angezeigt. Normaler Text benötigt 4,5:1 für AA, großer Text 3:1.
Formeln
HEX = #RR GG BB [AA]q = ⌊x ÷ 16⌋ · r = x − 16q255 = 16 × 15 + 15 → FFKontrastverhältnis = (Lₘₐₓ + 0.05) ÷ (Lₘᵢₙ + 0.05)FAQ zum RGB-HEX-Umrechner
Wie werden RGB-Werte in HEX umgerechnet?
Jeder Kanal von 0 bis 255 wird zu einem zweistelligen Hexadezimalpaar; Rot, Grün und Blau ergeben #RRGGBB.
Was bedeutet der Alphawert?
Alpha steuert die Deckkraft von vollständig transparent bis vollständig deckend. Bei achtstelligem HEX steht Alpha im letzten Paar.
Wie wird eine Palette barrierearm?
Prüfen Sie Vordergrund-Hintergrund-Kontraste, verlassen Sie sich nicht allein auf Farbe und testen Sie auch interaktive Zustände.
Warum kann eine Druckfarbe vom Bildschirm abweichen?
Bildschirme senden RGB-Licht aus, Drucker mischen Tinten; Papier, Profile und Kalibrierung beeinflussen das Ergebnis.
Verzeichnis des Einheitenumrechners
Benötigen Sie einen anderen Einheitenumrechner?
Durchsuchen Sie die vollständige Sammlung von Einheitenumrechnern nach Länge, Gewicht, Temperatur, Volumen, Fläche, Energie, Druck, Geschwindigkeit, Kraft, Drehmoment, elektrischen Einheiten, Datenspeicherung, Kraftstoffverbrauch, Konfektionsgrößen und Schuhgrößen.
Verzeichnis für Haustier-, Digital- und Website-Tools
Benötigen Sie ein anderes Haustier oder ein digitales Werkzeug?
Durchsuchen Sie die Haustier-, Digital- und Site-Tools-Sammlung nach Hundealter, Katzenalter, Hundefutter, Katzenfutter, Dosierungsschätzungen für Haustiere, Farbpaletten, Datenspeicherung, Pixeldichte und der Konvertierung von RGB in HEX.