ข้ามไปยังเนื้อหา
Toova
เครื่องมือทั้งหมด

ตัวตรวจคอนทราสต์ WCAG

ออกแบบเพื่อความเป็นส่วนตัว — ทำงานในเบราว์เซอร์ของคุณทั้งหมด

เลือกสีตัวอักษรและพื้นหลังเพื่อดูอัตราส่วนคอนทราสต์ WCAG พร้อมตราผ่าน AA/AAA สำหรับข้อความปกติ ข้อความขนาดใหญ่ และส่วนประกอบ UI

อัตราส่วนเท่าใดถือว่าผ่าน

WCAG AA ต้องการ 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ (≥18 px regular หรือ ≥14 px ตัวหนา) ส่วน AAA เข้มขึ้นเป็น 7:1 และ 4.5:1 ตามลำดับ

กฎ 3:1 ของส่วนประกอบ UI คืออะไร

เกณฑ์ 1.4.11 ของ WCAG 2.1 กำหนดคอนทราสต์ 3:1 สำหรับไอคอน ขอบช่องฟอร์ม และส่วน UI ที่ไม่ใช่ข้อความซึ่งให้ข้อมูล ตราในเครื่องมือนี้ครอบคลุมกรณีดังกล่าว

รองรับสีกึ่งโปร่งใสไหม

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

คำถามที่พบบ่อย

อัตราส่วนเท่าใดถือว่าผ่าน?
WCAG AA ต้องการ 4.5:1 สำหรับข้อความปกติ และ 3:1 สำหรับข้อความขนาดใหญ่ (≥18 px regular หรือ ≥14 px ตัวหนา) ส่วน AAA เข้มขึ้นเป็น 7:1 และ 4.5:1 ตามลำดับ
กฎ 3:1 ของส่วนประกอบ UI คืออะไร?
เกณฑ์ 1.4.11 ของ WCAG 2.1 กำหนดคอนทราสต์ 3:1 สำหรับไอคอน ขอบช่องฟอร์ม และส่วน UI ที่ไม่ใช่ข้อความซึ่งให้ข้อมูล ตราในเครื่องมือนี้ครอบคลุมกรณีดังกล่าว
รองรับสีกึ่งโปร่งใสไหม?
รองรับเมื่อค่าให้มาเป็น rgba และพื้นหลังทึบ ส่วนหลายชั้นโปร่งใสควรราบรวมไว้ล่วงหน้า หากตัวอ่านค่าตีความไม่ได้เครื่องมือจะเตือน
มีอะไรถูกอัปโหลดไหม?
ไม่มี การคำนวณเป็นฟังก์ชันเล็กในหน้านี้ สีไม่เคยออกจากเบราว์เซอร์