ตัวตรวจความคมชัด

ตรวจความคมชัดสีเพื่อการปฏิบัติตาม WCAG

สีข้อความ

สีพื้นหลัง

ความคมชัด

8.42

ดีมาก
  • ข้อความเล็ก

    WCAG AA

    ผ่าน
  • ข้อความใหญ่

    WCAG AA

    ผ่าน
  • ข้อความเล็ก

    WCAG AAA

    ผ่าน
  • ข้อความใหญ่

    WCAG AAA

    ผ่าน

การจำลองตาบอดสี

Protanopia7.9
Deuteranopia7.9
Tritanopia7.9
Achromatopsia8.6

ข้อมูล:
ข้อความเล็ก: ต่ำกว่า 18pt ข้อความใหญ่: 18pt+ หรือตัวหนา 14pt+

พื้นหลังสว่าง

คำพูด หมายเลข 26

Georg Christoph Lichtenberg

พื้นหลังมืด

คำพูด หมายเลข 26

Georg Christoph Lichtenberg

ข้อความเล็ก

ข้อความใหญ่

Check a whole palette

Paste hex colours (comma or space separated) to check every pair at once.

ประวัติอัตราส่วนความคมชัด

ทำความเข้าใจมาตรฐาน WCAG และการเข้าถึงได้

มาตรฐาน WCAG

แนวทางการเข้าถึงเนื้อหาเว็บ (WCAG) ได้รับการพัฒนาโดย World Wide Web Consortium (W3C) เพื่อทำให้เนื้อหาเว็บเข้าถึงได้มากขึ้นสำหรับผู้พิการ ข้อกำหนดอัตราส่วนความคมชัดได้รับการแนะนำเพื่อให้แน่ใจว่าข้อความอ่านได้สำหรับผู้ใช้ที่มีความบกพร่องทางสายตา

การพัฒนา

WCAG 1.0 ได้รับการเผยแพร่ในปี 1999 สร้างข้อกำหนดอัตราส่วนความคมชัดครั้งแรก WCAG 2.0 (2008) ปรับแต่งมาตรฐานเหล่านี้ด้วยสูตรที่แม่นยำยิ่งขึ้น WCAG 2.1 (2018) เพิ่มเกณฑ์ความสำเร็จเพิ่มเติม สูตรอัตราส่วนความคมชัดปัจจุบันได้รับการพัฒนาบนพื้นฐานของการวิจัยเกี่ยวกับการรับรู้ภาพของมนุษย์และวิทยาศาสตร์สี

ทำไมจึงสำคัญ

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

สูตร

อัตราส่วนความคมชัดคำนวณโดยใช้ความสว่างสัมพัทธ์ของสี ตั้งแต่ 1:1 (ไม่มีความคมชัด) ถึง 21:1 (ความคมชัดสูงสุด เช่น ดำบนขาว) WCAG AA ต้องการ 4.5:1 สำหรับข้อความปกติและ 3:1 สำหรับข้อความใหญ่ WCAG AAA ต้องการ 7:1 สำหรับข้อความปกติและ 4.5:1 สำหรับข้อความใหญ่