色盲色弱模拟
Colour Blindness Simulator
把图片重绘成红色盲、绿色盲、蓝色盲或灰度视觉下看到的样子。
一张只靠色相区分系列的图表,大约十二个男性里有一个读不了,而用典型色觉看它是没有办法察觉这一点的。这个工具把整张图按二色视者的眼睛接收到的样子重新渲染,并给丢失的区分度打一个数。
把图表、地图或截图放到这里
模拟就在这个标签页里对像素直接进行。
怎么用
拖入图片
图表、地图、热力图或仪表盘截图——信息藏在色相里的那些情况。
选视觉类型
绿色盲最常见,约占男性的 1%;从它开始。蓝色盲少见到只是一项完整性检查,而不是设计约束。
读区分度数字
它是每个像素移动的平均距离,相对于 RGB 立方体的对角线。接近零说明这张图几乎不依赖被去掉的那些颜色。
用色相以外的东西修
不同的明度、虚线对实线、标记形状或直接标注。其中任何一种都能让区分在这里每一种模拟下都传达出去。
常见问题
色盲看到的真的是这样吗?
这是二色视——某一类视锥细胞完全缺失——投影出来的样子,是严重的那一端。大多数有色觉缺陷的人是异常三色视者:视锥细胞在,响应曲线偏移了,他们的体验在这个和你的之间。
严重程度滑块做什么?
它朝二色视结果线性混合。这不是 Machado 等人(2009)的模型,那个模型对每一级严重程度分别拟合一个矩阵——严重程度为 1 时两者按构造一致,中间则是近似,页面上标明了。
数字低就说明我的图表没问题?
它说明平均而言颜色移动得少,一张大部分是白的页面轻易就能做到。也看模拟出来的图:本来一红一绿的两个系列可能撞在一起,而平均值几乎不动。
可以从这些接进来
接下来
这些工具吃得下当前工具的产出,结果可以直接送过去。
对比度检测
Contrast Checker
按 WCAG 2 和 APCA 给前景色和背景色这一对打分,并推荐最接近的能通过的颜色。
图片配色提取
Palette Extractor
从图片里提取 N 种代表色,导出为 HEX、CSS 变量或 ASE 色板。
配色方案生成
Palette Generator
从一个基准色出发,按互补、三分和邻近色规则生成协调的配色。
图片抠图去背景
Background Remover
在 OKLab 色彩空间中抠掉纯色或均匀背景,输出透明 PNG,并可用画笔修补边缘。
EXIF 信息清除
EXIF Remover
删掉照片里的相机、GPS 和编辑记录等元数据,像素本身分毫不动。
Favicon 网站图标生成
Favicon Generator
一次生成整套图标——ICO、各尺寸 PNG、苹果触摸图标、web manifest——外加可直接粘贴的 HTML。