开发者工具

颜色转换工具 — 在浏览器中拾取 HEX、RGB 和 HSL

拾取一种颜色,在 HEX、RGB 和 HSL 之间转换 — 全部同步,即时完成。

本工具完全在你的浏览器中运行。你的文件绝不上传——它们始终保留在你的设备上。

一种快速、可靠的方式,可在开发者和设计师最常用的三种格式之间转换颜色。用拾色器选择一种色调,或在 HEX、RGB 或 HSL 字段中输入一个值 — 其余格式会随你的操作即时更新,并配有一块大尺寸的实时色块,让你清楚看到当前的颜色。

一切都使用纯 JavaScript 直接在你的浏览器中计算。无需安装,无需创建账户,也没有任何数据被发送到任何地方。

如何使用 颜色转换工具

  1. 使用拾色器,或在 HEX、RGB 或 HSL 字段中输入一个值。
  2. 观察色块和另外两种格式即时更新以保持一致。
  3. 调整任意单个通道(R、G、B、H、S 或 L),其余各项都会保持同步。
  4. 点击某种格式旁的复制按钮,将其放入剪贴板。

常见问题

它支持哪些颜色格式?

HEX(例如 #4f46e5)、RGB(例如 rgb(79, 70, 229))和 HSL(例如 hsl(245, 76%, 59%))。编辑其中任意一个,另外两个都会被自动重新计算。

我的数据会发送到服务器吗?

不会。转换完全使用 JavaScript 在你的浏览器中运行。你输入的任何内容都不会被上传或存储到任何地方。

我可以粘贴带或不带 # 号的 HEX 值吗?

可以。3 位(#abc)和 6 位(#aabbcc)的 HEX 都被接受,带不带开头的 # 均可。

它能处理透明度或 Alpha 通道吗?

它专注于 HEX、RGB 和 HSL 的不透明颜色。Alpha(RGBA/HSLA)不会被转换,因此结果值保持干净且可预测。

相关工具