เครื่องคำนวณความต่างของสี

วิธีใช้เครื่องคำนวณความต่างของสี

กรอกรหัสสีข้อความและสีพื้นหลังในรูปแบบ HEX (เช่น #000000 สำหรับสีดำ, #ffffff สำหรับสีขาว) ในช่องที่กำหนด

คลิกปุ่ม "คำนวณความต่าง" เพื่อดูอัตราส่วนความต่างและตรวจสอบว่าสีที่เลือกตรงตามมาตรฐานการเข้าถึงข้อมูล WCAG หรือไม่

เครื่องมือนี้สำคัญสำหรับนักออกแบบเว็บและนักพัฒนา เพื่อให้เนื้อหาสามารถอ่านได้ง่ายสำหรับทุกคน รวมถึงผู้ที่มีปัญหาด้านการมองเห็น

คู่มือการคำนวณอัตราส่วนความต่างของสีด้วยตนเอง

สำหรับการคำนวณอัตราส่วนความต่างด้วยตนเอง ให้ทำตามขั้นตอนดังนี้:

1. แปลงรหัสสี HEX เป็นค่าความสว่างสัมพัทธ์โดยใช้สูตรเฉพาะ
2. คำนวณความสว่างของสีข้อความและสีพื้นหลังแยกกัน
3. ใช้สูตรอัตราส่วนความต่าง: (L1 + 0.05) / (L2 + 0.05) โดยที่ L1 คือความสว่างของสีที่สว่างกว่า และ L2 คือความสว่างของสีที่มืดกว่า
4. มาตรฐาน WCAG แนะนำให้อัตราส่วนอย่างน้อย 4.5:1 สำหรับข้อความปกติเพื่อให้อ่านง่าย

อย่างไรก็ตาม การใช้เครื่องมืออัตโนมัตินี้ช่วยให้รวดเร็วและลดความผิดพลาดจากการคำนวณด้วยตนเองได้มาก