ตรวจสอบ Color Contrast
ตรวจสอบอัตราส่วนคอนทราสต์สี WCAG 2.1 AA/AAA สำหรับการออกแบบเว็บที่เข้าถึงได้
rgb(30, 41, 59)
rgb(248, 250, 252)
Sample Text Aa
The quick brown fox jumps over the lazy dog
Regular body text — this is how a paragraph will appear at 16 px.
Small helper text at 14 px — used for captions and labels.
Color Contrast Checker — WCAG AA/AAA
Check whether your text and background color combination meets WCAG 2.1 accessibility standards. Shows contrast ratio and pass/fail for AA (4.5:1) and AAA (7:1) levels.
FAQ
What is WCAG?
The Web Content Accessibility Guidelines (WCAG) are international standards for making web content accessible to people with disabilities, including color vision deficiencies.
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18px+ bold or 24px+). AAA requires 7:1 for normal and 4.5:1 for large.
Why does color contrast matter?
Low-contrast text is hard to read for people with low vision, color blindness, or in bright sunlight. It also affects your legal compliance in many jurisdictions.
สำรวจต่อ
เครื่องมือนักพัฒนา อื่นๆ ที่คุณอาจชอบ...
จัดรูปแบบ JSON
จัดรูปแบบ ตรวจสอบ และย่อข้อมูล JSON พร้อม syntax highlighting
เข้ารหัส/ถอดรหัส Base64
เข้ารหัสข้อความเป็น Base64 และถอดรหัสสตริง Base64
เข้ารหัส/ถอดรหัส URL
เข้ารหัสและถอดรหัสส่วนประกอบ URL และ query strings
สร้าง UUID
สร้างตัวระบุ UUID v4 แบบสุ่ม
สร้าง Hash
สร้างแฮช MD5, SHA-1, SHA-256 และ SHA-512 จากข้อความ
ทดสอบ Regex
ทดสอบและดีบัก regular expressions พร้อมไฮไลท์การจับคู่
ถอดรหัส JWT
ถอดรหัสและตรวจสอบ header และ payload ของ JWT token
จัดรูปแบบ HTML
จัดรูปแบบโค้ด HTML พร้อมการเยื้องที่เหมาะสม