Color Contrast Checker

    Sulayi ang contrast ratio tali sa foreground ug background nga mga kolor aron masiguro ang accessibility.

    1.00:1
    Contrast
    Fail
    Kaayo kabos

    Normal nga Teksto

    AA (4.5:1)
    AAA (7:1)

    Dako nga teksto

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #FFFF00
    #ffff00

    Dali nga mga pag-ayo

    Aa

    Preview nga Titulo

    Ang paspas nga kayumanggi nga iring molukso ibabaw sa tapulan nga iro

    Gamay nga pananglitan sa teksto (12px)

    Teksto
    #ffffff
    Background
    #ffff00

    WCAG Standards

    Level AA

    Minimum contrast ratio nga 4.5:1 para sa ordinaryong texto ug 3:1 para sa dagkong texto. Kinahanglan para sa kadaghanan sa mga website.

    Level AAA

    Napabaskog nga contrast ratio nga 7:1 para sa ordinaryong texto ug 4.5:1 para sa dagkong texto. Gipasigarbo para sa labing maayong accessibility.

    Insufisiyente nga contrast para sa tanang gidak-on sa teksto - napakyas sa mga sumbanan sa WCAG.

    Color Contrast Checker

    Kwenta ang contrast ratio sa teksto ug background nga mga kolor.

    Pilia ang usa ka kolor gamit ang color picker para sa texto ug background color o ipasulod ang usa ka kolor sa RGB hexadecimal format (pananglitan, #259 o #2596BE). Mahimo nimo i-adjust ang slider aron mapili ang kolor. Ang Web Content Accessibility Guidelines (WCAG) adunay piho nga giya aron makatabang mag-igo kung mabasa ba ang texto para sa mga nakakita nga mogamit. Kini nga criterion naggamit og piho nga algorithm aron mausab ang color combinations ngadto sa magkab-ot nga ratios. Gamit kini nga formula, gi-state sa WCAG nga ang {*} color contrast ratio tale sa texto ug sa background niini igo na para sa regular (body) text, ug ang dagkong texto (18+ pt regular, o 14+ pt bold) kinahanglan adunay labing menos 3:1 color contrast ratio.

    Pangunang mga bahin

    • Real-time nga pagkalkula sa contrast ratio
    • WCAG AA & AAA nga pagsunod
    • HSL sliders para sa pag-ayo
    • Daghang preview nga pormat

    Abante nga mga himan

    • Awtomatik nga pag-ayo sa kolor
    • Mga sample sa teksto ug background
    • Pag-ila sa ngalan sa kolor
    • I-export ang mga resulta