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

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

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

    Ердийн текст

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

    Том текст

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

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

    Aa

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

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

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

    Текст
    #000000
    Суурь
    #2596be

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

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

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