Checker ng Contrast ng Kulay
WCAG contrast ratio para sa dalawang kulay.
| Pamantayan | Normal na teksto | Malaking teksto |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
| WCAG 1.4.11 | Mga non-text / UI component (≥3:1): — | |
Sinusunod ng ulat na ito ang mga kinakailangan sa contrast ratio ng WCAG 2.2. Eksperimental pa rin ang APCA at hindi ito resulta ng pagsunod sa WCAG 3.
Pumili ng mga kulay? Tagapag-convert ng Kulay · social bios: Fancy Text Generator · iskala: Tagabuo ng mga Color Shades.
Paano gamitin
Pumili ng kulay ng teksto at kulay ng background. Ang contrast ratio at pass/fail para sa bawat WCAG level ay nag-a-update nang live, kasama ang preview.
Mga Madalas Itanong
Ano ang magandang contrast ratio?
Nangangailangan ang WCAG AA ng 4.5:1 para sa normal na text at 3:1 para sa malaking text. Nangangailangan naman ang AAA ng 7:1 at 4.5:1 ayon sa pagkakasunod. Nangangailangan din ang WCAG 1.4.11 ng 3:1 para sa mahahalagang non-text graphic at mga boundary o state ng UI component.
Ano ang itinuturing na malaking teksto?
Ang malaking teksto ay humigit-kumulang 18pt (24px) o 14pt (18.66px) naka-bold at mas malaki.
Paano kinakalkula ang ratio?
Mula sa relative luminance ng parehong kulay: (mas maliwanag + 0.05) ÷ (mas madilim + 0.05), batay sa WCAG formula.
Huling na-update: