Өнгөний тодосгогч шалгагч

Хүртээмжтэй байдлыг хангахын тулд урд болон арын өнгөний ялгааг шалгана уу.

1.00:1
Эсрэг
Fail
Нэн ядуу

Ердийн текст

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

Том текст

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

Түргэн засварууд

Aa

Урьдчилан харах Гарчиг

Хурдан бор үнэг залхуу нохойн дээгүүр үсэрнэ

Жижиг текстийн жишээ (12px)

Текст
#000000
Суурь
#ff009e

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 гулсагч
  • Урьдчилан үзэх олон формат

Нарийвчилсан хэрэгслүүд

  • Автомат өнгө засах
  • Текст болон дэвсгэрийн жишээ
  • Өнгөний нэр илрүүлэх
  • Үр дүнг экспортлох