HEX转RGB
在 HEX、RGB 和 HSL 之间转换颜色，调整滑块并复制 CSS 写法。通过预览、亮度、互补色和类似色比较所选颜色。
HEX 标签接受可带 # 的 3 位或 6 位数字。每对数字表示 0–255 的 R、G、B；简写会将每位重复一次。RGB 会取整并限制到该范围；HSL 的 S/L 限制为 0–100，色相按 360° 循环。
FF0000 得到 rgb(255, 0, 0) 和 HSL 0/100/50。fff 表示 #FFFFFF，即 RGB 255/255/255。zzzzzz 是错误而不是颜色。#999999 对应 RGB 153/153/153。
方法与限制
仅处理不透明 RGB，不支持透明度、RGBA 或八位 HEX。无效文字会报错，不会默认为黑色。HSL 取整可能导致往返转换的小差异；对比度结果不是界面合规认证。
页面代码根据输入数值计算，不向颜色服务发送请求。复制由点击启动，浏览器可能拒绝。本说明不涵盖其他页面脚本，也不保证整个网站的隐私行为。
颜色格式
对比度检查
相对亮度与相关颜色
- 相对亮度（0–1）
相对亮度使用线性化的 sRGB 分量，范围为 0 到 1，显示四位小数。它不同于 HSL 明度（L）。类似色保持饱和度和明度，将 HSL 色相偏移 ±30°；由于 HSL 数值已取整，这些色块是示意性的近似结果。
类似色
互补色
已复制
复制失败。请选择结果并手动复制。
关于HEX转RGB
在HEX和RGB颜色格式之间转换。适用于网页设计师和开发者快速转换颜色代码。
在 HEX、RGB 和 HSL 之间转换颜色，调整滑块并复制 CSS 写法。通过预览、亮度、互补色和类似色比较所选颜色。 HEX 标签接受可带 # 的 3 位或 6 位数字。每对数字表示 0–255 的 R、G、B；简写会将每位重复一次。RGB 会取整并限制到该范围；HSL 的 S/L 限制为 0–100，色相按 360° 循环。
FF0000 得到 rgb(255, 0, 0) 和 HSL 0/100/50。fff 表示 #FFFFFF，即 RGB 255/255/255。zzzzzz 是错误而不是颜色。#999999 对应 RGB 153/153/153。
页面代码根据输入数值计算，不向颜色服务发送请求。复制由点击启动，浏览器可能拒绝。本说明不涵盖其他页面脚本，也不保证整个网站的隐私行为。
使用场景
如何使用
输入HEX颜色代码
查看转换后的RGB值
或输入RGB值转换为HEX
复制颜色代码使用
选择 HEX、RGB 或 HSL 标签。
输入有效代码或拖动分量滑块，也可使用色盘或随机颜色。
检查颜色预览及其他格式的数值。
读取相对亮度，比较黑白对比度、互补色及色相偏移 −30°/+30° 的类似色。
复制所需 CSS 写法；复制被拒绝时手动选择显示值。
专业提示
- HEX的每两位代表一个颜色通道
- #RGB是#RRGGBB的简写
- RGB值范围是0-255
- 仅处理不透明 RGB，不支持透明度、RGBA 或八位 HEX。无效文字会报错，不会默认为黑色。HSL 取整可能导致往返转换的小差异；对比度结果不是界面合规认证。
- 页面代码根据输入数值计算，不向颜色服务发送请求。复制由点击启动，浏览器可能拒绝。本说明不涵盖其他页面脚本，也不保证整个网站的隐私行为。
故障排除
请输入 3 位或 6 位十六进制数字，或完整的数值分量。
输入有效代码或拖动分量滑块，也可使用色盘或随机颜色。
如何手动把 HEX 转成 RGB？
先将简写展开为六位，再将每对十六进制数转换为十进制：FF = 255，00 = 0。因此 00FF00 得到 RGB 0/255/0。HEX 与 rgb() 是同样分量的不同写法。
常见问题解答
HEX使用十六进制表示颜色（#RRGGBB），RGB使用0-255的十进制数值。两者可以精确互换。
大多数设计软件使用十六进制，而某些CSS属性和编程需要RGB格式，转换器让切换变得简单。
通用 CSS 中可添加第四个 alpha 值，例如 rgba(255, 0, 0, 0.5) 表示半透明红色。但本工具只转换不透明颜色，不能在这里输入第四个分量；请在其他编辑器中添加。
先将简写展开为六位，再将每对十六进制数转换为十进制：FF = 255，00 = 0。因此 00FF00 得到 RGB 0/255/0。HEX 与 rgb() 是同样分量的不同写法。
本页只有不透明颜色的 HEX、RGB、HSL 标签，不解析透明度或 CMYK。独立颜色选择器提供近似 CMYK；印刷匹配仍需色彩配置和校样。