ตัวจำลองตาบอดสี
- ไฟล์ไม่ออกจากอุปกรณ์ของคุณ
- ทำงานในเบราว์เซอร์
- ฟรี ไม่ต้องสมัคร ไม่มีลายน้ำ
Normal vision
Your original colors
Deuteranomaly
Weak green cones · about 5% of men, the most common
Deuteranopia
No green cones · about 1% of men
Protanomaly
Weak red cones · about 1% of men
Protanopia
No red cones · about 1% of men
Tritanomaly
Weak blue cones · rare
Tritanopia
No blue cones · very rare
Achromatopsia
No color vision at all · very rare
7 pairs of colors become hard to tell apart
- #e53935 and #43a047 under Deuteranopia (ΔE 5.2)
- #43a047 and #fb8c00 under Protanopia (ΔE 6.4)
- #43a047 and #1e88e5 under Tritanopia (ΔE 6.5)
- #e53935 and #43a047 under Achromatopsia (ΔE 6.7)
- #e53935 and #1e88e5 under Achromatopsia (ΔE 3.8)
- #43a047 and #1e88e5 under Achromatopsia (ΔE 2.9)
- #43a047 and #fb8c00 under Achromatopsia (ΔE 8.5)
Flagged when two colors that differ normally fall below ΔE2000 10 in a simulation. Add labels, patterns or a lightness difference to these pairs.
วิธีใช้ ตัวจำลองตาบอดสี
ดูว่าจานสีหรือรูปเป็นอย่างไรกับการมองเห็นสีแปดแบบ ตั้งแต่ดิวเทอราโนมาลีที่พบบ่อยที่สุด จนถึงอะโครมาทอปเซีย สำหรับจานสีจะแสดงทุกคู่สีที่แยกยาก เพื่อให้คุณแก้กราฟและส่วนติดต่อได้ตั้งแต่ต้น
- 1
ใต้ตรวจ เลือกจานสีหรือรูป
- 2
สำหรับจานสี วางสีในช่องสี หนึ่งสีต่อบรรทัดหรือคั่นด้วยจุลภาค (HEX, rgb(), hsl(), oklch() หรือชื่อ) สำหรับรูป วางไฟล์ JPG, PNG, WebP, GIF, HEIC หรือ AVIF
- 3
ตั้งความรุนแรงของความผิดปกติเพื่อควบคุมว่าประเภทกรวยอ่อน (-anomaly) แรงแค่ไหน
- 4
เปรียบเทียบแถวหรือรูปที่จำลอง คู่ที่มีไอคอนเตือนจะแสดงด้านล่างพร้อมค่า ΔE
- 5
คลิกตัวอย่างเพื่อคัดลอก HEX หรือดาวน์โหลดรูปที่จำลองใดก็ได้เป็น PNG
คำถามที่พบบ่อย
การจำลองแม่นแค่ไหน?
ใช้ Machado et al. 2009 สำหรับความบกพร่องแดง–เขียว และ Brettel et al. 1997 สำหรับน้ำเงิน–เหลือง คำนวณใน RGB เชิงเส้น สิ่งนี้จำลองการมองเห็นทั่วไป คนแต่ละคนอาจเห็นต่างกัน
ตัดสินว่าสองสีแยกยากอย่างไร?
คู่จะถูกทำเครื่องหมายเมื่อสองสีที่ปกติต่างกัน ตกต่ำกว่า ΔE2000 10 ในการจำลอง ใส่ป้าย ลาย หรือความต่างของความสว่างที่ชัดให้คู่เหล่านั้น
ความรุนแรงของความผิดปกติเปลี่ยนอะไร?
ใช้เฉพาะประเภท -anomaly และกำหนดว่ากรวยที่ได้รับผลถูกเลื่อนไปไกลแค่ไหน 100% เท่ากับประเภท -opia ที่ตรงกัน
รูปของฉันถูกอัปโหลดหรือไม่?
ไม่ได้ การจำลองทำงานในเบราว์เซอร์ ตัวอย่างถูกวาดสูงสุด 900 px และการดาวน์โหลดทำที่ความละเอียดเต็มของรูป
วางสีตรงจาก CSS ได้หรือไม่?
ได้ รหัส HEX และฟังก์ชันสี CSS ถูกดึงออกจากข้อความใดก็ได้ และชื่อสีใช้ได้เมื่อคั่นด้วยจุลภาคหรือบรรทัด สิ่งที่อ่านไม่ได้จะถูกแสดงว่าข้าม