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

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

    1.00:1
    ความคมชัด
    Fail
    แย่มาก

    ข้อความปกติ

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

    ข้อความขนาดใหญ่

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #FF7A00
    #ff7a00

    การแก้ไขด่วน

    Aa

    ดูตัวอย่างชื่อเรื่อง

    สุนัขจิ้งจอกสีน้ำตาลกระโดดข้ามสุนัขขี้เกียจ

    ตัวอย่างข้อความขนาดเล็ก (12px)

    ข้อความ
    #ffffff
    พื้นหลัง
    #ff7a00

    มาตรฐาน 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 สำหรับการปรับแต่ง
    • รูปแบบการแสดงตัวอย่างหลายแบบ

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

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