Colour Contrast Checker (WCAG)

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

Check the contrast ratio between foreground and background colours and see whether it passes WCAG AA and AAA, for normal and large text.

ทำงานในเบราว์เซอร์ของคุณ — ไม่มีไฟล์ใดถูกอัปโหลดRuns in your browser — nothing is uploaded
—
อัตราส่วนคอนทราสต์Contrast ratio
—— ——
ตัวอย่างข้อความ — อ่านง่ายไหม? ข้อความตัวอย่างนี้ควรอ่านได้ชัดเจนในทุกขนาดหน้าจอ และผู้ใช้ที่มีปัญหาการมองเห็นควรอ่านได้เช่นกันSample text — is it legible? This sentence should read clearly at every screen size, and remain readable for people with low vision.

วิธีใช้How to use it

  • กรอกข้อมูลในช่องด้านบน — ผลลัพธ์จะอัปเดตทันที
  • Enter your values above — the result updates as you type.
  • ไม่มีการสมัครสมาชิก ไม่มีลายน้ำ ใช้ได้ไม่จำกัดจำนวน
  • No sign-up, no watermark, unlimited use.
  • ข้อมูลทั้งหมดประมวลผลในเครื่องคุณ ไม่มีอะไรถูกส่งออก
  • Everything is computed on your device — nothing is sent anywhere.

ตรวจอัตราส่วนคอนทราสต์ระหว่างสีพื้นหลังกับสีตัวหนังสือ พร้อมบอกผ่านเกณฑ์ WCAG AA และ AAA ทั้งแบบตัวหนังสือปกติและตัวหนังสือใหญ่

ใช้เครื่องมือนี้คู่กับUse this alongside

เทมเพลตที่ขายดีที่สุดของเรา ที่ทำงานกับข้อมูลประเภทเดียวกันOur best-selling templates, which handle the same kind of data

เทมเพลตที่เกี่ยวข้องRelated templates

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

ค่าคอนทราสต์ขั้นต่ำเท่าไร / What is the minimum contrast ratio?

WCAG AA ต้องการ 4.5:1 สำหรับตัวหนังสือปกติ และ 3:1 สำหรับตัวหนังสือขนาดใหญ่ (24px หรือ 18.66px ตัวหนา) / WCAG AA requires 4.5:1 for normal text and 3:1 for large text (24px, or 18.66px bold).

AAA ต่างจาก AA อย่างไร / How does AAA differ from AA?

AAA เข้มงวดกว่า: 7:1 สำหรับตัวหนังสือปกติ และ 4.5:1 สำหรับขนาดใหญ่ / AAA is stricter: 7:1 for normal text and 4.5:1 for large text.

สีแบรนด์ผ่านเกณฑ์เสมอไหม / Does a brand colour always pass?

ไม่เสมอไป โดยเฉพาะสีอ่อนหรือสีสดจัด มักต้องปรับความเข้มจนกว่าจะถึงเกณฑ์ / Not always — pale or saturated brand colours often need darkening to reach the threshold.