将十六进制颜色代码转换为 RGB 并返回
输入十六进制代码（如 #FF5733），立即看到 RGB 等效项 — rgb(255, 87, 51)。或者输入 RGB 值并获取十六进制代码。实时颜色样本会在您键入时更新，一键式按钮会以 CSS、设计工具或文档所需的格式复制值。
免费使用此工具Browser tool
Hex to RGB converter
Convert 3, 4, 6, or 8-digit HEX colors to RGB and RGBA values instantly. Nothing is uploaded.
Alpha: 1
如何使用
输入颜色值
键入十六进制代码（带或不带 # 符号）或输入 0 到 255 之间的三个数字形式的 RGB 值。
查看结果
相反的格式字段会自动更新。预览样本显示颜色。
复制
单击任何值或 CSS 片段旁边的复制按钮。吐司确认文本位于剪贴板上。
特征
双向转换
输入十六进制代码以获取 RGB，或输入 RGB 值以获取十六进制。这两个字段都会在您键入时实时更新，无需单击转换按钮。
实时颜色样本
大预览样本显示您输入的颜色。它会立即更新，因此您可以直观地确认色调是否符合您的期望。
CSS 输出片段
获取十六进制和 RGB 格式的颜色、背景颜色和边框颜色属性的可粘贴 CSS 代码。一键复制任何片段。
Alpha 通道支持
输入 8 位十六进制代码或 RGBA 值以使用透明度。该工具可在两种格式之间准确转换 Alpha 通道。
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance规格
| 输入格式 | 十六进制（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 通道。
More free tools
Explore our other limited free edits after sign-in photo and image tools.
设计具有多个色标的线性、径向和圆锥渐变。复制 CSS 代码或下载为 PNG 图像。
在 HEX、RGB、HSL、HSB、CMYK 和 CSS 命名格式之间转换颜色。查看实时预览、复制任何值并导出色卡。
从上传的图像中选择任何颜色并立即获取其十六进制、RGB 和 HSL 代码。从照片构建调色板，用于网页设计、品牌推广和插图。
上传照片并使用十六进制、RGB 和 HSL 代码提取 5-10 个主色。复制样本，导出为 ASE 或 CSS 变量。
生成 URL、文本、WiFi 凭证和 vCard 的 QR 码。自定义颜色、添加中心徽标并下载为 PNG 或 SVG。
计算图像和视频的宽度、高度或纵横比。输入任意两个值并得到第三个值。社交媒体、电影和印刷品的预设比例。