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

ตัวตรวจสอบความคมชัดของสีของเราทํางานอย่างไร

ป้อนสีพื้นหน้าและพื้นหลังของคุณโดยใช้ค่าฐานสิบหก RGB หรือเลือกโดยตรงด้วยตัวเลือกสี

 คุณสามารถ:

• ปรับอัลฟ่าเพื่อเปลี่ยนความโปร่งใสของสีพื้นหน้า
• ใช้แถบเลื่อนความสว่างเพื่อทําให้สีดูอ่อนขึ้นหรือเข้มขึ้น

จากนั้นเครื่องมือของเราจะคํานวณอัตราส่วนคอนทราสต์และตรวจสอบกับแนวทางของ WCAG:

• WCAG 2.0 ระดับ AA
• อย่างน้อย 4.5:1 สําหรับข้อความเนื้อหาปกติ
• อย่างน้อย 3:1 สําหรับข้อความขนาดใหญ่
• WCAG 2.1 (UI และกราฟิก)
• อย่างน้อย 3:1 สําหรับไอคอน เส้นขอบ และส่วนประกอบอินเทอร์เฟซอื่นๆ
• WCAG ระดับ AAA
• อย่างน้อย 7:1 สําหรับข้อความปกติ
• อย่างน้อย 4.5:1 สําหรับข้อความขนาดใหญ่

ข้อความขนาดใหญ่หมายถึง:

• 14 pt (ประมาณ 18.66 พิกเซล) และตัวหนา หรือ
• 18 pt (ประมาณ px) หรือใหญ่กว่า

คุณสามารถใช้หลอดหยดในตัวเลือกสีเพื่อคว้าสีที่แน่นอนจากอะไรก็ได้บนหน้าจอของคุณ ทําให้ง่ายต่อการทดสอบการออกแบบ ปุ่ม หรือพื้นหลังจริง

สําหรับลิงก์ที่อาศัยสีเพียงอย่างเดียวเพื่อให้โดดเด่น ให้ใช้ตัวตรวจสอบความเปรียบต่างของสีของเราเพื่อให้แน่ใจว่าตรงตามมาตรฐานการช่วยสําหรับการเข้าถึงและอ่านง่ายสําหรับทุกคน