freesabai

เครื่องมือนักพัฒนา

ตรวจความต่างสี (WCAG Contrast Checker)

ตรวจว่าสีตัวอักษรกับสีพื้นหลังต่างกันพอให้คนอ่านออกตามมาตรฐาน WCAG 2 หรือไม่ ผ่าน AA และ AAA ทั้งข้อความปกติ ข้อความใหญ่ และส่วนประกอบหน้าจอ ดูตัวอย่างจริง และถ้าไม่ผ่าน จะแนะนำสีตัวอักษรที่ใกล้เคียงที่สุดและผ่าน ทำงานในเบราว์เซอร์ของคุณ

เครื่องมือนี้ต้องใช้ JavaScript ถ้าเห็นข้อความนี้นานเกินไม่กี่วินาที แปลว่าเบราว์เซอร์ปิด JavaScript ไว้หรือโหลดหน้าไม่ครบ ลองเปิด JavaScript หรือโหลดหน้านี้ใหม่

วิธีใช้

  1. ใส่สีตัวอักษรและสีพื้นหลัง (HEX, rgb(), hsl() หรือชื่อสี) หรือเลือกด้วยแถบสี อัตราส่วนขึ้นทันที
  2. ดูตารางผ่าน/ไม่ผ่านของแต่ละเกณฑ์ และตัวอย่างข้อความจริงบนพื้นหลังนั้น
  3. ถ้าไม่ผ่าน กด "ใช้สีนี้" ที่สีแนะนำ (เป็นเฉดเดียวกับสีเดิม ปรับแค่ความสว่าง)

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

AA กับ AAA ต่างกันอย่างไร

เป็นระดับของ WCAG 2 (แนวทางการเข้าถึงเว็บ) AA คือระดับที่กฎหมายและมาตรฐานส่วนใหญ่ต้องการ ข้อความปกติต้องต่างอย่างน้อย 4.5:1 ข้อความใหญ่ 3:1 AAA เข้มงวดกว่า ข้อความปกติ 7:1 ข้อความใหญ่ 4.5:1

ข้อความ "ใหญ่" คือขนาดเท่าไร

WCAG ถือว่าใหญ่คือตั้งแต่ 24 พิกเซล (18 พอยต์) ขึ้นไป หรือ 18.66 พิกเซล (14 พอยต์) ขึ้นไปถ้าเป็นตัวหนา ข้อความที่เล็กกว่านั้นต้องใช้เกณฑ์ข้อความปกติ

ทำไมอัตราส่วนบางค่าต่างจากเครื่องมืออื่นนิดหน่อย

เครื่องมือนี้ตัดทศนิยมลง (ไม่ปัดขึ้น) เพื่อไม่ให้ 4.499 กลายเป็น 4.50 แล้วดูเหมือนผ่าน คำตัดสินผ่าน/ไม่ผ่านคำนวณจากค่าจริงเต็มความละเอียดเสมอ

สิ่งที่ควรรู้

ข้อมูลของคุณไม่ออกจากเครื่อง

ทุกอย่างทำงานในเบราว์เซอร์ของคุณ สิ่งที่คุณพิมพ์ วาง หรือเปิดไม่ถูกส่งขึ้นเซิร์ฟเวอร์ของ freesabai หรือของใคร และไม่ถูกเก็บไว้ในเบราว์เซอร์ ปิดหน้าแล้วหายหมด เว็บนับเพียงว่าหน้านี้ถูกเปิดและมีคนคัดลอกหรือบันทึกผลกี่ครั้ง (ไม่ส่งสิ่งที่วางหรือผลลัพธ์ และปิดการนับได้ที่ท้ายเว็บ ดูนโยบายความเป็นส่วนตัว)

แจ้งปัญหาหรือเสนอไอเดีย

เจอปัญหาหรืออยากให้เครื่องมือนี้ทำอะไรได้เพิ่ม บอกเราได้ที่หน้าแจ้งปัญหาและเสนอไอเดีย ไม่ต้องสมัคร

เครื่องมือนักพัฒนาอื่นๆ

JSON และข้อมูล

เข้ารหัส แฮช โทเคน

ตัวสร้าง

เวลา ตัวเลข สี

ข้อความและโค้ด