Өнгөний ялгарал шалгагч

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

1.00:1
Ялгарал
Fail
Маш муу

Ердийн текст

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

Том текст

AA (3:1)
AAA (4.5:1)
White
#ffffff
Brilliant Rose
#f653a6

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

Aa

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

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

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

Текст
#ffffff
Дэвсгэр
#f653a6

WCAG стандартууд

Level AA

Ердийн текстэд 4.5:1, том текстэд 3:1 хамгийн бага ялгаралтын харьцаа. Ихэнх вэбсайтуудад шаардлагатай.

Level AAA

Ердийн текстэд 7:1, том текстэд 4.5:1 сайжруулсан ялгаралтын харьцаа. Хамгийн сайн хүртээмжтэй байдалд зөвлөмжтэй.

Бүх текстийн хэмжээний хувьд хангалтгүй ялгарал - WCAG стандартуудыг хангахгүй байна.

Өнгөний ялгарал шалгагч

Текст болон арын өнгөний ялгаралтын харьцааг тооцоолно уу.

Текст болон арын өнгөний хувьд өнгө сонгох эсвэл RGB арван зургаатын форматаар өнгө оруулна уу (жишээ нь, #259 эсвэл #2596BE). Өнгө сонгохын тулд гулсагчийг тохируулж болно. Вэб контентийн хүртээмжийн удирдамж (WCAG) нь текстийг харах боломжтой хэрэглэгчдэд уншихад тохиромжтой эсэхийг тодорхойлоход туслах тодорхой удирдамжтай. Энэ шалгуур нь өнгөний хослолыг харьцуулж болох харьцаанд оруулах тодорхой алгоритмыг ашигладаг. Энэ томъёог ашиглан WCAG нь текст болон түүний арын өнгөний 4.5:1 харьцаа нь ердийн (биеийн) текстэд хангалттай, том текст (18+ pt ердийн, эсвэл 14+ pt зузаан) нь дор хаяж 3:1 өнгөний ялгаралтын харьцаатай байх ёстой гэж заасан.

Гол онцлогууд

  • Бодит цагийн ялгаралтын харьцаа тооцоолол
  • WCAG AA & AAA нийцлийн шалгалт
  • Нарийн тохиргооны HSL гулсагч
  • Олон төрлийн урьдчилсан харагдац

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

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