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

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

ตรวจสอบสีของคุณ

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

1.00:1
ความคมชัด
ไม่ผ่าน
แย่มาก

ข้อความปกติ

AA (4.5:1)
ไม่ผ่าน
AAA (7:1)
ไม่ผ่าน

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

AA (3:1)
ไม่ผ่าน
AAA (4.5:1)
ไม่ผ่าน

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

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

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

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

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

มาตรฐาน WCAG

ระดับ AA

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

ระดับ 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 สำหรับการปรับแต่ง
  • รูปแบบการแสดงตัวอย่างหลายแบบ

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

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