Normal na Teksto
Malaking teksto
Mabilis na pag-aayos
Pamagat ng Preview
Ang mabilis na kayumangging soro ay tumalon sa tamad na aso
Halimbawa ng maliit na teksto (12px)
Mga Pamantayan ng WCAG
Level AA
Minimum na contrast ratio na 4.5:1 para sa normal na teksto at 3:1 para sa malaking teksto. Kailangan para sa karamihan ng mga website.
Level AAA
Pinahusay na contrast ratio na 7:1 para sa normal na teksto at 4.5:1 para sa malaking teksto. Inirerekomenda para sa optimal na accessibility.
Hindi sapat ang contrast para sa lahat ng laki ng teksto - hindi pumapasa sa mga pamantayan ng WCAG.
Color Contrast Checker
Kalkulahin ang ratio ng kontrahan ng teksto at mga kulay ng background.
Pumili ng kulay gamit ang color picker para sa kulay ng teksto at background o magpasok ng kulay sa RGB hexadecimal format (hal. #259 o #2596BE). Maaari mong i-adjust ang slider para pumili ng kulay. May specific na guideline ang Web Content Accessibility Guidelines (WCAG) para matulungan kung readable ang teksto para sa mga nakakita. Gumagamit ang criteria ng particular na algorithm para imapa ang kombinasyon ng kulay sa comparable ratios. Gamit ang formula na ito, sinasabi ng WCAG na ang kulay na may contrast ratio na 4.5:1 sa pagitan ng teksto at background ay sapat para sa regular (body) text, at ang malaking teksto (18+ pt regular, o 14+ pt bold) ay dapat may at least 3:1 na color contrast ratio.
Pangunahing tampok
- • Real-time na pagkalkula ng contrast ratio
- • Pagsusuri ng pagsunod sa WCAG AA & AAA
- • HSL sliders para sa mas pinong pag-aayos
- • Maramihang format ng preview
Mga advanced na tool
- • Awtomatikong pag-aayos ng kulay
- • Mga halimbawa ng teksto at background
- • Pagtukoy ng pangalan ng kulay
- • I-export ang mga resulta