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

Өнгөө шалга

Текст унших боломжтой байдлыг хангахын тулд WCAG хүртээмжийн стандартыг хангаж байгаа эсэхийг шалгахын тулд өнгөний хослолыг туршина уу.

1.00:1

Ялгарал

Тэнцээгүй

Маш муу

Ердийн текст

AA (4.5:1)

AAA (7:1)

Том текст

AA (3:1)

AAA (4.5:1)

Текстийн өнгө

Арын өнгө

Түргэн засварууд

Урьдчилан харах гарчиг

Хурдан бор үнэг залхуу нохой дээгүүр үсрэв

Жижиг текстийн жишээ (12px)

Текст

#ffffff

Дэвсгэр

#79deec

WCAG стандартууд

Түвшин AA

Энгийн текстийн хувьд хамгийн бага харьцаа нь 4.5:1 ба том текстийн хувьд 3:1 байх шаардлагатай. Ихэнх вэбсайтуудад заавал шаардлагатай.

Түвшин AAA

Энгийн текстийн сайжруулсан харьцаа нь 7:1 ба том текстийн хувьд 4.5:1. Оновчтой хандалтын тулд зөвлөмжид оруулсан.

Бүх текстийн хэмжээний хувьд хангалтгүй ялгарал - WCAG стандартуудыг хангахгүй байна.

Өнгөний ялгарал шалгагч

Текст болон арын өнгөний ялгаралтын харьцааг тооцоолно уу.

Текст болон фонны өнгийг зөвшөөрөгдсөн харьцаа (e.g., #259 эсвэл #2596BE) оруулж, өнгийг сонгоно уу. Та чулууг хөдөлгөн өнгийг сонгох боломжтой. Вэб Агуулгын Хандалтын Заавар (WCAG) нь харагдах хүмүүсийн текст унших боломжтой эсэхийг тодорхойлоход туслах тодорхой заавартай байдаг. Энэ шалгуур нь өнгөний хослолыг харьцуулалттай харьцаа болгон зураглах тодорхой алгоритмыг ашигладаг. Энэхүү томьёоллоор WCAG нь 4.5:1 өнгөний харьцаа нь энгийн (их биеийн) текст болон том текст (18+ pt энгийн, эсвэл 14+ pt бүдүүн) нь дор хаяж 3:1 харьцаатай байх хэрэгтэй гэж заасан.

Гол онцлогууд

Бодит цагийн ялгаралтын харьцаа тооцоолол
WCAG AA & AAA нийцлийн шалгалт
Нарийн тохиргооны HSL гулсагч
Олон төрлийн урьдчилсан харагдац

Нарийвчилсан хэрэгслүүд

Өнгө автоматаар засах
Текст болон дэвсгэрийн жишээ
Өнгөний нэр илрүүлэх
Үр дүнг экспортлох