Tool Detail

颜色转换(HEX/RGB)

HEX 与 RGB 互转。

作者:VillaB · 更新:2026-02-24

颜色预览

使用说明

这个工具能做什么

在 HEX 色值和 RGB 色值之间互转,并实时预览这个颜色长什么样。写 CSS 时在 #FFAA00 和 rgb(255, 170, 0) 之间来回换,不用心算。

怎么用

  1. 选择方向:HEX → RGB 或 RGB → HEX
  2. 输入色值,例如 #FFAA00、#f00 或 rgb(255,170,0)、255,255,255
  3. 结果实时显示,并给出颜色预览块

延伸阅读

常见问题

支持 3 位缩写吗?

支持。#f00 会被展开成 #ff0000(每位重复一次)再转换。

支持带透明度的 rgba 吗?

不支持。本工具只处理 RGB 三通道(0-255),输入 rgba() 或 #RRGGBBAA 会报格式错误。需要透明度请自行处理 alpha 通道。

RGB 数值为什么必须在 0-255 之间?

因为它是每个通道 8 位的取值范围。超出范围会报错,避免生成无效颜色。

转换会四舍五入造成偏差吗?

HEX 与 RGB 之间是精确的整数换算(每通道一个字节),不会丢精度。往复转换结果一致。真正的精度损失只发生在转 HSL/HSV 这类模型时。

大小写影响结果吗?

不影响。输出统一大写,输入大小写都识别。

数据会上传吗?

不会,本地换算。

返回工具中心