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

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

    1.00:1
    ตัดกัน
    Fail
    แย่มาก

    ข้อความปกติ

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

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

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

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

    Aa

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

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

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

    ข้อความ
    #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+ พอยต์) ควรมีอย่างน้อย 3:1 เป็นอัตราส่วนคอนทราสต์สี

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

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

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

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