首页 › 生成与工具 › 取色器
← 返回首页

取色器

选取颜色并读取 HEX、RGB、HSL 与对比度。填好字段后点页面按钮即可看到结果。

HEX
—
RGB
—
HSL
—
相对亮度
—
与黑色对比度
—
与白色对比度
—
最佳文字色
—

对比度按 WCAG 相对亮度公式计算,正文文字达到 AA 级的标准是 4.5:1。

关于取色器

选取颜色并读取 HEX、RGB、HSL 与对比度。填写“颜色”、“色相”、“饱和度 %”后点「执行」,结果会显示在结果区;运算全部在浏览器本地完成,输入内容不会上传。

取色器 读取上方表单里的“颜色”、“色相”、“饱和度 %”、“亮度 %”,把答案写进结果区,对比度按 WCAG 相对亮度公式计算,正文文字达到 AA 级的标准是 4.5:1。页面不需要登录,也不会把数据发到服务器:所有计算都由本页的脚本在你的设备上完成。

如何使用

  1. 从生成与工具分类打开取色器,也可以用页头的搜索框找到它。
  2. 按页面上的字段逐一填写:“颜色”、“色相”、“饱和度 %”、“亮度 %”。
  3. 点「执行」。新结果会覆盖上一次的结果,页面只显示当前这一轮,不会把两次结果并排放在一起。
  4. 点「复制 HEX」把结果复制到剪贴板;只有真的复制到内容时才会出现成功提示。

使用示例

在上方字段里填入自己的数据,点「执行」即可得到结果;改动任一输入后再点一次,结果会按当前输入重新计算并替换上一次的结果。

常见问题

我输入的内容会被上传吗?

不会。取色器 用浏览器里的脚本处理“颜色”、“色相”、“饱和度 %”、“亮度 %”,输入和结果都留在你的设备上,Utilixo 不保存副本。

能不能保留多次结果做对比?

不能并排保留。每次点「执行」都会按当前输入重算并覆盖上一次结果;想对比请自己先记下前一次的数值。

用取色器时要注意什么?

对比度按 WCAG 相对亮度公式计算,正文文字达到 AA 级的标准是 4.5:1。

结果怎么带走?

结果出现后点「复制 HEX」即可复制;结果为空时不会出现成功提示。

需要注册或付费吗?

不需要。取色器 免费、无需注册,也没有次数限制,打开页面直接用。

相关工具

延伸阅读

想看更完整的说明,可以读这篇生成与实用工具分类指南,里面逐个介绍了本分类的工具,并附了实际用法和小技巧。