色盲模擬器 Pro

← ToolBox / 色盲模擬器 Pro

👁️ Color Blindness Simulator Pro

A professional color vision deficiency (CVD) simulator. It models 8 vision types in real time — protanopia, protanomaly, deuteranopia, deuteranomaly, tritanopia, tritanomaly, achromatopsia and blue-cone monochromacy — and transforms a single color, an entire palette or an uploaded image. Includes a WCAG 2.1 contrast checker, a CIE Delta-E confusion matrix and color-blind-safe palette suggestions. Everything runs locally in your browser; images are never uploaded.

📐 色彩模擬原理

紅色盲/綠色盲/藍色盲採用 Machado、Oliveira 與 Fernandes（2009）提出的線性 RGB 變換矩陣，該矩陣把「sRGB → LMS 錐體響應 → 缺陷錐體補償 → 逆變換」三步合併為單個 3×3 矩陣，作用於線性光（linear-light）RGB。色弱（anomaly）通過在單位矩陣與完全型矩陣之間按嚴重度線性插值得到。全色盲按 Rec.709 亮度直接灰度化。藍錐單色視為近似模型：亮度走暗視覺光效函數 V′(λ)（視杆在紅光端響應極弱、綠光端最敏感，因此患者看紅色最暗、看綠色偏亮），色調僅保留 S 錐相對同亮度灰階的「藍超出量」，故白偏藍、黃轉灰、紅轉暗灰。色差計算走 sRGB → CIE XYZ(D65) → CIE Lab，提供 ΔE76 與 ΔE2000 兩種度量。

嚴重度僅在色弱型（anomaly）上按默認 60% 起算；完全型（opia）默認 100%。拖動滑桿可觀察從輕度色弱到完全色盲的連續變化。

原始顏色 #FF6B35
紅色盲 Protanopia · —
8 種色覺類型下的呈現 點擊卡片切換放大對比 · 點擊 HEX 複製
ΔE 0–5 幾乎無差異 ΔE 5–15 可察覺 ΔE >15 與原色明顯不同

各色覺類型下的調色板
色差矩陣 · 混淆預警
ΔE（CIE Lab 色差）判讀：< 5 兩色在該色覺下幾乎無法區分，屬於嚴重混淆；5–10 難以區分，不建議用於需要編碼語義的圖表；10–20 可區分但需鄰近對比；> 20 區分清晰。圖表配色建議保證任意兩色在全部 8 型下 ΔE ≥ 10。

圖片僅在本地處理：讀取後繪製到 canvas 逐像素做矩陣變換，全程無網絡請求。為控制耗時，超大圖會先等比縮放到最長邊 1280px。

尚未選擇圖片。請點擊上方「選擇文件」，或載入內置示例圖體驗效果。
WCAG 2.1 對比度 =(L亮+0.05)/(L暗+0.05)，L 為相對亮度。達標線：常規正文 AA 需 ≥4.5:1、AAA 需 ≥7:1；大號文字 AA 需 ≥3:1、AAA 需 ≥4.5:1；非文字元素需 ≥3:1。注意：色覺模擬會改變顏色的相對亮度，因此同一組配色在不同色覺類型下的對比度並不相同——這正是本表要暴露的問題。

在 OKLCH 感知均勻空間採樣候選色，逐一做 8 型色覺變換後轉 CIE Lab，用貪心算法選出使「全部 8 型下兩兩最小 ΔE」儘可能大的一組顏色。

使用邊界説明：本工具是設計與自查輔助工具，所有模擬結果來自色彩科學模型的數學推算，不等同於醫學診斷，也不能替代色覺檢查（如石原色盲檢測圖、Farnsworth D-15 排列測試）。若要確認自己是否患有色覺障礙，請到醫療機構做專業檢查。模型的已知侷限：藍錐單色視為近似實現；嚴重度插值採用線性方案，與真實 anomaly 光譜響應存在偏差；不同顯示器色域與亮度也會影響觀感。