Color Contrast Ratio Calculator
Kostenloser RechnerPrüfe das WCAG-Kontrastverhältnis zwischen Text- und Hintergrundfarbe, damit dein Design lesbar und barrierefrei bleibt.
100 % privat
Läuft in deinem Browser — keine Zahlen verlassen dein Gerät.
Deine Farben (RGB)
Rotkanal deiner Textfarbe.
Grünkanal deiner Textfarbe.
Blaukanal deiner Textfarbe.
Rotkanal deiner Hintergrundfarbe.
Grünkanal deiner Hintergrundfarbe.
Blaukanal deiner Hintergrundfarbe.
Kontrastverhältnis
15,43 : 1
WCAG AA benötigt 4,5:1 (3:1 für große Schrift); AAA benötigt 7:1.
So funktioniert es
colorContrast.how.s1.title
colorContrast.how.s1.desc
colorContrast.how.s2.title
colorContrast.how.s2.desc
colorContrast.how.s3.title
colorContrast.how.s3.desc
colorContrast.how.s4.title
colorContrast.how.s4.desc
Screenshots gestalten, die man wirklich lesen kann
Reverze baut App-Store-Screenshots in besser konvertierendes, lesbares Creative um.
Warum Farbkontrast wichtig ist
Das Kontrastverhältnis misst, wie stark sich deine Textfarbe vom Hintergrund unterscheidet — auf einer Skala von 1:1 (identisch) bis 21:1 (Schwarz auf Weiß). Die Web Content Accessibility Guidelines (WCAG) legen Mindestwerte fest, damit Menschen mit Sehschwäche oder Farbfehlsichtigkeit deine Inhalte lesen können. Normaler Text braucht mindestens 4,5:1 für AA, große Schrift (etwa 18 pt oder 14 pt fett) nur 3:1.
Das strengere AAA-Level verlangt 7:1 für normalen Text und 4,5:1 für große Schrift. Dieser Rechner wendet die offizielle WCAG-Formel für die relative Leuchtdichte auf deine RGB-Werte an, sodass du jedes Text-Hintergrund-Paar vor der Veröffentlichung prüfen kannst — ganz ohne Schätzen.