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

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

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

    Ердийн текст

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

    Том текст

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Eastern Blue
    #2596be

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

    Aa

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

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

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

    Текст
    #000000
    Дэвсгэр
    #2596be

    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 гулсагч
    • Олон төрлийн урьдчилсан харагдац

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

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