ตัวตรวจสอบคอนทราสต์สี
ตรวจสอบอัตราส่วนคอนทราสต์สี WCAG 2.1 ระหว่างสีพื้นหน้าและพื้นหลัง พร้อมความสอดคล้อง AA/AAA
การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดข้อมูล
ตัวตรวจสอบคอนทราสต์สี
ตรวจสอบอัตราส่วนคอนทราสต์สี WCAG 2.1 ระหว่างสีพื้นหน้าและพื้นหลัง พร้อมความสอดคล้อง AA/AAA
🔒การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดข้อมูล
สี
ตัวอย่างแบบสด
ข้อความปกติ (16px) - The quick brown fox jumps over the lazy dog.
ข้อความขนาดใหญ่ (24px ตัวหนา)
ข้อความขนาดเล็ก (12px) - ข้อความรองและข้อมูลเพิ่มเติม
อัตราส่วนคอนทราสต์
21.00:1
ยอดเยี่ยม
ความสว่างพื้นหน้า: 0.0000ความสว่างพื้นหลัง: 1.0000
ความสอดคล้อง WCAG 2.1
เกณฑ์ต้องการผลลัพธ์
ข้อความปกติ (AA)≥ 4.5:1
ผ่าน
ข้อความปกติ (AAA)≥ 7:1
ผ่าน
ข้อความขนาดใหญ่ (AA)≥ 3:1
ผ่าน
ข้อความขนาดใหญ่ (AAA)≥ 4.5:1
ผ่าน
คอมโพเนนต์ UI (AA)≥ 3:1
ผ่าน