ImageColorPicker.com

Tcheke kontras koulè

Teste rapò kontras ant koulè devan ak background pou asire aksè.

Verifye koulè ou yo

Teste konbinezon koulè pou asire yo satisfè estanda aksè WCAG pou lizibilite tèks.

19.81 pou 1
Kontras
AAA
Rezilta tèks
Sipè

Konpare: #000000 sou #E7FDF9

Tèks

16px, Regular (400)

Konsidere kòm tèks nòmal.

  • AA (WCAG 1.4.3): omwen 4.5:1

    Pase

  • AAA (WCAG 1.4.6): omwen 7:1

    Pase

Konpozan UI ak grafik

Ikòn, bòde antre, endikatè fokis ak lòt pati ou bezwen wè pou itilize entèfas la.

  • AA (WCAG 1.4.11): omwen 3:1

    Pase
19.81 pou 1. Tèks: pase AA, pase AAA. Konpozan UI: pase.
Kijan yo tcheke sa
Koulè yo konpare (apre melanj)
Tèks #000000 sou fon #E7FDF9
Luminozite relatif
Tèks 0.0000, fon 0.9407
Fòmil
(L1 + 0.05) / (L2 + 0.05) kote L1 se luminozite koulè ki pi klere a epi L2 koulè ki pi fonse a.
Rapò egzak
19.8158 pou 1, montre kòm 19.81 pou 1. Valè ki montre a koupe, li pa awondi, konsa li pa janm parèt pi bon pase li ye. Valè egzak la se sa yo konpare ak kondisyon an.

Gwosè tèks: 16px, Regular (400)

Konsidere kòm tèks nòmal. Tèks gwo se omwen 24px (18pt), oswa omwen 18.67px (14pt) lè li an bold (pwa 700 oswa plis). Gwosè yo montre koupe, yo pa awondi.

Konsidere kòm tèks nòmal. Tèks gwo se omwen 24px (18pt), oswa omwen 18.67px (14pt) lè li an bold (pwa 700 oswa plis). Gwosè yo montre koupe, yo pa awondi.

Aa
Tit apèsi

Chyen mawon rapid la sote sou chen parese a

Egzanp tèks ti (12px)

Tèks
#000000
Background
#e7fdf9

Estanda WCAG

Nivo AA

Rapò kontras minimòm de 4.5:1 pou tèks nòmal ak 3:1 pou gwo tèks. Oblije pou pifò sit entènèt.

Nivo AAA

Amelyore rapò kontras 7:1 pou tèks nòmal ak 4.5:1 pou gwo tèks. Rekòmande pou pi bon aksè.

Tcheke kontras koulè

Kalkile rapò kontras ant tèks ak koulè background.

Chwazi yon koulè ak seleksyonè koulè a pou tèks ak koulè background oswa antre yon koulè nan fòma rgb egzadesimal (egzanp, #259 oswa #2596BE). Ou ka ajiste glisè a pou chwazi koulè. Règleman Pwogramatik Aksesibilite (WCAG) gen yon gid espesyal pou ede detèmine si tèks la li pou itilizatè ki wè. Kritè sa a itilize yon algorit apati, metòd pou konte konbinezon koulè nan rapò konparab. Dapre fòmil sa a, WCAG di ke yon rapò kontras koulè 4.5:1 ak tèks ak background li se adekwa pou tèks nòmal (tèks kò), ak gwo tèks (18+ pt nòmal, oswa 14+ pt fonse) ta dwe gen omwen yon rapò kontras 3:1.

Karakteristik kle

  • Kalkil rapò kontras an tan reyèl
  • Tcheke konformite WCAG AA & AAA
  • Glisè HSL pou ajisteman presi
  • Plizyè fòma aperçu

Zouti avanse

  • Koreksyon koulè otomatik
  • Egzanp tèks ak background
  • Deteksyon non koulè
  • Ekspòte rezilta yo

Kesyon yo poze souvan

Pou konfòmite WCAG AA, tèks nòmal mande yon rapò kontras minimòm 4.5:1, pandan tèks gwo (18pt oswa 14pt gra) mande 3:1.

WCAG AAA mande rapò kontras ki pi wo: 7:1 pou tèks nòmal ak 4.5:1 pou tèks gwo, konpare ak 4.5:1 ak 3:1 pou AA respektivman.

Itilize fonksyon korèksyon otomatik la pou ajiste tèks oswa background pandan w ap kenbe objektif dizayn ou an, oswa ajiste koulè yo manyèlman ak glisyè HSL yo ki montre zòn optimal pou konfòmite AA/AAA.

Zòn vèt yo ak mak AA/AAA yo montre ranje optimal pou rive nan konfòmite WCAG. Endikasyon direksyon yo (Pi klè/Pi fonse) gide w nan yon pi bon kontras selon konbinezon koulè ou ye kounye a.

Wi, ou ka antre nenpòt kòd HEX oswa itilize chwazisè koulè a pou chwazi koulè pèsonalize. URL la mete ajou otomatikman, kidonk ou ka pataje yon konbinezon koulè espesifik.