👁️

色盲模擬器

上傳任何圖片,看看色覺缺陷者眼中的樣貌。測試您的 UI、圖表與設計的無障礙性。模擬完全在您的瀏覽器中執行 — 不會上傳,也沒有伺服器。

產生器工具 本機執行 不會傳送任何資料
無障礙 色覺 WCAG 設計 僅限用戶端
圖片
📷
將圖片拖放到這裡,或點擊上傳
PNG、JPG、GIF、WebP — 最大 10 MB
色覺類型
👁
上傳圖片以模擬色盲
💡
模擬使用基於 LMS 的色彩轉換矩陣(Brettel 方法)。約 8% 的男性 與 0.5% 的女性 有某種色覺缺陷。使用 對比度檢查器 以確保文字符合 WCAG AA/AAA 標準。

什麼是色盲模擬器?

模擬色覺缺陷者眼中的影像樣貌。測試紅色盲、綠色盲、藍色盲與全色盲。免費、在瀏覽器執行,不會傳送任何資料。

如何使用色盲模擬器

  1. 上傳您要檢查的圖片或畫面設計。
  2. 切換不同的色覺缺陷模式。
  3. 比較關鍵 UI 元素、圖表或標籤在每種模式下的變化。
  4. 若預覽時重要意義流失,請調整設計顏色。
了解色盲模式 ▾
範例
輸入 上傳使用紅色與綠色系列色彩的圖表
輸出 預覽 protanopia、deuteranopia 與 tritanopia 變體,檢查系列是否仍可區分
常見使用情境
  • 檢視依賴紅綠狀態色的圖表
  • 測試 UI 狀態在沒有顏色標籤時是否仍可區分
  • 在發布資訊圖表前找出有風險的調色盤
  • 檢查螢幕截圖與行銷素材的無障礙性
常見問題
我應該只靠顏色來傳達資訊嗎?

否 — WCAG 1.4.1 要求顏色不能是傳達資訊的唯一方式。請務必將顏色與圖示、圖案或文字標籤搭配使用。

模擬結果有多準確?

此模擬使用既有的色彩矩陣轉換。這只是近似值 — 個人感知會有所差異。

線上色盲模擬器 — 免費測試 UI 無障礙是做什麼的?

線上色盲模擬器 — 免費測試 UI 無障礙完全在您的瀏覽器中執行,協助您完成此任務,且不會將資料上傳到伺服器。

線上色盲模擬器 — 免費測試 UI 無障礙可免費使用嗎?

可以。此工具可免費使用,且無需註冊。