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

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

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

    Ердийн текст

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

    Том текст

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #FFFF00
    #ffff00

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

    Aa

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

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

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

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

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

    Level AA

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

    Level AAA

    Энгийн текстийн сайжруулсан харьцаа нь 7:1 ба том текстийн хувьд 4.5:1. Оновчтой хандалтын тулд зөвлөмжид оруулсан.

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

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

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

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

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

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

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

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