ตรวจสอบคอนทราสต์สี
ตรวจสอบอัตราส่วนคอนทราสต์ระหว่างสองสีตามเกณฑ์ WCAG AA/AAA
เกี่ยวกับเครื่องคำนวณนี้
ตรวจสอบคอนทราสต์สีคำนวณอัตราส่วนคอนทราสต์ตาม WCAG 2.x ระหว่างสีตัวอักษรกับสีพื้นหลัง ด้วยสูตรความสว่างสัมพัทธ์ (L1 + 0.05) / (L2 + 0.05) รับค่า #rgb, #rrggbb และ rgb(r,g,b) และแสดงอัตราส่วนที่แม่นตรง ความสว่างของทั้งสองสี และผลผ่าน/ไม่ผ่านสำหรับระดับ AA และ AAA ที่เกณฑ์ข้อความปกติ (4.5:1 / 7:1) และข้อความขนาดใหญ่ (3:1 / 4.5:1) สีที่ไม่ถูกต้องจะแจ้งข้อผิดพลาด จำเป็นสำหรับการออกแบบเว็บที่ทุกคนเข้าถึงได้
วิธีใช้ ตรวจสอบคอนทราสต์สี
- ป้อนหรือวางข้อมูลของคุณในช่องกรอก
- อ่านผลลัพธ์ ซึ่งจะอัปเดตทันทีขณะที่คุณพิมพ์
- ปรับตัวเลือก (ถ้ามี) ให้เหมาะกับการใช้งานของคุณ
- คัดลอก URL ของหน้าเพื่อแชร์ผลลัพธ์นี้
ตัวอย่างที่พบบ่อย
- #000000 บน #ffffff → 21.0000:1 — ผ่านทุกระดับ AA และ AAA
- #777777 บน #ffffff → 4.4781:1 — ไม่ผ่าน AA ข้อความปกติอย่างเฉียดฉิว ผ่าน AA ข้อความขนาดใหญ่
- #0066cc บน #ffffff → 5.5666:1 — ผ่าน AA ไม่ผ่าน AAA ข้อความปกติ
- #ffcc00 บน #333333 → 8.3564:1 — ผ่าน AAA สำหรับข้อความทุกขนาด
คำถามที่พบบ่อย
ตรวจสอบคอนทราสต์สี: ทำงานอย่างไร?
ป้อนหรือวางข้อมูลของคุณ แล้วเครื่องมือจะประมวลผลโดยตรงในเบราว์เซอร์และแสดงผลลัพธ์ทันที สิ่งที่คุณพิมพ์จะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ การคำนวณทั้งหมดเกิดขึ้นบนอุปกรณ์ของคุณ
ตรวจสอบคอนทราสต์สี: ใช้เมื่อใด?
สะดวกสำหรับงานพัฒนา ดีบัก ออกแบบ และดูแลระบบ ทุกครั้งที่คุณต้องการแปลงหรือตรวจสอบข้อมูลนี้อย่างรวดเร็ว โดยไม่ต้องติดตั้งอะไรหรือฝากข้อมูลไว้กับบริการของบุคคลที่สาม
ผลลัพธ์เชื่อถือได้แค่ไหน?
เครื่องมือนี้ทำงานตามมาตรฐานหรือข้อกำหนดที่เกี่ยวข้องโดยตรง ผลลัพธ์จึงตรงกับซอฟต์แวร์ที่เป็นไปตามมาตรฐาน กรณีพิเศษ เช่น ข้อมูลว่างหรือรูปแบบไม่ถูกต้อง จะถูกแจ้งอย่างชัดเจนแทนที่จะล้มเหลวแบบเงียบ ๆ
แชร์ผลลัพธ์ให้ผู้อื่นได้หรือไม่?
ได้ ข้อมูลที่คุณป้อนจะอัปเดตใน URL เมื่อคัดลอกแถบที่อยู่แล้วแชร์ลิงก์ ผู้ที่คลิกจะเปิดเครื่องมือในสถานะเดียวกัน