主要功能
- 格式互转
- 色阶生成
- 对比度检查
- 配色建议
颜色工具
输入 HEX、RGB、HSL 或 HSV 颜色，实时转换格式、生成色阶与配色，并检查 WCAG 文本对比度。
颜色输入
支持 #14B8A6、rgb(20, 184, 166)、hsl(174, 80%, 40%) 和 hsv(174, 89%, 72%)。
100%
命名色板
保存常用颜色，导出色板时会一起带上。
颜色预览
#14B8A6
色阶
点击任意色阶即可复制 HEX 值。
对比度
检查当前颜色与背景色是否满足 WCAG。
示例文本
用于查看当前前景色在背景上的可读性。
对比度比例
2.49:1
AA未通过
AAA未通过
大号文本未通过
渐变生成器
选择起止颜色和角度，生成可复制的 CSS 渐变。
135deg #14B8A6#B81427
linear-gradient(135deg, #14B8A6, #B81427)
135deg
保存渐变
0/12配色建议
基于当前色相生成互补色、邻近色和三角色。
核心能力
格式互转
色阶生成
对比度检查
配色建议
适用场景
调整界面主色
生成主题色 token
检查文字可读性
关于颜色工具
颜色格式转换与对比度检查。输入 HEX、RGB、HSL 或 HSV 颜色，实时转换格式、生成色阶与配色，并检查 WCAG 文本对比度。核心处理优先在当前浏览器中完成。
适用场景
- 调整界面主色
- 生成主题色 token
- 检查文字可读性
常见问题
颜色工具可以免费在线使用吗？
可以。颜色工具可以直接在现代浏览器中打开，无需安装桌面软件。
颜色工具适合哪些场景？
常见场景包括：调整界面主色；生成主题色 token。
输入内容或文件会上传吗？
核心处理优先在浏览器本地完成。主要能力包括格式互转、色阶生成、对比度检查；登录、评论和匿名统计等站点功能可能产生常规网络请求。
评论
共 0 条评论
账账号
登录后可以参与评论和回复。
还没有评论，来写第一条反馈。