🔒 隐私安全:所有处理 100% 在浏览器本地完成,不会上传到服务器。

颜色拾取

颜色选择、格式转换、调色板与对比度检测。

  • 可视化取色
  • HEX/RGB/HSL 互转
  • 调色板生成
  • WCAG 对比度检测
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)

如何使用 颜色拾取

  1. 选取颜色:拖动拾色器或直接输入色值
  2. 转换格式:查看 HEX/RGB/HSL 并一键复制
  3. 检查对比度:输入文字与背景色,确认无障碍达标

常见问题

支持哪些颜色格式?
支持 HEX、RGB、HSL 互转,取色后一键复制各格式,附随机配色与阴影色阶生成。
可以检测文字对比度吗?
内置 WCAG 对比度计算,输入前景/背景色即显示比值与 AA/AAA 是否通过,适合无障碍设计。
支持透明色吗?
可以,拾色器支持透明度(Alpha),并输出 #RRGGBBAA 与 rgba 两种格式。