UTILS.
ทำงานในเบราว์เซอร์ 100%

เครื่องตรวจคอนทราสต์สี

ตรวจอัตราส่วนคอนทราสต์ตามมาตรฐาน WCAG ระหว่างสีข้อความและสีพื้นหลัง พร้อมผลลัพธ์ AA/AAA

เด็กน้อยกินกล้วยน้ำว้าใต้ต้นไม้ใหญ่อย่างเอร็ดอร่อย
ตัวอย่างข้อความขนาดใหญ่

เกี่ยวกับเครื่องมือนี้

เปรียบเทียบสีข้อความและสีพื้นหลังเพื่อดูอัตราส่วนคอนทราสต์ตาม WCAG และว่าผ่านเกณฑ์ AA และ AAA หรือไม่ คำนวณทั้งหมดในเครื่องผ่านเบราว์เซอร์ของคุณ

คำถามที่พบบ่อย

ข้อความขนาดใหญ่นับอย่างไร?
WCAG ถือว่าข้อความขนาด 18pt (24px) หรือ 14pt (18.66px) แบบตัวหนาเป็นข้อความขนาดใหญ่ ซึ่งต้องการอัตราส่วนที่ต่ำกว่าคือ 3:1 สำหรับ AA
อัตราส่วนเท่าใดจึงจะผ่าน?
ข้อความปกติต้องการ 4.5:1 สำหรับ AA และ 7:1 สำหรับ AAA ส่วนข้อความขนาดใหญ่ต้องการ 3:1 สำหรับ AA และ 4.5:1 สำหรับ AAA

เครื่องมือเพิ่มเติม