Utilz
颜色工具
免费在线颜色工具
使用免费浏览器色彩工具更高效地处理颜色。支持HEX、RGB、HSL格式转换，生成和谐配色方案，可视化创建CSS渐变，检查无障碍对比度，从图片提取颜色，模拟色盲效果。专为设计师和前端开发者打造。
为什么选择 Utilz 色彩工具
- 即用即复制 -- 获取HEX、RGB、HSL和CSS代码，直接粘贴到样式表或设计文件中。
- 注重无障碍 -- 对比度检查器遵循WCAG 2.1标准，帮助构建包容性设计。
- 可视化交互 -- 通过交互式取色器、滑块和实时渐变预览即时查看颜色变化。
HEX转RGB转换器
在线转换颜色格式
调色板生成器
生成配色方案
CSS渐变生成器
在线创建CSS渐变效果
颜色对比度检查器
检查颜色对比度是否达标
图片取色器
从图片中提取颜色
颜色名称查找
查找任意颜色的名称
Tailwind颜色搜索
搜索Tailwind CSS颜色
色盲模拟器
模拟不同类型的色觉障碍
常见问题
支持哪些颜色格式？
支持HEX（3、6、8位）、RGB、RGBA、HSL、HSLA和CSS命名颜色。转换工具可在所有格式间即时切换。
对比度检查器如何工作？
根据WCAG 2.1标准计算前景色和背景色之间的亮度比，显示正常文本和大文本是否符合AA或AAA标准。