a11y.skipToMainContent
1

ตัวตรวจความเปรียบต่าง

กาเลือกสัดส่วนความเปรียบต่างของสีระหว่างสีพื้นหน้ากับสีพื้นหลัง ตรวจสอบ WCAG 2.1 AA และ AAA ตามด้วยตัวบ่งชี้ผ่าน/fail.

Contrast Checker

Large Text (18pt+)

Normal body text (16px)

21:1
Contrast Ratio
AA Normal
AA Large
AAA Normal
AAA Large
More options
Was this tool helpful?
Send output to:
Advertisement

How to use Contrast Checker

  1. เติมหรือเลือกสีพื้นหน้า (ข้อความ).
  2. เติมหรือเลือกสีพื้นหลัง.
  3. แสดงสัดส่วนความเปรียบต่าง และผลการผ่าน/ fail ของ WCAG.
  4. ปรับสีจนกระทั่งมันตรงกับระดับเป้าหมายของคุณ.

อะไรคือ?

ตัวตรวจความเปรียบต่างคํานวณค่าอัตราส่วนความเปรียบต่างระหว่างสีสองสีตามแนวทาง WCAG 2. 1 ระบุว่าข้อความสามารถอ่านได้สีพื้นหลังสําหรับข้อความธรรมดา, ข้อความขนาดใหญ่, และองค์ประกอบ UI. [ppp]

WCAG 2.1 ต้องการสัดส่วนความเปรียบต่างน้อยที่สุดของ 4/5: 1 สําหรับข้อความธรรมดา (A), 3: 1 สําหรับข้อความขนาดใหญ่ (A), 7: 1 สําหรับข้อความปกติ (AA) และ 1 สําหรับข้อความขนาดใหญ่ (A). เครื่องมือนี้จะแสดงผ่าน/ fail สําหรับทุกเกณฑ์

Advertisement

FAQ

สัดส่วนความเปรียบต่างที่ดีคืออะไร?
WCAG 2. 1 AA เรียกค่า 4.5: 1 สําหรับข้อความปกติ และ 3: 1 สําหรับข้อความขนาดใหญ่ AAA ต้องการ 71 สําหรับข้อความปกติ และ 4.5: 1 สําหรับข้อความขนาดใหญ่.
อะไร นับ ว่า เป็น ข้อ ความ ขนาด ใหญ่?
18pt (24px) หรือ 14pt (18.66px) และมากกว่าถ้าหนา.

Related tools

Author

NK
Prof. Noah Klein"The Privacy Guardian"

Cybersecurity Researcher & Privacy Advocate

Professor Klein holds a PhD in Information Security and has testified before EU parliamentary committees on data privacy legislation. He builds encryption tools for journalists, audits web applications for security flaws, and believes that privacy is not a feature but a fundamental right. His research has been cited in Wired, Nature, and The Guardian, and he advises nonprofits on responsible data stewardship.

📖 Contrast Checker on Wikipedia·Accessibility Tools on Wikipedia·Contrast Checker on Britannica

People also use

← Back to Accessibility Tools · All tags
Advertisement