ColorView - 色盲模拟与对比度检查器 Autor: fishduck1337
实时模拟多种色盲类型视觉效果,检查WCAG 2.1色彩对比度。让网页和图片对色觉缺陷用户更友好。
Metadane rozszerzenia
O tym rozszerzeniu
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 合规
• 教育场景中演示不同色盲类型视觉差异
Ocenione na 5 przez jednego recenzenta
Uprawnienia i dane
Wymagane uprawnienia:
- Mieć dostęp do danych użytkownika na wszystkich stronach
Opcjonalne uprawnienia:
- Mieć dostęp do danych użytkownika na wszystkich stronach
Zbieranie danych:
- Autorzy tego rozszerzenia twierdzą, że nie wymaga ono zbierania danych.
Więcej informacji
- Odnośniki dodatku
- Wersja
- 1.1.0
- Rozmiar
- 39,43 KB
- Ostatnia aktualizacja
- 21 dni temu (9 cze 2026)
- Powiązane kategorie
- Licencja
- Licencja MIT
- Prywatność
- Zasady ochrony prywatności tego dodatku
- Historia wersji
- Dodaj do kolekcji