色觉差异模拟器
将颜色色板或本地图片模拟为常见色觉差异下的视觉结果。
颜色 · 无障碍 · 色盲模拟本地处理
工具分类
图片与设计
处理色彩、图片与视觉设计相关的本地任务。
颜色对比度检查器
按 WCAG AA 与 AAA 标准检查前景色、背景色及文字尺寸的可读性。
WCAG · 对比度 · 无障碍本地处理
颜色转换与取色器
转换 HEX、RGB、HSL、HSV 与 CMYK 颜色格式，检查 WCAG 对比度并生成调色板。
颜色 · 取色器 · HEX · RGB · WCAG · 调色板本地处理
图片像素取色器
从本地图片中悬停或单击像素，取得精确的 HEX、RGB 与 HSL 色值。
图片 · 取色 · 像素本地处理
配色生成器
从一个基准色生成互补、类似、三色组与分裂互补配色方案。
配色 · 颜色 · 设计本地处理
颜色混合器
以等比例混合两种颜色，并查看中间步骤与多种格式。
颜色 · 混合 · HEX本地处理
CSS 颜色名称查询
查询常见 CSS 命名色，或为 HEX 值查找最近的名称。
CSS · 颜色名称 · HEX本地处理
颜色深浅生成器
围绕一个基准色生成从亮到暗的连续色阶，用于设计令牌与状态色。
色阶 · 颜色 · 设计令牌本地处理
CSS 滤镜生成器
可视化调整常用 CSS filter 属性，并复制可直接使用的样式代码。
CSS · 滤镜 · 图片本地处理
CSS 渐变生成器
创建线性或径向 CSS 渐变，调整方向与色标并复制样式代码。
CSS · 渐变 · 设计本地处理
渐变色板构建器
在两个颜色之间生成可控数量的 RGB、HSL 或 OKLCH 过渡色板。
渐变 · 色板 · OKLCH本地处理
图片主色提取器
使用本地 Canvas 量化图片色彩并提取主要颜色色板。
图片 · 色板 · 颜色提取本地处理
OKLCH 颜色转换器
在 HEX、RGB、HSL 和现代 CSS OKLCH 颜色空间之间转换并检查 sRGB 色域。
OKLCH · CSS · 色域本地处理
OKLCH 色域渐变工作室
以 OKLCH 构造平滑渐变，并将超出 sRGB 的中间色映射到可显示范围。
OKLCH · 渐变 · 色域本地处理
色板可访问性检查器
检查一组颜色中每一对颜色的 WCAG AA 与 AAA 对比度。
WCAG · 色板 · 无障碍本地处理
随机色板生成器
生成可锁定的随机配色，支持和谐模式以及 CSS、JSON 导出。
随机 · 色板 · CSS本地处理