👁️ เช็คคู่สี (Contrast Checker)
www.โค้ดสี.com
ตัวอย่างข้อความทั่วไป (Normal Text)
21.00
Contrast Ratio (ยิ่งมากยิ่งดี)
ข้อความปกติ
ผ่าน (AAA)
ข้อความใหญ่
ผ่าน (AAA)
📚 วิธีใช้งานและเกณฑ์การวัดผล
1
เลือกคู่สี (Select Colors)
กำหนด “สีตัวอักษร” และ “สีพื้นหลัง” โดยสามารถจิ้มเลือกที่ถาดสี หรือพิมพ์รหัส Hex Code (เช่น #FF5733) ลงในช่องข้อความได้โดยตรง
2
ตรวจสอบความอ่านง่าย (Check Contrast)
ระบบจะคำนวณค่า Contrast Ratio ให้ทันที ยิ่งตัวเลขสูง แสดงว่าสียิ่งตัดกันดีและอ่านง่าย (สูงสุดคือ 21)
3
ดูผลลัพธ์ Pass / Fail
ดูสถานะที่กล่องด้านล่างว่าผ่านเกณฑ์มาตรฐานหรือไม่ โดยแบ่งเป็น 2 ระดับคือ ข้อความทั่วไป และ ข้อความตัวใหญ่ (หรือตัวหนา)
💡 เกณฑ์มาตรฐานเว็บ (WCAG Level AA):
- ข้อความทั่วไป (Normal Text) ต้องได้ 4.5 ขึ้นไป
- ข้อความใหญ่/หนา (Large Text) ต้องได้ 3.0 ขึ้นไป
* ข้อความใหญ่ หมายถึง ขนาด 18pt ขึ้นไป หรือ 14pt ตัวหนา