ตัวตรวจสอบความคมชัดของสี

    ทดสอบอัตราส่วนความคมชัดระหว่างสีพื้นหน้าและพื้นหลังเพื่อให้แน่ใจว่ามีการเข้าถึง

    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 hexadecimal (เช่น #259 หรือ #2596BE) คุณสามารถปรับแถบเลื่อนเพื่อเลือกสีได้ แนวทางการเข้าถึงเนื้อหาเว็บ (WCAG) มีแนวทางเฉพาะเพื่อช่วยให้ทราบว่าข้อความสามารถอ่านได้สำหรับผู้ใช้ที่มองเห็นได้หรือไม่ เกณฑ์นี้ใช้สูตรเฉพาะในการจับคู่สีเป็นอัตราส่วนที่เปรียบเทียบได้ โดยใช้สูตรนี้ WCAG ระบุว่าอัตราส่วนความคมชัดของสี 4.5:1 กับข้อความและพื้นหลังนั้นเพียงพอสำหรับข้อความปกติ และข้อความขนาดใหญ่ (18+ pt ปกติ หรือ 14+ pt หนา) ควรมีอัตราส่วนความคมชัดของสีอย่างน้อย 3:1

    คุณสมบัติหลัก

    • การคำนวณอัตราส่วนความคมชัดแบบเรียลไทม์
    • การตรวจสอบความสอดคล้องกับ WCAG AA & AAA
    • แถบเลื่อน HSL สำหรับการปรับแต่ง
    • รูปแบบการแสดงตัวอย่างหลายแบบ

    เครื่องมือขั้นสูง

    • การแก้ไขสีอัตโนมัติ
    • ตัวอย่างข้อความและพื้นหลัง
    • การตรวจจับชื่อสี
    • ส่งออกผลลัพธ์