趣用集 · 在线工具

颜色工作台

本地完成图片取色、主色提取、CSS JSON GPL 色板导出、色盲模拟，并检查 WCAG 2.2 文字对比度。

如何使用颜色工作台

  1. 选择本地图片，点击原图精确取色并自动提取 4–8 个主色。
  2. 切换红色盲、绿色盲、蓝黄色盲或全色盲模拟，与原图并排比较。
  3. 导出 CSS、JSON 或 GPL 色板，并把颜色送入 WCAG 对比度工具。

常见使用场景

  • 从品牌图和照片提取设计色板
  • 检查图表或界面的色觉区分风险
  • 验证文字与背景是否满足 WCAG 对比度

隐私说明

图片、像素、色板和颜色设置均只在当前浏览器本地处理，不会上传服务器或写入分析事件。

常见问题

色盲模拟能完全代表真实视觉吗？

不能。模拟适合发现颜色区分风险，但不同人的色觉差异程度不同，仍应配合文字、形状或图案传达信息。

图片会上传服务器吗？

不会，图片解码、像素取色、主色提取和模拟都在当前浏览器本地完成。