สีและการออกแบบ
ตัวตรวจสอบคอนทราสต์ (WCAG)
ตัวตรวจสอบคอนทราสต์ WCAG ฟรี ตรวจสอบคอนทราสต์ระหว่างสองสีใดๆ — ดู AA/AAA ผ่าน/ไม่ผ่านสำหรับข้อความปกติและข้อความขนาดใหญ่ สำหรับการออกแบบที่เข้าถึงได้และ A11y
Contrast checker (WCAG)
หมายเหตุจากบรรณาธิการ
Understanding · Designing for the eye on the bus.
บทเชิงลึกนี้มีให้บริการเฉพาะภาษาอังกฤษในขณะนี้ เครื่องมือแปลงด้านบนทำงานในภาษาของคุณ บทความอธิบายแบบยาวยังไม่ได้แปล
คำถามที่พบบ่อย
Quick answers.
›What WCAG levels are checked?
Both AA and AAA, for normal text (≤17pt) and large text (≥18pt or ≥14pt bold).
›What ratio do I need?
AA: 4.5:1 normal, 3:1 large. AAA: 7:1 normal, 4.5:1 large. Most public sites target AA at minimum.
›How is contrast calculated?
Per WCAG 2.x: relative luminance of each color, then (lighter + 0.05) / (darker + 0.05). The result is a ratio from 1:1 (no contrast) to 21:1 (max).
›What about WCAG 3 / APCA?
Currently we use WCAG 2 ratios — the official standard for AA/AAA conformance. WCAG 3 / APCA is still a draft.
›Is the checker free?
Yes — fully free, no signup.
ผู้คนยังค้นหา
Use with
What people reach for next.
เครื่องมือที่เกี่ยวข้อง
More in this room.
- ตัวแปลงสี (HEX/RGB/HSL/OKLCH)แปลงค่า HEX, RGB, HSL และ OKLCH ที่ทันสมัย ได้ทันที
- ตัวค้นหาสี Tailwindคลาส Tailwind ที่ใกล้เคียงที่สุดสำหรับสี HEX ใดๆ
- เลือกสีและพาเลทสีจากรูปภาพวางรูปภาพเพื่อดึงพาเลทสีออกมา
- เครื่องจำลองตาบอดสีดูตัวอย่างพาเลทผ่าน deuteranopia, protanopia และอื่นๆ
- ตัวสร้าง Gradientสร้าง CSS gradient แบบ linear, radial และ conic
- ตัวสร้าง Box Shadowตัวแก้ไข CSS box-shadow แบบภาพ