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

ตรวจว่าข้อความอ่านง่ายบนพื้นหลังหรือไม่ ด้วยอัตราส่วนคอนทราสต์ WCAG และผล AA กับ AAA หากไม่ผ่าน จะได้สีที่ใกล้ที่สุดซึ่งผ่าน

ทำงานในเบราว์เซอร์ ไฟล์ของคุณไม่เคยถูกอัปโหลดหรือเก็บไว้

ตัวอย่างข้อความใหญ่

ข้อความปกติจะดูแบบนี้กับสีเหล่านี้

อัตราส่วนคอนทราสต์

  • AA, ข้อความปกติ ≥ 4.5:1
  • AA, ข้อความใหญ่ ≥ 3:1
  • AAA, ข้อความปกติ ≥ 7:1
  • AAA, ข้อความใหญ่ ≥ 4.5:1
  • ไอคอนและปุ่ม ≥ 3:1

มีอะไรใช้งานไม่ได้ หรือขาดตัวเลือกใช่ไหม

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

  1. เลือกหรือพิมพ์สีข้อความและสีพื้นหลัง
  2. ดูอัตราส่วนคอนทราสต์และระดับที่ผ่าน
  3. หากไม่ผ่าน ให้ใช้สีที่แนะนำ

คำถาม

ควรตั้งเป้าระดับไหน

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

ไฟล์ของฉันถูกอัปโหลดไหม

ไม่ เครื่องมือทำงานในเบราว์เซอร์ และหน้าเว็บถูกห้ามส่งข้อมูลไปที่ใด ลองตัดอินเทอร์เน็ตดู: มันยังทำงานได้

ส่วนประกอบโอเพนซอร์ส

เครื่องมือนี้ใช้เฉพาะความสามารถของเบราว์เซอร์ ไม่มีโค้ดจากบุคคลที่สาม

ข้อความสัญญาอนุญาตฉบับเต็ม