色盲安全配色生成器

🎨 Colorblind-Safe Palette Generator - ToolBox

Generate palettes that stay clearly distinguishable across 8 types of color vision, with sequential / diverging / qualitative modes, color locking, a lightness-alternation strategy, live 8-type previews and WCAG 2.1 checks — exported as HEX, CSS variables or JSON.

📐 安全配色原理

所有候選色在 OKLCH 感知均勻空間取樣,逐一做 8 型色覺變換(Machado 矩陣用於紅/綠色盲,灰度去色用於全色盲)後轉 CIE Lab,用貪心演算法選出「全部 8 型下兩兩最小 ΔE」儘可能大的一組顏色。核心策略:色覺缺陷主要壓縮色相差異,而明度(L*)差異基本保留——因此順序配色走單色明度梯度、定性配色做明暗交替、發散配色讓中心最亮兩端最暗,都能在 CVD 下保持可分辨。WCAG 對比度 = (L亮+0.05)/(L暗+0.05)。

🔒 鎖定顏色(勾選後生成將圍繞它們擴充套件)
點選「生成安全配色」開始
使用邊界說明:本工具是設計與自查輔助工具,所有模擬基於色彩科學模型的數學推算,不等同於醫學診斷。即便配色在 8 型下 ΔE 充足,真實色覺障礙者仍可能受顯示器、環境光與個體差異影響;涉及安全關鍵資訊(如交通、醫療圖表)請勿僅依賴顏色,務必配合形狀、紋理或文字標籤。模型採用線性嚴重度插值,與真實光譜響應存在偏差。

📚 深度解析:色盲安全配色生成器

💡 常見使用場景

可辨識度校驗
在 OKLCH 取樣 6 色,逐對做 8 型色覺變換(紅/綠用 Machado 矩陣、全色盲用去色)後比較;若某對變換後感知距離過小,剔除其一併補採,最終 6 色在各類色覺缺陷下最小感知距離均超閾值。

❓ 常見問題(FAQ)

為什麼用 OKLCH 而不是 RGB/HSL?
OKLCH 在感知上近似均勻,按它取樣與比較距離更貼近「人眼覺得差多少」,避免 RGB/HSL 等距卻觀感不等的問題。
安全配色是否意味著顏色不好看?
不是。安全是指「在色覺缺陷下仍可區分」,仍可在 OKLCH 內按明度/色相約束挑選美觀且對比充分的組合。
僅靠換顏色夠嗎?
關鍵區分建議「顏色+形狀/紋理/標註」多重編碼,單靠配色在重度缺陷下仍可能吃力,多重編碼更穩妥。
📖關於「色盲安全配色生成器」

📝工具簡介

在 OKLCH 感知均勻空間取樣並做色覺缺陷變換校驗,生成在色盲視角下仍兩兩可分的調色盤。

功能特點

🎯使用場景