design / 可用工具

色弱视界前端辅助矩阵算法过滤舱

通过专业的色彩变换矩阵滤镜,在您的图片或组件视图上盖一层模拟网。一键体验典型的诸如红绿或蓝黄患者看到的世界,审阅你的设计是否有关键颜色信息丢失阻碍操作

DesignUXAccessibility
快速切换: CSS 高级图像滤镜

收藏工具

当前还没有选择收藏模式。

快捷操作

返回设计配色 浏览全部工具

你可以复制当前工具页链接,或者在支持的设备上直接调用系统分享。

视觉与图形

同理色盲感官模拟

Colorful Art Palette
Normal Vision Full spectrum capability.

使用场景

  • 公司设计规范审查,要求检查红黄对碰是否在患者眼中变成了一瘫不可选泥泞色带。

如何使用

  1. 1. 点击上方的多模态按钮,照片将会强行推倒进行全量矩阵运算滤镜(非原生 CSS Filter),这代表了真色弱患者在视网膜映射上的缺失映射量。

示例输入输出

Protanopia

Apply

View

Reds shifts to dark gray

FAQ

真实吗?

这些滤镜采用了医学认可的 Matrix 移维运算参数模拟,极其贴近现实障碍感官体验。

工具列表

相关推荐

你可以从这里继续打开相近场景的工具,减少重复搜索。

CSS 高级图像滤镜

对比/模糊/灰度滤镜组合即见器

可用

极速拖拽拉伸产生出诸如 `filter: blur(2px) grayscale(100%);` 等极其复杂的复式视觉效果组合。配备实时覆盖原图的热响应。支持自由组合发现意想不到的滤镜效果。

Design CSS Frontend