Farbeingabe
Einen Farbcode eingeben
Beispiele: #336699CC, rgb(51 102 153 / 80%), hsl(210 50% 40%), hwb(210 20% 40%), cmyk(67%, 33%, 0%, 40%) oder rebeccapurple.
Bereit.
Webdesign-Werkzeug
Farbumrechner
HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK und gebräuchliche Farbnamen streng prüfen und mit Alpha-Vorschau, Kopie und hintergrundbezogenem WCAG-Kontrast umrechnen.
HEX · RGB · HSL · HWB
#336699rgb(51, 102, 153)
Umgewandelte Werte
Farbcodeformate
HEX#336699
RGBrgb(51, 102, 153)
RGBArgba(51, 102, 153, 1)
HSLhsl(210, 50%, 40%)
HSLAhsla(210, 50%, 40%, 1)
HSVhsv(210, 66.7%, 60%)
HWBhwb(210 20% 40% / 1)
CMYKcmyk(66.7%, 33.3%, 0%, 40%)
CSS-Variable--color: rgba(51, 102, 153, 1);
Barrierefreiheit
Kontrastprüfung
Auf Weiß6.00:1
Auf Schwarz3.50:1
Auf eigenem Hintergrund6.00:1
Relative Leuchtdichte0.1251
Empfohlene TextfarbeWeißen Text für stärkeren Kontrast verwenden.
Transparente Farben werden vor der WCAG-Berechnung mit dem jeweiligen Hintergrund zusammengesetzt.
Farbcodetabelle
| Farbe | Name | HEX | RGB | HSL |
|---|---|---|---|---|
| Schwarz | #000000 | 0, 0, 0 | 0, 0%, 0% | |
| Weiß | #FFFFFF | 255, 255, 255 | 0, 0%, 100% | |
| Rot | #FF0000 | 255, 0, 0 | 0, 100%, 50% | |
| Limettengrün | #00FF00 | 0, 255, 0 | 120, 100%, 50% | |
| Blau | #0000FF | 0, 0, 255 | 240, 100%, 50% | |
| Gelb | #FFFF00 | 255, 255, 0 | 60, 100%, 50% | |
| Cyan | #00FFFF | 0, 255, 255 | 180, 100%, 50% | |
| Magenta | #FF00FF | 255, 0, 255 | 300, 100%, 50% | |
| Grau | #808080 | 128, 128, 128 | 0, 0%, 50% |
Hinweise zur Umrechnung
HEXHEX unterstützt drei, vier, sechs oder acht Stellen; das letzte Paar bei acht Stellen speichert Alpha.
RGBRGB akzeptiert alte Kommas, moderne Leerzeichen, Prozentwerte und Schrägstrich-Alpha mit strenger Bereichsprüfung.
HSL / HSV / HWBHSL, HSV und HWB teilen einen Farbtonwinkel, beschreiben aber Sättigung, Wert, Helligkeit, Weiß- und Schwarzanteil.
CMYKCMYK ist eine aus RGB abgeleitete Druckschätzung; genauer Druck benötigt ein ICC-Farbprofil.
WCAGWCAG nutzt relative Leuchtdichte: Normaltext braucht 4,5:1 für AA und 7:1 für AAA; großer Text 3:1 für AA.
Beliebte Farbumrechnungen
FAQ
Welche Farbformate werden unterstützt?
HEX, RGB, RGBA, HSL, HSLA, HSV oder HSB, HWB, CMYK, transparent und gebräuchliche CSS-Farbnamen.
Kann ich moderne CSS-Farbsyntax verwenden?
Ja. RGB und HSL akzeptieren Leerzeichen, Schrägstrich-Alpha, Prozent-RGB sowie deg, rad, grad und turn.
Wie wird Transparenz beim Kontrast behandelt?
Die Vordergrundfarbe wird zuerst mit Weiß, Schwarz oder dem gewählten Hintergrund zusammengesetzt, danach wird WCAG berechnet.
Ist CMYK für den Druck exakt?
Nein. Es ist eine praktische Schätzung; genauer Druck hängt von ICC-Profilen, Tinte, Papier und Verfahren ab.