無需上傳, 100% 本機處理, 無需帳戶

色盲模擬器

透過色覺缺陷者的眼睛觀看你的圖片。選擇類型、預覽並下載結果。一切在你的瀏覽器中執行。

色盲模擬器 的運作方式

色覺模擬工具對你的圖片套用顏色轉換矩陣,顯示色盲人士(紅色盲、綠色盲、藍色盲或完全色盲)所看到的效果。矩陣透過瀏覽器中的 Canvas.getImageData() 和 Canvas.putImageData() 逐像素套用。沒有圖片資料傳輸到伺服器。

模擬基於從色覺缺陷研究中得出的已發表感知模型。這些是對受影響者視覺系統如何處理顏色的近似模擬,而非個人體驗的精確再現(個人體驗因人而異)。這個工具旨在幫助設計師和開發者識別會影響大量受眾的對比或顏色編碼問題:約 8% 的男性和 0.5% 的女性存在某種形式的色覺缺陷。

色盲模擬器 的分步使用說明

  1. 將圖片拖曳到上傳區,或點擊瀏覽。
  2. 從選單中選擇色覺缺陷類型:紅色盲、綠色盲、藍色盲或完全色盲。
  3. 在比較面板中查看模擬結果和原始圖片。
  4. 在各種模擬類型之間切換,比較每種狀況對圖片的影響。
  5. 使用並排視圖,識別僅靠顏色傳達的資訊在哪些區域可能會消失。

常見使用情境

  • UI 設計師在功能上線前,檢查紅綠狀態指示燈對綠色盲使用者是否清晰可辨。
  • 資料視覺化作者確認帶有顏色編碼系列的多折線圖在紅色盲模擬下仍可閱讀。
  • 品牌設計師評估帶有漸層顏色的標誌在完全色盲模擬下的表現,確保其保留可識別的形狀和對比度。
  • 遊戲開發者測試顏色編碼的地圖區域對藍色盲玩家是否可以區分,並添加圖案填充以補充顏色編碼。

常見問題

色覺模擬有多準確?

模擬套用從色覺缺陷已發表研究中得出的感知轉換矩陣。這些是具有科學依據的典型案例近似值。個人體驗各異:同一診斷的人嚴重程度不同,且模擬無法考量部分使用者發展出的補償策略。將輸出視為有用的指標,而非確定性測試。

工具涵蓋所有類型的色盲嗎?

涵蓋的四種類型是最常見的色覺缺陷形式和完全色盲。異常三色視覺類型(紅色弱、綠色弱、藍色弱),即代表部分缺陷的類型,在目前版本中未單獨建模。

我的圖片是否在伺服器上分析以生成模擬?

不是。顏色矩陣轉換使用 Canvas.getImageData() 讀取像素陣列,再用 Canvas.putImageData() 寫入結果,在本機計算完成。所有處理都在瀏覽器分頁內進行,圖片資料保留在你的裝置上。

我可以用這個工具檢查顏色對比度嗎?

這個工具顯示顏色在色覺缺陷人士眼中的外觀,但不以數值計算 WCAG 對比率。如需數值對比度檢查,請使用包含 WCAG 對比度檢查器的「顏色轉換器」工具。

工具支援包含文字的圖片嗎?

支援。轉換套用於整個像素陣列,包括圖片中渲染的任何文字。這讓你可以在每種模擬狀況下,檢查文字顏色對應其背景是否仍然清晰可辨。