色盲模擬器 — 體驗色覺障礙者眼中的世界
使用顏色選擇器或輸入十六進位色碼，並排比較四種色覺障礙類型下的顏色外觀。每個色塊顯示模擬後的十六進位和 RGB 值，適合無障礙測試與包容性設計。
運作原理
色盲的統計數據與類型
色覺障礙影響全球約 3 億人，約占北歐裔男性的 8%、女性的 0.5%。紅綠色盲是最常見的類型：綠色盲及綠色弱合計約影響 5% 的男性，紅色盲及紅色弱約影響 2.5%。藍黃色盲極為罕見，發病率低於萬分之一。全色盲發病率約為三萬分之一，患者的色彩感知完全依賴桿體細胞。
這意味著每 12 名男性使用者中，約有 1 人存在某種程度的色覺障礙。若網站或應用程式僅依靠顏色傳遞資訊，這部分使用者可能無法正確理解內容。使用本模擬器提前發現問題，是實現包容性設計的第一步。
模擬原理
人眼有三種錐細胞，分別對長波長（紅）、中波長（綠）、短波長（藍）光敏感。色盲發生於一種或多種錐細胞缺失或光譜敏感性偏移時。研究人員在 LMS 色彩空間中推導變換矩陣，預測色覺障礙者對特定 RGB 值的感知結果。
本工具採用 Machado 2009 簡化矩陣在 sRGB 空間進行變換。此方法以少量生理精確性換取速度，對設計用途而言誤差可忽略不計。所有輸出值均限制在 0–255 範圍內。全色盲模擬使用標準亮度公式（0.299R + 0.587G + 0.114B）將顏色轉為灰階值。
面向色盲使用者的設計建議
最有效的方法是永遠不要單獨依靠顏色傳遞資訊。將顏色與形狀、圖案或文字標籤結合使用。圓餅圖的各扇形應直接標註數據，表單驗證錯誤應同時顯示圖示和錯誤提示文字。這些原則對應 WCAG 2.1 成功標準 1.4.1（顏色的使用）。
選擇調色板時，使用對比度檢查器驗證前景色與背景色的對比度（WCAG 要求一般文字最低 4.5:1，大文字最低 3:1）。藍橙組合在各類色盲模擬下仍能保持區分度，而紅綠組合應避免作為唯一區分方式。修改設計後，請用本模擬器驗證四種色覺類型下的效果。
常見問題
›什麼是綠色盲？
綠色盲是由中波長（綠色敏感）錐細胞缺失導致的紅綠色覺障礙。患者難以區分紅色和綠色，這些顏色呈現為黃褐色或灰色。這是最常見的色覺障礙類型，約影響 1% 的男性。
›紅色盲和綠色盲有什麼區別？
兩者都屬於紅綠色覺障礙，但涉及不同的錐細胞。紅色盲缺少長波長錐細胞，綠色盲缺少中波長錐細胞。紅色盲患者眼中的紅色會顯得更暗，因為 L 錐細胞負責傳遞大量亮度資訊。
›全球有多少人是色盲？
全球約 3 億人存在某種形式的色覺障礙。北歐裔男性約 8%、女性約 0.5% 受影響。紅綠色盲占絕大多數病例。
›為什麼色盲在男性中更常見？
編碼錐細胞視色素的基因（OPN1LW 和 OPN1MW）位於 X 染色體上。男性只有一條 X 染色體，一個缺陷等位基因即可導致色盲。女性有兩條 X 染色體，須兩條均攜帶缺陷才會發病。
›什麼是全色盲？
全色盲是三種錐細胞均無法正常運作的狀態，視覺完全依賴桿體細胞。患者將世界視為灰階，在強光下視力極差且對光線極度敏感。發病率約為三萬分之一。
›模擬的準確性如何？
本工具使用 Machado 2009 線性變換矩陣，與二色視者的實驗感知數據高度吻合。對於設計和無障礙測試而言，精度完全足夠。請將模擬結果視為保守的最壞情況參考。
›如何在不大改設計的情況下實現色盲友好？
首先使用本模擬器審查現有調色板。找出在色盲視圖下看起來相同的顏色，在必要之處添加圖示、標籤或圖案，並將問題色對替換為區分度更高的組合（如藍色與橙色）。
›本工具支援 CSS 顏色名稱或 HSL 值嗎？
本工具僅支援十六進位色碼（#RRGGBB 或 #RGB）。如需使用 CSS 顏色名稱或 HSL 值，請先使用本站的顏色轉換器將其轉換為十六進位，再貼到本工具中。
相關工具
最後更新: