ColorView - 色盲模拟与对比度检查器 par fishduck1337
实时模拟多种色盲类型视觉效果,检查WCAG 2.1色彩对比度。让网页和图片对色觉缺陷用户更友好。
Aucun utilisateurAucun utilisateur
Métadonnées de l’extension
À propos de cette extension
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 合规
• 教育场景中演示不同色盲类型视觉差异
Noté 5 par 1 personne
Autorisations et données
Autorisations nécessaires :
- Accéder à vos données pour tous les sites web
Autorisations facultatives :
- Accéder à vos données pour tous les sites web
Collecte de données :
- Le développeur indique que cette extension n’a pas besoin de collecter de données.
Plus d’informations
- Liens du module
- Version
- 1.1.0
- Taille
- 39,43 Ko
- Dernière mise à jour
- il y a 24 jours (9 juin 2026)
- Catégories associées
- Licence
- Licence MIT
- Politique de confidentialité
- Lire la politique de confidentialité de ce module
- Historique des versions
- Ajouter à la collection