Kolora Kontrasta Kontrolilo

    Testu la kontrastan rilatumon inter antaŭa kaj fona koloroj por certigi alireblecon.

    1.00:1
    Kontrasto
    Fail
    Tre malbona

    Normala Teksto

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

    Granda teksto

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #C0C0C0
    #c0c0c0

    Rapidaj Riparoj

    Aa

    Antaŭrigarda Titolo

    La rapida bruna vulpo saltas super la laca hundo

    Ekzemplo de malgranda teksto (12px)

    Teksto
    #ffffff
    Fono
    #c0c0c0

    WCAG Normoj

    Level AA

    Minimuma kontrastproporcio de 4.5:1 por normala teksto kaj 3:1 por granda teksto. Bezonata por plejparto de retejoj.

    Level AAA

    Plibonigita kontrastproporcio de 7:1 por normala teksto kaj 4.5:1 por granda teksto. Rekomendita por plej bona alirebleco.

    Nesufiĉa kontrasto por ĉiuj tekstograndecoj - ne plenumas WCAG-normojn.

    Kolora kontrasta kontrolilo

    Kalkulu la kontrastan rilatumon de teksto kaj fona koloroj.

    Elektu koloron per la kolorilo por teksto kaj fona koloro aŭ enigu koloron en RGB-heksadecimalo (ekz., #259 aŭ #2596BE). Vi povas ĝustigi la glitilon por elekti koloron. La Retenhava Alireblaj Gvidlinioj (WCAG) havas specifan gvidlinion por helpi konstati ĉu teksto estas legebla por vidaj uzantoj. Ĉi tiu kriterio uzas apartan algoritmon por mapi kolorajn kombinaĵojn en kompareblajn proporciojn. Uzante ĉi tiun formulon, WCAG diras, ke 4.5:1 kolorkontrasta proporcio kun teksto kaj ĝia fono estas sufiĉa por regula (korpa) teksto, kaj grandaj tekstoj (18+ pt regula, aŭ 14+ pt grasa) devus havi almenaŭ 3:1 kolorkontrasta proporcio.

    Ĉefaj Trajtoj

    • Reala-tempa kontrastorilata kalkulo
    • WCAG AA & AAA kongrua kontrolado
    • HSL-glitiloj por fajna agordo
    • Multoblaj antaŭrigardaj formatoj

    Altnivelaj Iloj

    • Aŭtomata kolorfiksado
    • Teksto kaj fona specimenoj
    • Kolornoma detekto
    • Eksporti rezultojn