ColorView - 色盲模拟与对比度检查器 作者： fishduck1337
实时模拟多种色盲类型视觉效果，检查WCAG 2.1色彩对比度。让网页和图片对色觉缺陷用户更友好。
尚无用户尚无用户
扩展元数据
关于此扩展
ColorView 是一款专业的色盲模拟与 WCAG 对比度检查工具，专为网页设计者、PPT 制作者和非专业设计者打造。
核心功能：
• 6 种色盲类型实时模拟（红色盲、绿色盲、蓝色盲、红色弱、绿色弱、全色盲）
• 任意网页一键截取当前页面，使用 Brettel 1997 算法进行像素级精准模拟
• 双模式架构：截图模式（Brettel Canvas 精确模拟）+ 实时模式（SVG 滤镜快速预览）
• WCAG 2.1 对比度检测（AA/AAA × 正常文本/大文本 = 4 项判定）
• 面板内点击截图直接取色，即时检测对比度
• 智能改进建议（自动计算对比度差距和调整方向）
• 键盘快捷键 1-6 快速切换模拟类型
• 完全免费 · 纯前端处理 · 零隐私数据收集
• 中文界面，简单直观
技术基础：
基于 Brettel, Viénot & Mollon (1997) 色盲模拟算法，实现 sRGB 伽马校正 → 线性 RGB → 矩阵变换 → sRGB 逆变换的完整像素处理管道。对比度计算严格符合 WCAG 2.1 相对亮度公式。
适用场景：
• 网页设计师检查页面色彩无障碍性
• 学生制作 PPT 时检查配色可读性
• 前端开发者调试 WCAG 合规
• 教育场景中演示不同色盲类型视觉差异
核心功能：
• 6 种色盲类型实时模拟（红色盲、绿色盲、蓝色盲、红色弱、绿色弱、全色盲）
• 任意网页一键截取当前页面，使用 Brettel 1997 算法进行像素级精准模拟
• 双模式架构：截图模式（Brettel Canvas 精确模拟）+ 实时模式（SVG 滤镜快速预览）
• WCAG 2.1 对比度检测（AA/AAA × 正常文本/大文本 = 4 项判定）
• 面板内点击截图直接取色，即时检测对比度
• 智能改进建议（自动计算对比度差距和调整方向）
• 键盘快捷键 1-6 快速切换模拟类型
• 完全免费 · 纯前端处理 · 零隐私数据收集
• 中文界面，简单直观
技术基础：
基于 Brettel, Viénot & Mollon (1997) 色盲模拟算法，实现 sRGB 伽马校正 → 线性 RGB → 矩阵变换 → sRGB 逆变换的完整像素处理管道。对比度计算严格符合 WCAG 2.1 相对亮度公式。
适用场景：
• 网页设计师检查页面色彩无障碍性
• 学生制作 PPT 时检查配色可读性
• 前端开发者调试 WCAG 合规
• 教育场景中演示不同色盲类型视觉差异
评分 5（1 位用户）
权限与数据
更多信息