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

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

1.00:1
ตัดกัน
Fail
แย่มาก

ข้อความปกติ

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

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

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#b3b3b3

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

Aa

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

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

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

ข้อความ
#000000
พื้นหลัง
#b3b3b3

มาตรฐาน WCAG

Level AA

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

Level AAA

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

คอนทราสต์แย่สำหรับขนาดตัวอักษรทั้งหมด

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

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

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

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

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

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

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