ImageColorPicker.com

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

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

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

ข้อความปกติ

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

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

AA (3:1)
✖
AAA (4.5:1)
✖
#FFFFFF
#ffffff
#546E7A
#546e7a

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

Aa

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

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

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

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

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

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

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