Color Contrast Checker

    Subukan ang contrast ratio sa pagitan ng mga kulay ng foreground at background upang matiyak ang pagiging naa-access.

    Color Contrast Checker

    Kulay ng teksto
    Kulay ng background
    Contrast
    Fail
    Maliit na text
    ✖︎
    Malaking text
    ✖︎

    Lahat ay isang Genius. Ngunit Kung Huhusgahan Mo ang Isda sa Kakayahang Umakyat Ng Puno, Buong Buhay Nito Ang Paniniwalang Ito ay Tanga.

    - Albert Einstein

    Color Contrast Checker

    Kalkulahin ang contrast ratio ng mga kulay ng teksto at background.

    Pumili ng kulay gamit ang color picker para sa text at kulay ng background o maglagay ng kulay sa RGB hexadecimal na format (hal., #259 o #2596BE). Maaari mong ayusin ang slider upang pumili ng kulay. Ang Web Content Accessibility Guidelines (WCAG) ay may partikular na alituntunin upang makatulong na malaman kung ang teksto ay nababasa para sa mga nakikitang user. Gumagamit ang pamantayang ito ng isang partikular na algorithm upang imapa ang mga kumbinasyon ng kulay sa mga maihahambing na ratio. Gamit ang formula na ito, isinasaad ng WCAG na ang isang 4.5:1 na color contrast ratio na may text at background nito ay sapat para sa regular (katawan) na text, at ang malaking text (18+ pt regular, o 14+ pt bold) ay dapat na may hindi bababa sa 3: 1 kulay na contrast ratio.