ข้อมูลถูกส่งไปเซิร์ฟเวอร์หรือไม่?

ไม่ ทุกอย่างทำงานบนเบราว์เซอร์ ไม่มีข้อมูลถูกส่งออกไป

ตรวจสอบ Contrast Ratio ออนไลน์

สีตัวอักษร (Foreground)

สีพื้นหลัง (Background)

Contrast Ratio

17.40:1

ผลตรวจ WCAG

WCAG AAผ่าน

WCAG AAAผ่าน

WCAG AA (ใหญ่)ผ่าน

WCAG AAA (ใหญ่)ผ่าน

ตัวอย่าง

ข้อความปกติ (16px)

ข้อความใหญ่ (24px)

Ad Space

Contrast Checker คืออะไร?

Contrast Checker เป็นเครื่องมือตรวจสอบอัตราส่วนคอนทราสต์ (Contrast Ratio) ระหว่างสีตัวอักษรกับสีพื้นหลัง ตามมาตรฐาน WCAG (Web Content Accessibility Guidelines)

การมี Contrast Ratio ที่เหมาะสมช่วยให้ทุกคนอ่านเนื้อหาบนเว็บได้ง่าย รวมถึงผู้ที่มีปัญหาทางสายตาหรือตาบอดสี

มาตรฐาน WCAG

WCAG AA (ข้อความปกติ) — ต้องมี Contrast Ratio อย่างน้อย 4.5:1
WCAG AA (ข้อความใหญ่ ≥24px) — ต้องมี Contrast Ratio อย่างน้อย 3:1
WCAG AAA (ข้อความปกติ) — ต้องมี Contrast Ratio อย่างน้อย 7:1
WCAG AAA (ข้อความใหญ่ ≥24px) — ต้องมี Contrast Ratio อย่างน้อย 4.5:1

Ad Space

เคล็ดลับ Accessibility

ตั้งเป้าผ่าน WCAG AA เป็นอย่างน้อยสำหรับทุกข้อความบนเว็บ
ข้อความสีเทาอ่อนบนพื้นขาวมักไม่ผ่าน WCAG — ใช้สีเข้มขึ้น
ทดสอบทั้งโหมดสว่างและมืด (Light/Dark Mode)
อย่าพึ่งสีอย่างเดียวในการสื่อข้อมูล ใช้ไอคอนหรือข้อความเสริม
ใช้เครื่องมือ Contrast Checker ทุกครั้งที่เลือกสีใหม่

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

Contrast Ratio คืออัตราส่วนความสว่างระหว่างสีด้านหน้ากับสีพื้นหลัง มีค่าตั้งแต่ 1:1 (เหมือนกัน) ถึง 21:1 (ขาว-ดำ) ยิ่งสูงยิ่งอ่านง่าย

AA เป็นระดับขั้นต่ำที่แนะนำ (4.5:1 สำหรับข้อความปกติ) AAA เป็นระดับสูงสุด (7:1) เหมาะสำหรับเว็บที่ต้องการ Accessibility สูง

เพื่อให้ทุกคนอ่านเนื้อหาได้ รวมถึงผู้สูงอายุ ผู้มีปัญหาสายตา และผู้ใช้ที่ดูจอในที่มีแสงจ้า Contrast ที่ดียังช่วย SEO

ไม่ ทุกอย่างทำงานบนเบราว์เซอร์ของคุณ ไม่มีข้อมูลถูกส่งออกไป

ใช้สูตร (L1 + 0.05) / (L2 + 0.05) โดย L1 คือ Relative Luminance ของสีที่สว่างกว่า L2 คือสีที่มืดกว่า ตามมาตรฐาน WCAG 2.1

อ้างอิง

WCAG 2.1 — Web Content Accessibility Guidelines (w3.org)
MDN Web Docs — Color Contrast (developer.mozilla.org)
WebAIM — Contrast Checker (webaim.org)

เครื่องมือนี้คำนวณ Contrast Ratio ตามมาตรฐาน WCAG 2.1 ผลลัพธ์เป็นเพียงแนวทาง ควรทดสอบกับผู้ใช้จริงด้วย

เครื่องมือที่เกี่ยวข้อง

คำนวณ BMI

คำนวณค่าดัชนีมวลกาย (BMI) เพื่อประเมินรูปร่างและความเสี่ยงด้านสุขภาพ

คำนวณภาษี

คำนวณภาษีเงินได้บุคคลธรรมดา พร้อมค่าลดหย่อนภาษี อัตราก้าวหน้า

คำนวณสินเชื่อ/ผ่อนบ้าน

คำนวณค่าผ่อนบ้าน ดอกเบี้ยรวม พร้อมตารางผ่อนชำระรายเดือน