这个工具有问题吗?

关于「HEX转RGB转换器 在线」

该工具将十六进制颜色代码(#FF5733)转换为 RGB 表示法(rgb(255, 87, 51))并反向转换。两种格式表示相同的颜色,但不同的工具和上下文偏好不同的格式——hex 对于 CSS 简洁,RGB 在以编程方式使用滑块时更易读。

转换器处理 6 位 hex(#FF5733)、3 位简写(#F53 表示 #FF5533)和带 alpha 通道的 8 位 hex(#FF5733FF)。输出以 rgb() 和现代 rgb(r g b / a) 函数语法两种形式提供。

在工具之间移植设计时(Figma 可能显示 hex,代码期望 rgb)、调试 CSS 中的视觉差异,或构建处理两种格式的工具时非常有用。

如何使用这个工具

如何把 hex 颜色转为 RGB

  1. 输入 hex 代码

    把 hex 值放入「Hex (#RGB or #RRGGBB)」字段。开头的 `#` 可省略,大小写无关——`#FF00aa` 与 `ff00aa` 同样有效。

  2. 三位简写自动扩展

    3 位 hex 会自动按每位翻倍扩展:`#abc` 在解析前会变成 `#aabbcc`。除 3 或 6 位有效十六进制外,其他长度会被明确拒绝。

  3. 点击运行

    结果包含 `r`、`g`、`b`(各 0–255)、`rgbCss`(可直接粘贴的 `rgb(r, g, b)` 字符串)、`hex`(归一化的 6 位小写形式)。

  4. 直接使用 rgbCss

    rgbCss 的格式与浏览器内联样式期望完全一致,可直接复制到样式表、设计软件或组件 prop,无需再处理。