私密、瀏覽器內圖片工具

色盲模擬器

探索圖片在四種色覺近似下的顏色呈現。這是設計預覽,並非診斷工具或任何人的精確視覺複製。

你的圖片保存在此裝置上

解碼、模擬、比較和 PNG 匯出均在你的瀏覽器中完成。圖片不會被上傳、存儲或納入分析。

試用模擬器

選擇 PNG、JPEG 或 WebP 格式圖片,貼上圖片,或使用我們的範例圖片開始。

你的圖片保存在此裝置上

PNG、JPEG 或 WebP · 最大 20 MiB · 最大 16.8 MP · 每邊最多 8192 像素

你也可以從剪貼簿貼上一張圖片。

什麼是色盲模擬器?

探索圖片在四種色覺近似下的顏色呈現。這是設計預覽,並非診斷工具或任何人的精確視覺複製。

解碼、模擬、比較和 PNG 匯出均在你的瀏覽器中完成。圖片不會被上傳、存儲或納入分析。

想檢查自己的紅綠色辨識能力?請使用簡短的非診斷性篩查測試。

進行色盲篩查測試

何時適合使用這個模擬器?

不要僅依賴顏色:請添加文字、圖標、形狀、圖案或邊框。分別檢查文字與非文字的對比,並在使用者研究中包含具有色覺差異的人。預覽並不代表符合 WCAG 標準,也不是無障礙認證或使用者測試的替代方法。

01

介面與產品狀態

探索圖片在四種色覺近似下的顏色呈現。這是設計預覽,並非診斷工具或任何人的精確視覺複製。

02

圖表與資料視覺化

僅為近似。結果因人、顯示器、光線和色彩管理而異。

03

地圖與示意圖

模擬無法精確重現特定個體所見。個人視力、顯示器校正、色彩設定檔、環境光、影像壓縮,以及模型範圍都會影響結果。此工具不會診斷色覺異常、不會對個人進行分類,也不會校正顏色。

04

品牌與宣傳素材

比較原圖與模擬視圖,如有需要可下載無元資料的 PNG。

如何使用模擬器

  1. 1選擇、拖放或貼上支持的圖片,或載入內建範例。
  2. 2選擇 Protan、Deutan、Tritan 或固定的全色盲近似。
  3. 3對於 Protan、Deutan 或 Tritan,調整示意強度從 0% 到 100%。
  4. 4比較原圖與模擬視圖,如有需要可下載無元資料的 PNG。

模擬類型

探索圖片在四種色覺近似下的顏色呈現。這是設計預覽,並非診斷工具或任何人的精確視覺複製。

Protan(紅錐型)

使用 Machado 模型近似與紅色感光錐相關的色覺差異。 (Protanopia / protanomaly · L-cone.)

Deutan(綠錐型)

使用 Machado 模型近似與綠色感光錐相關的色覺差異。 (Deuteranopia / deuteranomaly · M-cone.)

Tritan(藍錐型)

近似與藍色感光錐相關的色覺差異;模型證據和個人體驗均有差異。 (Tritanopia / tritanomaly · S-cone.)

Achromatopsia(全色盲近似)

使用固定、保留相對亮度的灰階近似,不用於測量個人的全色盲程度。 固定灰階預覽不模擬畏光、視力下降、眼球震顫或其他真實表現。

模擬類型 · 100%

原始: 色盲模擬器

原始

Protan(紅錐型): 模擬 100%

Protan(紅錐型)

Deutan(綠錐型): 模擬 100%

Deutan(綠錐型)

Tritan(藍錐型): 模擬 100%

Tritan(藍錐型)

原始 · Protan(紅錐型) · Deutan(綠錐型) · Tritan(藍錐型) · 100% 示意強度

僅為近似。結果因人、顯示器、光線和色彩管理而異。

如何解讀模擬預覽

模擬無法精確重現特定個體所見。個人視力、顯示器校正、色彩設定檔、環境光、影像壓縮,以及模型範圍都會影響結果。此工具不會診斷色覺異常、不會對個人進行分類,也不會校正顏色。

1

原始 / 模擬

僅為近似。結果因人、顯示器、光線和色彩管理而異。

2

模擬類型

探索圖片在四種色覺近似下的顏色呈現。這是設計預覽,並非診斷工具或任何人的精確視覺複製。

3

將模擬作為設計檢查之一

不要僅依賴顏色:請添加文字、圖標、形狀、圖案或邊框。分別檢查文字與非文字的對比,並在使用者研究中包含具有色覺差異的人。預覽並不代表符合 WCAG 標準,也不是無障礙認證或使用者測試的替代方法。

方法

Protan、Deutan 和 Tritan 使用 Machado、Oliveira 與 Fernandes 發布的預計算矩陣。相鄰的嚴重程度樣本將進行插值,顏色在線性光 RGB 下轉換,同時保留 alpha。全色盲使用固定的相對亮度灰階近似值。 (Machado, Oliveira & Fernandes, 2009.)

重要限制

模擬無法精確重現特定個體所見。個人視力、顯示器校正、色彩設定檔、環境光、影像壓縮,以及模型範圍都會影響結果。此工具不會診斷色覺異常、不會對個人進行分類,也不會校正顏色。 固定灰階預覽不模擬畏光、視力下降、眼球震顫或其他真實表現。

將模擬作為設計檢查之一

不要僅依賴顏色:請添加文字、圖標、形狀、圖案或邊框。分別檢查文字與非文字的對比,並在使用者研究中包含具有色覺差異的人。預覽並不代表符合 WCAG 標準,也不是無障礙認證或使用者測試的替代方法。

  • 選擇、拖放或貼上支持的圖片,或載入內建範例。
  • 選擇 Protan、Deutan、Tritan 或固定的全色盲近似。
  • 比較原圖與模擬視圖,如有需要可下載無元資料的 PNG。
  • 不要僅依賴顏色:請添加文字、圖標、形狀、圖案或邊框。分別檢查文字與非文字的對比,並在使用者研究中包含具有色覺差異的人。預覽並不代表符合 WCAG 標準,也不是無障礙認證或使用者測試的替代方法。
  • 僅為近似。結果因人、顯示器、光線和色彩管理而異。
  • 模擬無法精確重現特定個體所見。個人視力、顯示器校正、色彩設定檔、環境光、影像壓縮,以及模型範圍都會影響結果。此工具不會診斷色覺異常、不會對個人進行分類,也不會校正顏色。

常見問題

方法與無障礙資源來源

模擬方法遵循 Machado、Oliveira 與 Fernandes(2009)。無障礙指引遵循 WCAG 關於顏色和對比度使用的說明。這些來源不支持本網站。 (2009)

僅為教育設計近似。非醫療測試、診斷、認證或個人視力的精確呈現。