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 ratio ng kontrahan na 4.5:1 para sa normal na teksto at 3:1 para sa malaking teksto. Kinakailangan para sa karamihan ng mga website.
Level AAA
Pinahusay na ratio ng kontrahan na 7:1 para sa normal na teksto at 4.5:1 para sa malaking teksto. Inirerekomenda para sa pinakamainam 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 teksto at kulay ng background o maglagay ng kulay sa RGB hexadecimal na format (hal., #259 o #2596BE). Maaari mong ayusin ang slider para pumili ng kulay. Ang Web Content Accessibility Guidelines (WCAG) ay may partikular na gabay para malaman kung nababasa ang teksto para sa mga may paningin. Ang pamantayang ito ay gumagamit ng partikular na algorithm para i-map ang mga kumbinasyon ng kulay sa mga maihahambing na ratio. Gamit ang pormulang ito, sinasabi ng WCAG na ang 4.5:1 na ratio ng kontrahan ng kulay sa pagitan ng teksto at background nito ay sapat para sa regular (body) na teksto, at ang malaking teksto (18+ pt regular, o 14+ pt bold) ay dapat magkaroon ng hindi bababa sa 3:1 na ratio ng kontrahan ng kulay.
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