Skip to content
免费工具Design

将十六进制颜色代码转换为 RGB 并返回

输入十六进制代码(如 #FF5733),立即看到 RGB 等效项 — rgb(255, 87, 51)。或者输入 RGB 值并获取十六进制代码。实时颜色样本会在您键入时更新,一键式按钮会以 CSS、设计工具或文档所需的格式复制值。

免费使用此工具

特征

1

双向转换

输入十六进制代码以获取 RGB,或输入 RGB 值以获取十六进制。这两个字段都会在您键入时实时更新,无需单击转换按钮。

2

实时颜色样本

大预览样本显示您输入的颜色。它会立即更新,因此您可以直观地确认色调是否符合您的期望。

3

CSS 输出片段

获取十六进制和 RGB 格式的颜色、背景颜色和边框颜色属性的可粘贴 CSS 代码。一键复制任何片段。

4

Alpha 通道支持

输入 8 位十六进制代码或 RGBA 值以使用透明度。该工具可在两种格式之间准确转换 Alpha 通道。

如何使用

1

输入颜色值

键入十六进制代码(带或不带 # 符号)或输入 0 到 255 之间的三个数字形式的 RGB 值。

2

查看结果

相反的格式字段会自动更新。预览样本显示颜色。

3

复制

单击任何值或 CSS 片段旁边的复制按钮。吐司确认文本位于剪贴板上。

规格

输入格式十六进制(3、6、8 位)、RGB、RGBA
输出格式十六进制、RGB、RGBA
阿尔法支持是(HEX8、RGBA)
CSS 片段颜色、背景、边框
预览实时样本
加工客户端(即时)

Related Magic Eraser Tools

常见问题

3 位和 6 位十六进制代码有什么区别?

+

像 #F53 这样的 3 位十六进制代码是 #FF5533 的简写 — 每个数字都是双倍的。该工具接受这两种形式,并始终输出完整的 6 位数代码以确保清晰。

我可以输入不带 # 符号的十六进制代码吗?

+

是的。该工具可识别带或不带前导哈希的十六进制值。它会自动将 # 添加到输出中。

如何转换具有透明度的颜色?

+

使用 8 位十六进制代码,其中最后两位数字代表 alpha(例如 #FF573380 表示 50% 不透明度)或输入四个 RGBA 值。该工具可在两种格式之间转换 Alpha 通道。

使用照片中的品牌颜色?

AI Enhance 可以调整照片颜色以匹配您的品牌调色板。在此获取准确的 RGB 值,然后在增强产品摄影时将其用作参考。

免费试用