ตัวตรวจสอบคอนทราสต์สี

วิธีทำ

1. 1
   กรอกช่อง

   พิมพ์ตัวเลขของคุณหรือเลือกตัวเลือกที่ต้องการ

2. 2
   ดูผลลัพธ์

   คำตอบอัปเดตทันทีเมื่อคุณเปลี่ยนค่า

3. 3
   นำไปใช้

   คัดลอกผลลัพธ์หรือจดไว้ ไม่มีอะไรถูกส่งไปที่ใด

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

ตัวอย่างพร้อมวิธีทำ

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

เคล็ดลับเพื่อผลลัพธ์ที่ดีที่สุด

ตรวจสอบทุกช่องก่อนเชื่อผลลัพธ์ เพราะตัวเลขที่ผิดเพียงตัวเดียวทำให้คำตอบเปลี่ยนไปทั้งหมด ใช้ตัวเลขที่ตรงจากสลิปเงินเดือน ใบแจ้งหนี้ ใบรับรอง หรือสัญญา และจดวันที่ที่คุณคำนวณไว้ อัตรา เกณฑ์ และกฎเปลี่ยนแปลงเป็นครั้งคราว ดังนั้นสำหรับภาษี ค่าธรรมเนียม และเรื่องกฎหมาย ให้ถือผลลัพธ์เป็นค่าประมาณและตรวจสอบกับแหล่งข้อมูลทางการที่ระบุในหน้านี้ คุณลองได้กี่สถานการณ์ก็ได้ ไม่มีอะไรถูกบันทึกหรือส่ง การรีเฟรชหน้าจะล้างช่องกรอก