CONVERT / COLOR

HEX / RGB 颜色转换

在线转换 HEX、RGB 和 RGBA 颜色，支持 3、4、6、8 位十六进制与透明度，输入只在浏览器本地处理。

在线工作台

浏览器本地处理

Enter 执行 · Shift+Enter 换行

颜色预览

转换后可在这里查看颜色与透明度。

输入内容后，点击上方按钮开始处理。

Under the hood

实现原理

输入只在浏览器中处理，下面分别说明转换逻辑与页面实现方式。

Logic

工作原理

  • HEX 每两位表示一个 0–255 的颜色通道；三位与四位写法会先展开为完整通道。
  • RGBA 的透明度范围为 0–1，八位 HEX 的最后两位表示 0–255 的透明度。转换到 HEX 时会四舍五入到最近的字节。
  • RGB 输入使用英文逗号分隔的整数，暂不支持 HSL、颜色名称、百分比或空格分隔语法。

Browser

前端如何实现

  • 浏览器先校验 HEX 或 RGB/RGBA 格式和数值范围，再在十进制与十六进制之间转换。
  • 同时生成可复制的 HEX 和 RGB/RGBA 表示；RGBA 输出最多保留六位小数，HEX 透明度精度为 1/255。

Keep working

相关工具

查看全部 →
开发

JSON 格式化与校验

格式化、压缩并定位 JSON 语法错误。

开发

JWT 调试器

解码、编辑、签名并验证 JWT，支持常见 HMAC、RSA 与 EC 算法。

开发

时间戳转换

在 Unix、日期格式与多个 IANA 时区之间转换。