色盲安全配色生成器

🎨 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 感知均匀空间采样并做色觉缺陷变换校验,生成在色盲视角下仍两两可分的调色板。

功能特点

🎯使用场景