Color Contrast Checker

Edza musiyano pakati pemavara epamberi nekumashure kuti uone kuwanika.

1.00:1
Musiyano
Fail
Zvakanyanya kushata

Kunyora kwechinyorwa

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

Kunyora kukuru

AA (3:1)
AAA (4.5:1)
White
#ffffff
Jacko Bean
#2e1905

Kugadzirisa Nekukurumidza

Aa

Musoro weOngororo

Gonzo rakasviba rinokurumidza kupfuura imbwa inonetsekana

Muenzaniso wemavara madiki (12px)

Mavara
#ffffff
Kumashure
#2e1905

Maitiro eWCAG

Level AA

Minimum musiyano wemavara we4.5:1 wekunyora kwechinyorwa uye 3:1 wekunyora kukuru. Zvinodiwa kune mazhinji emawebhusaiti.

Level AAA

Musiyano wakawedzerwa we7:1 wekunyora kwechinyorwa uye 4.5:1 wekunyora kukuru. Zvinokurudzirwa kuti zvive nyore kuverenga.

Kusiyana kwakashoma kwehukuru hwese hwekunyora - kunotadza mitemo yeWCAG.

Color Contrast Checker

Verenga musiyano wekunyora uye kumashure kwemavara.

Sarudza ruvara uchishandisa selector de color yemavara ekunyora uye kumashure kana pinda ruvara muRGB hexadecimal fomati (semuenzaniso, #259 kana #2596BE). Unogona kugadzirisa slider kusarudza ruvara. Web Content Accessibility Guidelines (WCAG) ine gwara rakatarwa kuti ibatsire kuona kana kunyora kuchiverengwa nevashandisi vanoona. Iyi mitemo inoshandisa algorithm chaiyo kuti ienzanise musanganiswa wemavara kuita ratios inofananidzwa. Uchishandisa fomula iyi, WCAG inotaura kuti 4.5:1 musiyano wemavara nekunyora uye kumashure kwayo kwakakwana kune kunyora kwechinyorwa, uye kunyora kukuru (18+ pt regular, kana 14+ pt bold) kunofanirwa kuve ne3:1 musiyano wemavara.

Zvinhu Zvikuru

  • Kuverenga kwekusiyana kwechinguva
  • Kuongorora kutevedzera WCAG AA & AAA
  • HSL sliders yekugadzirisa
  • Mhando dzakasiyana dzekutarisa

Zvishandiso Zvakadzama

  • Kugadzirisa mavara otomatiki
  • Mienzaniso yezvinyorwa uye kumashure
  • Kuziva zita remavara
  • Tumira mhedzisiro