ตัวตรวจสอบความคมชัดของสี

ทดสอบอัตราส่วนความคมชัดระหว่างสีพื้นหน้าและพื้นหลังเพื่อให้แน่ใจว่ามีการเข้าถึง

1.00:1
ความคมชัด
Fail
แย่มาก

ข้อความปกติ

AA (4.5:1)
AAA (7:1)

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

AA (3:1)
AAA (4.5:1)
White
#ffffff
Topaz
#7c778a

การแก้ไขด่วน

Aa

ดูตัวอย่างชื่อเรื่อง

สุนัขจิ้งจอกสีน้ำตาลกระโดดข้ามสุนัขขี้เกียจ

ตัวอย่างข้อความขนาดเล็ก (12px)

ข้อความ
#ffffff
พื้นหลัง
#7c778a

มาตรฐาน WCAG

Level AA

อัตราส่วนความคมชัดขั้นต่ำ 4.5:1 สำหรับข้อความปกติและ 3:1 สำหรับข้อความขนาดใหญ่ จำเป็นสำหรับเว็บไซต์ส่วนใหญ่

Level AAA

อัตราส่วนความคมชัดที่เพิ่มขึ้น 7:1 สำหรับข้อความปกติและ 4.5:1 สำหรับข้อความขนาดใหญ่ แนะนำเพื่อการเข้าถึงที่ดีที่สุด

ความคมชัดไม่เพียงพอสำหรับขนาดตัวอักษรทั้งหมด - ไม่ผ่านมาตรฐาน WCAG

ตัวตรวจสอบความคมชัดของสี

คำนวณอัตราส่วนความคมชัดของสีข้อความและพื้นหลัง

เลือกสีโดยใช้ตัวเลือกสีสำหรับข้อความและสีพื้นหลัง หรือป้อนสีในรูปแบบ RGB hexadecimal (เช่น #259 หรือ #2596BE) คุณสามารถปรับแถบเลื่อนเพื่อเลือกสีได้ แนวทางการเข้าถึงเนื้อหาเว็บ (WCAG) มีแนวทางเฉพาะเพื่อช่วยให้ทราบว่าข้อความสามารถอ่านได้สำหรับผู้ใช้ที่มองเห็นได้หรือไม่ เกณฑ์นี้ใช้สูตรเฉพาะในการจับคู่สีเป็นอัตราส่วนที่เปรียบเทียบได้ โดยใช้สูตรนี้ WCAG ระบุว่าอัตราส่วนความคมชัดของสี 4.5:1 กับข้อความและพื้นหลังนั้นเพียงพอสำหรับข้อความปกติ และข้อความขนาดใหญ่ (18+ pt ปกติ หรือ 14+ pt หนา) ควรมีอัตราส่วนความคมชัดของสีอย่างน้อย 3:1

คุณสมบัติหลัก

  • การคำนวณอัตราส่วนความคมชัดแบบเรียลไทม์
  • การตรวจสอบความสอดคล้องกับ WCAG AA & AAA
  • แถบเลื่อน HSL สำหรับการปรับแต่ง
  • รูปแบบการแสดงตัวอย่างหลายแบบ

เครื่องมือขั้นสูง

  • การแก้ไขสีอัตโนมัติ
  • ตัวอย่างข้อความและพื้นหลัง
  • การตรวจจับชื่อสี
  • ส่งออกผลลัพธ์