👁️
color blind simulator,
色盲模擬器
模擬圖片與色碼在色弱及色盲人士眼中的視覺效果。
支援紅色盲、綠色盲、藍色盲及全色盲。無需連線伺服器，安全有保障。
👁️
支援 4 種類型
紅色盲、綠色盲、藍色盲、全色盲
🎨
圖片與顏色輸入
支援圖片比較與調色盤色碼輸入
🔒
本地端處理
在您的瀏覽器中安全處理資料
🔒 圖片絕不會傳送至任何伺服器。所有的處理都在您的瀏覽器本地完成。
視覺類型
原始
模擬
請選擇一張圖片
加入顏色
| 原始 (Original) | 紅色盲 | 綠色盲 | 藍色盲 | 全色盲 |
|---|
※ 最多支援 12 種顏色
about,
關於本工具
此工具能模擬圖片與調色盤色碼在色弱及色盲人士 (Color Vision Deficiency, CVD) 眼中的視覺效果。它支援 4 種主要類型：紅色盲 (Protanopia)、綠色盲 (Deuteranopia)、藍色盲 (Tritanopia) 及全色盲 (Achromatopsia)。
它非常適合用於網頁設計與印刷品的無障礙設計 (Accessibility) 測試。因為所有的圖片處理都是完全在您的瀏覽器內進行的，所以即使是高度機密的圖片也能安心使用。
* 此工具的色覺模擬是基於 Brettel 方法所運算的簡化模擬，並非用於醫療診斷用途。
how to,
使用方法
STEP 1
輸入圖片或顏色
選擇圖檔，或在調色盤模式中新增顏色。圖片絕不會傳送至伺服器。
STEP 2
選擇視覺類型
從紅色盲、綠色盲、藍色盲或全色盲中選擇。預覽畫面將會即時更新。
STEP 3
查看結果
比較原始圖片與模擬結果。您可以點擊「儲存結果」將輸出的圖片存為 PNG 檔。
glossary,
詞彙表
- 色弱/色盲 (Color Vision Deficiency, CVD)
- 一種由於視網膜中特定感光細胞功能變異，導致對顏色的感知與一般人不同的特性。這種情況在全球相當普遍，大約有 5% (二十分之一) 的日本男性以及 8% 的白人男性患有色弱或色盲。
- 紅色盲 (Protanopia / 第1色盲)
- L-視錐細胞（主要感知紅光）缺失或功能減弱的狀態。紅色看起來會比較暗且黯淡，使得紅色與綠色，或是紅色與黑色之間難以區分。
- 綠色盲 (Deuteranopia / 第2色盲)
- M-視錐細胞（主要感知綠光）缺失或功能減弱的狀態。這是最常見的色盲類型。與紅色盲一樣，會難以區分紅色和綠色，不過紅色通常不會看起來不自然地暗。
- 藍色盲 (Tritanopia / 第3色盲)
- S-視錐細胞（主要感知藍光）缺失或功能減弱的狀態。會非常難以區分藍色和黃色，世界主要呈現紅色、粉紅色和藍綠色 (teal)。這種情況非常罕見。
- 全色盲 (Achromatopsia / Monochromacy)
- 視錐細胞完全失去功能，視覺完全依賴視桿細胞（只能感知光線強弱）的狀態。所看到的世界僅有黑白灰階，就像黑白照片一樣。
- 視錐細胞 (Cone Cells)
- 集中在視網膜中心（黃斑部）的感光細胞，負責感知顏色與微小細節。根據它們感知的波長分為三種類型：L-視錐細胞 (紅色)、M-視錐細胞 (綠色) 和 S-視錐細胞 (藍色)。
- 無障礙設計 (Accessibility)
- 指資訊、服務和產品能夠被所有人（包含高齡者、身心障礙者以及具有特定特徵如色彩視覺多樣性的人）平等地獲取與使用的程度。
- 通用色彩設計 (Color Universal Design)
- 一種經過精心考量的設計方法，確保無論使用者的色彩視覺如何多樣，都能準確閱讀資訊。其目標是透過結合形狀、圖案和文字（而不僅僅依賴顏色）來達到所有人都能辨識的溝通。
- sRGB
- 由 IEC 定義的標準色彩空間規範，廣泛應用於網頁、標準電腦螢幕和智慧型手機。它是本工具色彩轉換過程的基準參考。
- Brettel 方法 (Brettel Method)
- Hans Brettel 等人於 1997 年提出的色盲模擬演算法。它將人眼的光譜靈敏度與彩色螢幕的發光特性在物理和數學上結合起來，極高精度地重現了二色覺者所看到的世界。
faq,
常見問題
- Q.支援哪些類型的色盲？
- 我們支援 4 種主要類型：紅色盲 (第1色盲)、綠色盲 (第2色盲)、藍色盲 (第3色盲) 及全色盲 (單色覺)。您可以即時模擬在這些條件下看到特定顏色的情況。
- Q.我選擇的圖片會被儲存到伺服器嗎？
- 絕對不會。此工具完全在客戶端（您的瀏覽器內）執行。您的圖片資料在實體層面上絕不會傳送到任何外部伺服器。即使是高度機密的設計資產也能安心使用。
- Q.我可以儲存並分享模擬結果嗎？
- 可以的。點擊「儲存結果」按鈕，您可以直接將當前的模擬結果儲存為 PNG 圖片到您的裝置中，這對於客戶審查或簡報非常有用。
- Q.如果我只想檢查特定的色碼呢？
- 請使用「調色盤模式」。只需輸入您想檢查的 HEX 色碼，就能以列表形式同時比較它在 4 種視覺類型下的呈現效果，最多支援同時比較 12 種顏色。
- Q.可以在智慧型手機和平板電腦上使用嗎？
- 是的，此工具採用響應式設計，可以在智慧型手機和平板電腦等行動裝置上舒適地使用。無需安裝任何應用程式。
- Q.模擬演算法有多準確？
- 我們使用基於國際認可的「Brettel 方法」(1997) 的科學色彩轉換矩陣。它根據人類視網膜中 L、M、S 視錐細胞的敏感度模型，執行進階的模擬計算。
- Q.它可以作為網頁無障礙 (Web Accessibility) 測試工具嗎？
- 是的，它非常適合用來驗證網頁設計、UI 設計和印刷品中的色彩對比度與可辨識性。我們強烈建議使用它進行事前測試，以確保您的資訊能準確傳達給具有多樣色彩視覺的使用者。
- Q.它可以處理非常大的圖檔嗎？
- 它可以處理您的瀏覽器 Canvas API 允許限制內的任何圖片。不過，為了在瀏覽器內計算時保持效能，超高解析度的圖片在預覽時會在內部進行尺寸最佳化（儲存時會保持原始長寬比）。
use cases,
使用場景
🎨
網頁設計測試
檢查您網站的配色方案對於色弱及色盲使用者是否清晰可辨。
📊
圖表與圖形驗證
驗證數據視覺化圖表中的不同資料點是否容易區分（無障礙性）。
🏫
教育與推廣
作為教育工具使用，以學習並加深對色彩視覺多樣性的理解。
🖨️
印刷品檢查
在列印海報、傳單和重要文件之前，先模擬顏色的選擇是否合適。
Send Feedback
Please let us know your thoughts to help us improve the tool.
Feedback sent successfully. Thank you for your cooperation!
An error occurred. Please try again later.
Feedback is temporarily suspended
The server is busy or spam protection is active. Please try again later.