色盲模拟器与安全调色板

Color Blind Simulator

上传图片模拟四种色觉效果，校验调色板可读性，并提供 Okabe-Ito 安全配色。

上传图片以查看不同色觉条件下的效果，文件不会上传

待校验调色板（逗号或空格分隔的 HEX）

!红色盲（Protanopia） · RISK

!绿色盲（Deuteranopia） · RISK

!蓝色盲（Tritanopia） · RISK

!全色盲（Achromatopsia） · RISK

加载中…

关于此工具与使用指南

理解原理 · 操作场景 · 隐私说明

色盲模拟器通过 LMS 色彩空间矩阵，在浏览器本地模拟红色盲、绿色盲、蓝色盲与全色盲四种色觉效果，并可校验任意调色板在色觉差异下是否仍可区分。

智能生成色阶渐变，精确计算文字与背景的 WCAG 2.1 无障碍对比度（AA/AAA）。

上传图片自动提取主色调，基于中位切分量化算法生成调色板，一键复制 CSS 变量。

可视化调节线性、径向、圆锥渐变与颜色节点，实时预览并输出 CSS 与 Tailwind 代码。