HEX 转 RGB — 将 HEX 颜色码转换为 RGB 值
将 HEX 颜色码转换为 RGB 值。实时色样预览，完全在浏览器中运行。无上传、无账号、无限制。
HEX to RGB
Convert HEX color codes to RGB values online. Enter a hex code like #ff6600 and get R, G, B values instantly.
HEX 和 RGB 是网页描述颜色的两种方式，描述的是同一种颜色。HEX 码 #3B82F6 由六个字符组成：3B、82、F6。每一对都是一个十六进制（基数为 16）数字，映射到一个十进制值：3B 是 59，82 是 130，F6 是 246。RGB 三元组是 rgb(59, 130, 246) —— 三个 0 到 255 的十进制数字，每个对应一个颜色通道。两种表示法可以互换；使用 color: #3B82F6 的样式表和使用 color: rgb(59, 130, 246) 的样式表，在每个浏览器上渲染出的颜色完全相同。选择哪种只是风格，不是本质。
HEX 转 RGB 中「不那么显然」的一点，是两种表示法不等价的时候。HEX 能表达 alpha（#3B82F680 表示 50% 不透明度），转换为 RGBA 时 alpha 保留为独立通道。部分遗留 CSS 和图像处理库只接受 rgb(59, 130, 246)，不接受 alpha —— 这种情况下，去掉 alpha 或使用单独的 opacity 属性即可。反向情况（不带 alpha 的 RGB 转 HEX）也是不对称的：HEX 码始终是 6 位或 8 位十六进制数字，转换会按惯例补上 # 前缀。本工具同时处理这两种方向的不对称，并在存在 alpha 时显示 RGBA 输出。
最终的交接：如果目标是编写现代 CSS，HEX 和 RGB 都能用 —— 大多数开发者选一个并坚持使用。HSL 是挑选浓淡时更易读的形式。如果目标是匹配设计工具的输出，RGB 字符串正是 Figma、Sketch 和 Adobe XD 在颜色面板中作为「RGB」导出的格式。如果目标是用 JavaScript 处理颜色（canvas、WebGL、图像处理），RGB 是原生形式 —— canvas API 接收 RGB 三元组，把 HEX 转换为 RGB 再传给 canvas 是标准模式。
使用方法
输入一个 HEX 码
在输入框中键入 3 位 HEX（#3B8）或 6 位 HEX（#3B82F6）。如果省略 #，输入会自动加上前缀；短格式 HEX 会在解析前展开为长格式。
查看 RGB 分解
输出显示红、绿、蓝三个通道（各 0-255）。右侧的实时色样随键入更新，你可以实时看到颜色。检测到的 sRGB 色彩空间会显示在底部。
复制 RGB 字符串
把值复制为 CSS 可用的 `rgb(59, 130, 246)` 或 `rgba(59, 130, 246, 1)` 声明。粘贴到样式表、设计工具或 CSS-in-JS 模板字符串中。
常见问题
RGB 有什么用途？
RGB（红、绿、蓝）是每块屏幕、投影仪和数码相机使用的加色模型。每个像素由红、绿、蓝三个子像素的强度描述，值从 0（无光）到 255（最强光）。它是 HTML canvas、WebGL 和大多数图像格式的原生色彩模型。
转换是无损的吗？
是的 —— HEX 和 RGB 是同一颜色的不同表示法。HEX 是用 16 进制表达的 RGB（每对十六进制数字是一个通道，00-FF）。转换是一次进位制转换，不是变换。输出在数学上与输入完全相同。
Alpha 通道有什么作用？
开启 Alpha 添加一个不透明度滑块（0-100%）。输出会包含 RGBA 值。HEX 输入需要 8 位才能携带 Alpha（#3B82F680）—— 6 位 HEX 没有 Alpha，RGBA 输出中默认 100% 不透明。
为什么屏幕上显示的颜色和 HEX 值不一样？
屏幕的校准并不完全一致。#3B82F6 这个 HEX 值在每个设备上都是完全相同的 sRGB 颜色，但渲染出来的颜色取决于显示器的色彩配置、亮度和环境光。两台显示器对同一个 HEX 码可能显示出肉眼可见的蓝色差异。
可以输入 HSL 值吗？
HEX 转 RGB 工具只接受 HEX 输入。如果要输入 HSL，使用颜色转换器，它在一个界面里同时接受 HEX、RGB、HSL 和 CMYK，并同时显示四种格式。底层转换是相同的。
限制说明
- 仅支持 sRGB本工具默认 sRGB 色彩空间，这是网页的标准。引用 Display P3 或 Rec.2020 颜色的 HEX 码（罕见，仅在部分 Apple 设计工具中使用）会被当作 sRGB 处理，超出 sRGB 色域的值会被裁剪到最接近的 sRGB 颜色。
- 不支持广色域输出RGB 输出每个通道始终是 0-255，即 sRGB 范围。对于需要每通道超过 8 位的广色域颜色，请使用输出 16 位每通道值的工具（在网页场景中很罕见）。
- 不支持 CMYK 输出本工具输出 HEX 和 RGB，不输出 CMYK。对于印刷颜色，使用额外支持 CMYK 的颜色转换器。CMYK 是纸上油墨的减色模型，不是屏幕模型，从 sRGB 到 CMYK 的转换是近似的。
平台说明
- macOS
- Digital Color Meter（在 Applications > Utilities 中）读取光标下的颜色并显示 RGB。本浏览器工具是把设计文件中的 HEX 码转换为 RGB 的合适选择 —— 部分遗留 CSS 和老式图像处理库只接受 RGB 格式。
- Windows
- PowerToys 的 Color Picker 读取屏幕上任意像素，并把值复制为 HEX、RGB 或 HSL。本浏览器工具适合处理来自设计文件、Figma 导出或 CSS 文件中、需要转换为 RGB 三元组的 HEX 值。
- Linux
- GIMP 的拾色器同时显示 HEX 和 RGB。本浏览器工具适合批量转换来自 CSS 文件、设计导出或配置项的 HEX 值。命令行场景下，ImageMagick 的 `convert -size 1x1 xc:'#3B82F6' -format '%[pixel:p{0,0}]' info:` 做同样的事。
- Web
- 完全在客户端运行。页面加载后离线可用。RGB 输出是合法的 CSS 颜色值 —— 可粘贴到任何样式表、CSS-in-JS 模板或支持 RGB 语法的设计工具中。