ตรวจคอนทราสต์

คำนวณอัตราส่วนคอนทราสต์ระหว่างสีข้อความกับสีพื้นหลังตามมาตรฐาน WCAG

สีข้อความ
สีพื้นหลัง
คอนทราสต์
1.00
ข้อความขนาดเล็ก
ข้อความขนาดใหญ่

ตัวอย่าง

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

อัตราส่วนคอนทราสต์คืออะไร?

คือค่าที่วัดความแตกต่างของความสว่างระหว่างสองสี แสดงเป็นอัตราส่วนตั้งแต่ 1:1 (ไม่มีคอนทราสต์) ถึง 21:1 (สูงสุด ดำบนขาว) ยิ่งค่าสูง ข้อความยิ่งอ่านง่าย

WCAG กำหนดค่าไว้เท่าไร?

สำหรับข้อความขนาดเล็ก ระดับ AA กำหนดอัตราส่วนอย่างน้อย 4,5:1 และระดับ AAA กำหนด 7:1 สำหรับข้อความขนาดใหญ่ (18 pt หรือ 14 pt ตัวหนา) ระดับ AA กำหนด 3:1 และ AAA กำหนด 4,5:1 เมื่อผ่านเกณฑ์ขั้นต่ำเหล่านี้ คนส่วนใหญ่รวมถึงผู้มีสายตาเลือนรางจะอ่านเนื้อหาของคุณได้

ลองใช้สิ่งนี้ด้วย

พาเลตสีจากชื่อพิมพ์ชื่อแล้วรับพาเลตสีเฉพาะตัวสีนำโชควันนี้สีนำโชคประจำวันตามราศีของคุณฉันมีรูปหน้าแบบไหนค้นหารูปหน้า ทรงผม และแว่นตาที่เหมาะกับคุณ
เครื่องมือฟรีทั้งหมด →

ตัวอย่าง

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