ข้ามไปยังเนื้อหา

ตรวจสอบคอนทราสต์

เครื่องมือตรวจสอบคอนทราสต์ออนไลน์ฟรี ตรวจสอบ WCAG AA/AAA วัดอัตราส่วนคอนทราสต์สำหรับการเข้าถึงเว็บ ประมวลผลบนเบราว์เซอร์

เครื่องมือตรวจสอบคอนทราสต์สีฟรีที่ทดสอบอัตราส่วนตามมาตรฐาน WCAG 2.1 (AA, AAA) ประมวลผลในเบราว์เซอร์ จำเป็นสำหรับการเข้าถึงเว็บและตรวจสอบดีไซน์ UI

สีตัวอักษร
สีพื้นหลัง
21.00:1
อัตราส่วนคอนทราสต์
ข้อความปกติ
AA (4.5:1)ผ่าน
AAA (7:1)ผ่าน
ข้อความขนาดใหญ่
AA (3:1)ผ่าน
AAA (4.5:1)ผ่าน
ดูตัวอย่าง

กินข้าวกับปลาทู แล้วไปเที่ยวภูเขา 1234567890

กินข้าวกับปลาทู แล้วไปเที่ยวภูเขา 1234567890

lock ไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์

วิธีใช้งานตรวจสอบคอนทราสต์?

  1. ป้อนสีพื้นหน้าและพื้นหลัง
  2. ตรวจสอบอัตราส่วนและเกรด WCAG
  3. ปรับสีตามต้องการเพื่อให้ผ่านมาตรฐาน

คำถามที่พบบ่อยเกี่ยวกับตรวจสอบคอนทราสต์

WCAG AA กับ AAA ต่างกันอย่างไร?

AA ต้องการ 4.5:1 สำหรับข้อความปกติและ 3:1 สำหรับข้อความใหญ่ AAA เข้มงวดกว่า: 7:1 และ 4.5:1

ถ้าอัตราส่วนไม่ผ่านทำอย่างไร?

ปรับสีให้สว่างหรือเข้มขึ้นเพื่อเพิ่มคอนทราสต์ เครื่องมือแสดงผลแบบเรียลไทม์