ตัวตรวจสอบคอนทราสต์ของสี
Betaตรวจสอบว่าการผสมสีข้อความและพื้นหลังของคุณผ่านแนวทางการเข้าถึง WCAG หรือไม่
- ฟรี
- ไม่มีการลงทะเบียน
- ทำงานในเบราว์เซอร์ของคุณ
- ใช้งานได้บนมือถือ
{ชื่อ} ได้อย่างรวดเร็ว
- อินพุต
- สีพื้นหน้าและพื้นหลัง
- เอาท์พุต
- อัตราส่วนความคมชัดและสถานะการปฏิบัติตาม WCAG
- ความเป็นส่วนตัว
- ทุกอย่างเกิดขึ้นบนอุปกรณ์ของคุณ ไม่มีอะไรถูกอัปโหลด
- ราคา
- ฟรี ไม่มีบัญชี ไม่มีลายน้ำ
วิธีใช้ {ชื่อ}
- 1ป้อนสีข้อความ (เบื้องหน้า) และสีพื้นหลัง
- 2เครื่องมือจะคำนวณอัตราส่วนคอนทราสต์ระหว่างสองสีทันที
- 3แสดงว่าชุดค่าผสมผ่านหรือไม่ผ่านมาตรฐาน WCAG AA และ AAA สำหรับข้อความปกติและข้อความขนาดใหญ่
คุณสมบัติ
- การคำนวณอัตราส่วนคอนทราสต์แบบสด
- สถานะการปฏิบัติตามข้อกำหนด WCAG AA และ AAA
- ยอมรับรูปแบบสี HEX, RGB หรือ HSL
- การแสดงตัวอย่างข้อความบนพื้นหลังที่เลือก
{ชื่อ} คำถามที่พบบ่อย
WCAG คืออะไร?
WCAG ย่อมาจากแนวทางการเข้าถึงเนื้อหาเว็บ เป็นชุดมาตรฐานที่ทำให้ผู้พิการสามารถเข้าถึงเนื้อหาเว็บได้มากขึ้น รวมถึงผู้มีความบกพร่องทางการมองเห็น
อัตราส่วนคอนทราสต์ที่ดีคืออะไร?
WCAG AA ต้องมีอัตราส่วนอย่างน้อย 4.5:1 สำหรับข้อความปกติ และ 3.1:1 สำหรับข้อความขนาดใหญ่ WCAG AAA ต้องการ 7:1 สำหรับข้อความปกติ และ 4.5:1 สำหรับข้อความขนาดใหญ่
เหตุใดความแตกต่างจึงมีความสำคัญ
คอนทราสต์สูงทำให้ทุกคนสามารถอ่านข้อความได้ชัดเจน โดยเฉพาะผู้ใช้ที่มีการมองเห็นเลือนลางหรือตาบอดสี
เครื่องมือที่เกี่ยวข้อง
เพิ่มเติม developer toolsอัปเดตล่าสุด