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

เครื่องมือตรวจสอบคอนทราสต์สีของเราทำงานอย่างไร

ป้อนสี พื้นหน้า และ พื้นหลัง โดยใช้ค่า 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 พอยต์ (ประมาณ 18.66 พิกเซล) และตัวหนา หรือ
• 18 พอยต์ (ประมาณ px) หรือใหญ่กว่า

คุณสามารถใช้ยาหยอดตาในเครื่องมือเลือกสีเพื่อดึงสีที่ต้องการจากทุกสิ่งบนหน้าจอของคุณ

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