เครื่องมือเลือกสี
เลือกรูปแบบสีและตรวจสอบความถูกต้องด้านการเข้าถึง
เครื่องมือตรวจสอบการเข้าถึง WCAG และตัวแปลงรูปแบบสี
ออกแบบเว็บไซต์ที่ทุกคนเข้าถึงได้โดยตรวจสอบอัตราส่วนคอนทราสต์ของสีตามมาตรฐาน WCAG 2.1 ระดับโลกแบบเรียลไทม์
วิธีใช้เครื่องมือสี:
- เลือกสีโดยใช้อินเทอร์เฟซแบบภาพหรือป้อนรหัส HEX
- ตรวจสอบการแปลงเป็น RGB สำหรับใช้ในไฟล์ CSS ของคุณ
- ดูการ์ด การเข้าถึง (Accessibility) เพื่อดูว่าสีของคุณผ่านการทดสอบคอนทราสต์ระดับ AA หรือ AAA หรือไม่
ฉันจะผ่านการทดสอบคอนทราสต์ของ WCAG ได้อย่างไร?
สำหรับข้อความมาตรฐาน คุณต้องมีอัตราส่วนคอนทราสต์อย่างน้อย 4.5:1 เพื่อให้ผ่านระดับ AA เครื่องมือของเราจะแสดงผล 'ผ่าน' หรือ 'ไม่ผ่าน' แบบสดๆ สำหรับทั้งข้อความสีขาวและสีดำ ช่วยให้นักออกแบบเลือกสีพื้นหลังที่ทุกคนอ่านได้ รวมถึงผู้ใช้ที่มีความบกพร่องทางการมองเห็น นี่เป็นปัจจัยสำคัญสำหรับ SEO และประสบการณ์ผู้ใช้สมัยใหม่