Түс контрастын текшергич

Жеткиликтүүлүгүн камсыз кылуу үчүн алдыңкы план менен фон түстөрүнүн ортосундагы контраст катышын текшериңиз.

1.00:1
Контраст
Fail
Абдан кедей

Кадимки Текст

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

Чоң текст

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#ff6840

Ыкчам оңдоолор

Aa

Алдын ала көрүү аталышы

Тез күрөң түлкү жалкоо иттин үстүнөн секирет

Чакан текст үлгүсү (12px)

Текст
#000000
Фон
#ff6840

WCAG стандарттары

Level AA

Кадимки текст үчүн 4,5:1 жана чоң текст үчүн 3:1 контрасттын минималдуу катышы. Көпчүлүк веб-сайттар үчүн талап кылынат.

Level AAA

Кадимки текст үчүн 7:1 жана чоң текст үчүн 4,5:1 жакшыртылган контраст катышы. Оптималдуу жеткиликтүүлүк үчүн сунушталат.

Бардык текст өлчөмдөрү үчүн начар контраст.

Түс контрастын текшергич

Тексттин жана фон түстөрүнүн контрасттык катышын эсептеңиз.

Текст жана фон түсү үчүн түс тандоочу аркылуу түс тандаңыз же түстү RGB он алтылык форматта киргизиңиз (мисалы, #259 же #2596BE). Сиз түстү тандоо үчүн сыдырманы тууралай аласыз. Веб Мазмунунун Жеткиликтүүлүк Көрсөтмөлөрүндө (WCAG) тексттин көрүүсү начар колдонуучулар үчүн окууга мүмкүн экендигин аныктоого жардам берүүчү атайын көрсөтмө бар. Бул критерий түс айкалыштарын салыштырылуучу катыштарга түшүрүү үчүн белгилүү бир алгоритмди колдонот. Бул формуланы колдонуу менен, WCAG текст жана анын фонуна 4,5:1 түстүү контраст катышы кадимки (негизги) текст үчүн адекваттуу экенин жана чоң текстте (18+ pt кадимки же 14+ pt жоон) кеминде 3 болушу керек экенин айтат: 1 түс контраст катышы.

Негизги өзгөчөлүктөрү

  • реалдуу убакыт контраст катышын эсептөө
  • WCAG AA & AAA шайкештигин текшерүү
  • Жакшы жөндөө үчүн HSL сыдырмалары
  • Бир нече алдын ала көрүү форматтары

Advanced Tools

  • Автоматтык түстөрдү аныктоо
  • Текст жана фон үлгүлөрү
  • Түс атын аныктоо
  • Натыйжаларды экспорттоо