Calculator ng Color Contrast Ratio

Suriin ang contrast ratio ng dalawang kulay para sa accessibility.

Paano gamitin

  1. Ilagay ang iyong mga halaga sa mga field sa itaas.
  2. Pindutin ang Kalkulahin upang makita agad ang resulta.
  3. Gamitin ang button na Ibahagi upang kopyahin ang link sa iyong resulta.

Tungkol sa calculator na ito

Kinakalkula ng calculator na ito ang WCAG contrast ratio sa pagitan ng dalawang kulay gamit ang (L1 + 0.05) / (L2 + 0.05), kung saan ang L1 at L2 ay ang relative luminance ng mas maliwanag at mas madilim na kulay, na ang bawat isa ay hinango mula sa mga sRGB channel value gamit ang gamma-corrected na luminance formula ng WCAG. Ang resulta ay saklaw mula 1:1 (kaparehong kulay) hanggang 21:1 (purong itim sa puti), at sinusuri laban sa mga threshold ng Web Content Accessibility Guidelines — 4.5:1 para sa normal na text at 3:1 para sa malaking text sa AA level, 7:1 at 4.5:1 ayon sa pagkakasunod para sa mas mahigpit na AAA level.

Ginagamit ito ng mga web designer, front-end developer, at accessibility auditor upang tiyakin na natutugunan ng text at mga UI element ang legal at usability na accessibility standard (WCAG 2.1, ADA, Section 508 compliance) para sa mga user na may mahinang paningin o color blindness. Ilagay ang dalawang hex na kulay upang makuha ang contrast ratio at pass/fail status.

Was this helpful?

Maaari kang pumili ng hanggang 3 reaksyon.

Comments (0)

  • Be the first to comment.

Mga sikat na calculator

Lahat ng Calculator