Which contrast ratio do I need to pass WCAG AA?
Normal text requires a 4.5:1 ratio; large text (18pt+ or 14pt bold) requires 3:1. The WCAG Color Contrast checker shows both thresholds and your pass/fail status instantly.
Sammlung
Design & Color Tools
Check color contrast ratios for WCAG compliance, simulate color blindness, and calculate aspect ratios — free design helpers that run entirely in your browser.
3 Tools in dieser Kategorie
← StartseiteWarum es diese Sammlung gibt
Accessible and well-proportioned visuals start with the right numbers. This collection groups the TeaFun tools that designers, developers, and content creators use to check color accessibility, simulate vision conditions, and lock in correct proportions.
Häufige Anwendungsfälle
- Verify foreground and background color combinations meet WCAG AA and AAA contrast standards.
- Preview how your palette looks to users with protanopia, deuteranopia, or other color vision differences.
- Calculate and lock in the correct aspect ratio when cropping images or sizing video embeds.
Empfohlene Tools
Farbpalette + WCAG-Checker
Prüfe Kontrastverhältnisse, AA-/AAA-Konformität, generiere Palettenvarianten und exportiere CSS- oder Tailwind-v4-Farb-Tokens lokal.
Farbenblindheitstest
Testen Sie Ihr Farbsehen mit Ishihara-Tafeln, die speziell für Gamer optimiert wurden.
Seitenverhaeltnis-Rechner
Seitenverhaeltnisse sofort berechnen. Masse konvertieren, fehlende Seiten berechnen und Bildgroessen fuer Social Media 2025/2026 nachschlagen.
Häufig gestellte Fragen
How does the color blindness simulator work?
It applies standard daltonisation matrices to the input colors to approximate how they appear with different types of color vision deficiency — all computed locally in your browser.