ตัวตรวจสอบความต่างสี

ความเปรียบต่างของสีคืออะไร?

อัตราส่วนความเปรียบต่างวัดความแตกต่างของความสว่างระหว่างข้อความ (พื้นหน้า) กับพื้นหลัง ในช่วง 1:1 (ไม่มีความเปรียบต่าง) ถึง 21:1 (ดำบนขาว).

เครื่องมือนี้แปลงสีเป็น sRGB ผสมความโปร่งใสก่อนเปรียบเทียบ และใช้สูตรความสว่างสัมพัทธ์ของ WCAG.

เกณฑ์ WCAG

• AA: 4.5:1 สำหรับข้อความปกติ, 3:1 สำหรับข้อความขนาดใหญ่.
• AAA: 7:1 สำหรับข้อความปกติ, 4.5:1 สำหรับข้อความขนาดใหญ่.
• ข้อความขนาดใหญ่คือ 18pt+ ปกติ หรือ 14pt+ ตัวหนา.
• องค์ประกอบ UI ไอคอน และกราฟิกควรมีอย่างน้อย 3:1.

อัตราที่สูงขึ้นช่วยให้อ่านง่ายขึ้น โดยเฉพาะกับฟอนต์บางหรือขนาดเล็ก.