What is the minimum contrast ratio for WCAG AA compliance?

For WCAG AA compliance, normal text requires a minimum contrast ratio of 4.5:1, while large text (18pt or 14pt bold) requires 3:1.

What is the difference between WCAG AA and AAA standards?

WCAG AAA requires higher contrast ratios: 7:1 for normal text and 4.5:1 for large text, compared to AA's 4.5:1 and 3:1 respectively.

How do I fix poor color contrast?

Use our automatic fix feature to adjust either text or background colors while maintaining your design intent, or manually adjust colors using HSL sliders with visual indicators showing optimal zones for AA/AAA compliance.

What are the visual indicators on the adjustment sliders?

The green zones and AA/AAA markers show optimal ranges for achieving WCAG compliance. The direction hints (Lighter/Darker) guide you toward better contrast based on your current color combination.

Can I test custom color combinations?

Yes, you can enter any hex color codes or use the color picker to select custom colors. The URL updates automatically so you can share specific color combinations.

Color Contrast Checker - WCAG AA & AAA Compliance Tool

Hlahloba mebala ea hao

Lekola metswako ya mebala ho netefatsa hore e fihlella maemo a phihlello a WCAG bakeng sa ho balwa ha mongolo.

1.00:1

Bapisa

Ha e fete

E futsanehileng haholo

Mongolo o tloaelehileng

AA (4.5:1)

AAA (7:1)

Mongolo o moholo

AA (3:1)

AAA (4.5:1)

Mobala oa Mongolo

Mmala wa bokamorao

Litokiso tse potlakileng

Sehloho sa pono ea pele

Phokojwe e potlakileng e sootho e tlolela hodima ntja e botswa

Mohlala oa mongolo o monyane (12px)

Mongolo

#ffffff

Ka morao

#978679

Litekanyetso tsa WCAG

Boemo AA

Bonyane karo-karolelano ea 4.5:1 bakeng sa mongolo o tloaelehileng le 3:1 bakeng sa mongolo o moholo. E ea hlokahala bakeng sa liwebsaete tse ngata.

Boemo AAA

Karolelano e matlafalitsoeng ea phapang ea 7:1 bakeng sa mongolo o tloaelehileng le 4.5:1 bakeng sa mongolo o moholo. E khothaletsoa bakeng sa phihlello e felletseng.

Phapang e mpe bakeng sa boholo ba mongolo.

Mohlahlobi oa phapang ea mebala

Bala tekanyo ea phapang ea mongolo le mebala ea bokamorao.

Kgetha mmala o sebedisa sekgethi sa mebala bakeng sa mongolo le bokamorao ba mmala kapa o kenye mmala ka sebopeho sa RGB sa hexadecimal (mohlala, #259 kapa #2596BE). O ka fetola selaete ho khetha mmala. The Web Content Accessibility Guidelines (WCAG) e na le tataiso e tobileng ho thusa ho fumana hore na mongolo o ka baloa bakeng sa basebelisi ba bonang. Mokhoa ona o sebelisa algorithm e itseng ho etsa 'mapa oa motsoako oa mebala hore o bapise. E sebelisa mokhoa ona, WCAG e bolela hore tekanyo ea 4.5:1 ea mebala e fapaneng le mongolo le bokamorao ba eona bo lekane bakeng sa mongolo o tloaelehileng ('mele),' me mongolo o moholo (18+ pt kamehla, kapa 14+ pt bold) o lokela ho ba le bonyane 3: 1 karohano ea mebala.

Likarolo tsa bohlokoa

Palo ea karohano ea nako ea sebele
WCAG AA & AAA ho hlahloba ho latela melao
Li-slider tsa HSL bakeng sa tokiso e ntle
Mefuta e mengata ea ponelopele

Lisebelisoa tse tsoetseng pele

Ho lokisa mebala ka tsela e iketsang
Mehlala ea mongolo le bokamorao
Ho lemoha mabitso a mebala
Romella liphetho