Reňk kontrast barlagçysy

Elýeterliligi üpjün etmek üçin öň we fon reňkleriniň kontrast gatnaşygy barlaň.

1.00:1
Kontrast
Fail
Gaty pes

Adaty tekst

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

Uly tekst

AA (3:1)
AAA (4.5:1)
White
#ffffff
Bastille
#292130

Çalt düzedişler

Aa

Öňünden synlaň ady

Çalt goňur tilki ýalta itiň üstünden bökýär

Kiçi tekst mysaly (12px)

Tekst
#ffffff
Fon
#292130

WCAG standartlary

Level AA

Adaty tekst üçin 4.5:1 we uly tekst üçin 3:1 minimal kontrast gatnaşygy. Köp web sahypalary üçin zerur.

Level AAA

Adaty tekst üçin 7:1 we uly tekst üçin 4.5:1 güýçlendirilen kontrast gatnaşygy. Optimal elýeterlilik üçin maslahat berilýär.

Tekstiň ähli ululyklary üçin kontrast ýeterlik däl - WCAG standartlaryna laýyk gelmeýär.

Reňk kontrast barlaýjysy

Tekst we fon reňkleriniň kontrast gatnaşygy hasapla.

Tekst we fon reňki üçin reňk saýlamak ýa-da RGB on altylyk formatda reňk girizmek üçin reňk saýlaýjyny ulanyň (meselem, #259 ýa-da #2596BE). Reňk saýlamak üçin süýşürijini sazlap bilersiňiz. Web Mazmunyna Elýeterlilik Gollanmasy (WCAG) tekstiň göze görünýän ulanyjylar üçin okalýandygyny anyklamaga kömek edýän ýörite gollanma bar. Bu ölçeg reňk kombinasiýalaryny deňeşdirilýän gatnaşyklara geçirmek üçin belli bir algoritmi ulanýar. Bu formula ulanyp, WCAG tekst we onuň fon reňki bilen 4.5:1 kontrast gatnaşygy adaty (beden) tekst üçin ýeterlikdigini, uly tekst (18+ pt adaty ýa-da 14+ pt galyň) üçin bolsa azyndan 3:1 kontrast gatnaşygy bolmalydygyny aýdýar.

Esasy aýratynlyklar

  • Hakyky wagt kontrast gatnaşygy hasaplamasy
  • WCAG AA & AAA laýyklyk barlagy
  • Takyk sazlamak üçin HSL süýşürijileri
  • Köp görnüşli öňünden görmek

Ösen gurallar

  • Awtomatiki reňk düzedişi
  • Tekst we fon nusgalary
  • Reňk adyny anyklamak
  • Netijeleri eksport etmek