Farbmodelle
Bildschirme mischen Farben additiv aus Rot, Grün und Blau. Im RGB-Modell hat jeder Kanal einen Wert von 0 bis 255. HEX schreibt dieselben drei Werte als zweistellige Hexadezimalzahlen, so wie in CSS: #FF8800 ist Rot 255, Grün 136, Blau 0.
HSL und HSV beschreiben Farben so, wie Menschen über sie sprechen: Farbton als Winkel im Farbkreis, dazu Sättigung und Helligkeit. Damit lassen sich hellere oder dunklere Varianten einer Farbe leicht erzeugen. CMYK ist das Modell des Drucks mit Cyan, Magenta, Gelb und Schwarz. Die Umrechnung hier ist rechnerisch. Für echte Druckfarben braucht es ein Farbprofil, das die Druckerei vorgibt.
Kontrast für Barrierefreiheit
Die internationalen Richtlinien für barrierefreie Webinhalte (WCAG) verlangen für normalen Text ein Kontrastverhältnis von mindestens 4,5:1 zum Hintergrund, für großen Text 3:1. Der Rechner zeigt, ob Ihre Farbe auf Weiß oder Schwarz als Textfarbe taugt.
Beispielrechnung
Eingaben
- Farbe: #6B4FBB
Ergebnis
- HEX: #6B4FBB
- RGB: rgb(107, 79, 187)
- HSL: hsl(256, 44 %, 52 %)
- HSV: hsv(256, 58 %, 73 %)
- CMYK: 43 / 58 / 0 / 27 %