色彩工具

生成专业的调色板并立即验证 WCAG 2.2 对比度。支持色盲模拟和多种导出格式。

#6d28d9

blueviolet

#6d28d9
rgb(109, 40, 217)
hsl(263, 70%, 50%)

7.10:1WCAG PASS

2.95:1WCAG FAIL
🔒 100% Local
Fast Processing
🆓 Free Tool

使用场景

定义品牌颜色和一致的调色板
验证网页内容无障碍指南 (WCAG) 合规性
创建专业的亮色/暗色 UI 调色板

常见问题

Q. 我可以从图片中提取调色板吗?

是的!只需上传图片,我们的 K-means 算法就会提取主导颜色,为您创建专业的调色板。

Q. AA 和 AAA 对比度有什么区别?

WCAG AA 要求普通文本的对比度为 4.5:1,而 AAA 更严格,要求达到 7:1,为视力受损用户提供更好的访问体验。

Q. 如何检查色盲模拟?

我们的工具提供红色盲、绿色盲等多种色觉缺陷的实时模拟,确保您的设计具有包容性。

Q. 我可以导出到 Figma 或 CSS 吗?

当然可以。您可以将调色板导出为 Figma Token、Tailwind CSS 配置或标准 CSS 变量。

Q. 如何从网站中提取品牌色?

您可以使用我们的颜色选择器,或上传网站截图,以准确识别并提取所使用的品牌色。

面向设计师和开发者的全方位颜色管理工具。从无障碍审计到和谐调色板生成,通过专业级工具优化您的设计系统。

设计