So funktioniert's
- Einen Farbcode eingeben (z. B. #4F46E5, rgb(…), hsl(…) oder einen CSS-Farbnamen) oder den Farbwähler nutzen.
- Alle Formate ablesen und per Klick kopieren.
- Kontrast zu weißem und schwarzem Text prüfen und passende Abstufungen auswählen.
Farbformate im Überblick
HEX und RGB beschreiben eine Farbe über Rot-, Grün- und Blauanteile und sind Standard im Web. HSL (Farbton, Sättigung, Helligkeit) ist intuitiver, um Farben aufzuhellen oder abzudunkeln. CMYK ist das Farbmodell des Drucks – die Werte hier sind eine Näherung ohne Farbprofil.
Die Kontrastprüfung folgt den WCAG-Richtlinien: Für normalen Text ist ein Verhältnis von mindestens 4,5 : 1 (AA) nötig, für großen Text 3 : 1, für AAA 7 : 1.
Häufige Fragen
Wie rechne ich HEX in RGB um?
Jedes Zeichenpaar ist ein Hexadezimalwert von 00 bis FF: #4F46E5 ergibt Rot 0x4F = 79, Grün 0x46 = 70, Blau 0xE5 = 229.
Sind die CMYK-Werte druckgenau?
Nein. Für exakte Druckfarben braucht es ein Farbprofil (z. B. ISO Coated). Die Werte sind eine gute Näherung für den Einstieg.
Was bedeutet AA und AAA beim Kontrast?
Das sind Stufen der Barrierefreiheit nach WCAG. AA ist der übliche Mindeststandard, AAA die strengere Stufe.