จำลองการมองเห็นสีบกพร่อง ฟรี
ดูว่าการออกแบบของคุณมองเห็นอย่างไรสำหรับผู้มีการมองเห็นสีบกพร่อง จำลอง protanopia, deuteranopia, tritanopia, achromatopsia และความบกพร่องระดับอ่อน
วางไฟล์ที่นี่ หรือคลิกเพื่อเลือก
JPG, PNG, WebP, HEIC, HEIF · ประมวลผลบนอุปกรณ์ของคุณ
หรือกด Ctrl+V เพื่อวางจากคลิปบอร์ด
ไฟล์ของคุณไม่เคยออกจากอุปกรณ์ การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ
อัปโหลดดีไซน์ อินโฟกราฟิก หรือภาพถ่ายเพื่อดูว่าปรากฏอย่างไรสำหรับผู้ที่มีความบกพร่องทางการมองเห็นสี มีประโยชน์โดยเฉพาะสำหรับ: นักออกแบบกราฟ, นักออกแบบ UX และการตรวจสอบการเข้าถึง
การใช้งานทั่วไป
- ตรวจสอบแผนภูมิและแผนภาพสำหรับสีปกติทดสอบการแสดงข้อมูลเพื่อให้แน่ใจว่าเข้าใจได้สำหรับ ~8% ของผู้ชายที่มีข้อบกพร่องในการมองเห็นสี
- ตรวจสอบการออกแบบ UI สำหรับการเข้าถึงตรวจสอบภาพหน้าจอ UI ของแอปในโหมด CVD — ตรวจสอบให้แน่ใจว่าตัวบ่งชี้สถานะทั้งหมดมองเห็นได้สำหรับทุกคน
- ทดสอบการออกแบบการพิมพ์เพื่อการเข้าถึงสีโปสเตอร์ infographics และวัสดุพิมพ์ทั้งหมดได้รับประโยชน์จากการตรวจสอบ CVD ก่อนการพิมพ์
- การศึกษาสีของช่างภาพช่างภาพสามารถใช้เครื่องจำลองเพื่อให้เข้าใจว่าผู้ชมอาจรับรู้สีในงานของตนอย่างไร
- สอนเกี่ยวกับข้อบกพร่องในการมองเห็นสีสาธิตให้นักเรียน นักออกแบบ หรือนักพัฒนาว่า CVD จริง ๆ มีลักษณะอย่างไร
วิธีการทำงาน
ภาวะบกพร่องในการมองเห็นสี (CVD) จะถูกจำลองโดยใช้เมทริกซ์การแปลงสี Brettel-Viénot - อัลกอริทึมมาตรฐานที่ใช้ในเครื่องมือด้านการเข้าถึง
- 1คุณวางภาพภาพจะโหลดลงบน canvas ในเบราว์เซอร์ของคุณ พิกเซลจะถูกลดขนาดเพื่อประสิทธิภาพ (สูงสุด 1200 พิกเซล ที่ด้านที่ยาวที่สุด)
- 2การแปลงสี 3×3 จะถูกนำไปใช้กับทุกพิกเซลแต่ละชนิดของ CVD มีเมทริกซ์เฉพาะ สำหรับ deuteranopia (ตาบอดสีเขียว) ช่องสีแดงและเขียวจะถูกผสมในแบบที่เลียนแบบสิ่งที่ผู้ที่มีเฉพาะ cone ชนิด L+S รับรู้
- 3ภาพที่เปลี่ยนแปลงจะแสดงควบคู่กับต้นฉบับสลับระหว่างชนิด CVD เพื่อดูว่าภาพเดียวกันเป็นอย่างไรสำหรับผู้ชายราว ~8% ที่มีภาวะบกพร่องในการมองเห็นสีในรูปแบบใดรูปแบบหนึ่ง
ภาพของคุณอยู่ในเบราว์เซอร์ของคุณ แม้การคำนวณการจำลองนั้นทำงานในเครื่องบน CPU ของคุณ - ไม่มีเซิร์ฟเวอร์ ไม่มี API ไม่มีการอัปโหลด
เครื่องมือที่เกี่ยวข้อง
แบบทดสอบการมองเห็นสี
ทำการคัดกรองการมองเห็นสีด้วยแผ่นภาพ 15 แผ่นที่มีลวดลายจุดซึ่งสร้างขึ้นทันที พิมพ์ตัวเลขที่คุณเห็น และรับสรุปอย่างระมัดระวังเกี่ยวกับแนวโน้มแดง-เขียวหรือน้ำเงิน-เหลือง ไม่ใช่การวินิจฉัย
ตรวจสอบ WCAG Color Contrast
ตรวจสอบว่าสองสีผ่านมาตรฐาน WCAG AA และ AAA สำหรับการเข้าถึงหรือไม่ ดูตัวอย่างสดๆ ในหลายขนาดตัวอักษรพร้อมข้อเสนอแนะอัตโนมัติเมื่อ contrast ต่ำเกินไป
ทดสอบเว็บแคม
ตรวจว่าเว็บแคมทำงานก่อนโทร — ภาพตัวอย่างสด ความละเอียดและอัตราเฟรมจริง และภาพนิ่งที่ดาวน์โหลดได้