颜色 · 让操作更简单
HEX 转 RGB
在 CSS 颜色名称、HEX、RGB/RGBA 和 HSL/HSLA 之间转换。调整 sRGB 通道，保留十进制 alpha，查看百分比和归一化值，并保存可导出的色样。
你的工作区在你的设备上处理
#7D9065rgb(125, 144, 101)
预览叠加在白色背景上。HEX 以 8 位存储透明度；RGB 和 HSL 保留十进制透明度。
HEX
#7D9065RGB
rgb(125, 144, 101)HSL
hsl(86.512 17.551% 48.039%)RGB 百分比
rgb(49.02% 56.471% 39.608%)归一化 RGBA
0.4902, 0.5647, 0.3961, 1CSS 变量
--color: #7D9065;颜色名使用标准 CSS 关键词，例如 red 或 rebeccapurple。
三个简单步骤。
- 输入 HEX（可省略 #）、CSS 颜色名称、RGB 或 HSL。
- 查看 RGB 通道、色相、饱和度、亮度和透明度。
- 复制所需格式，或调整通道并导出色样。
使用须知。
使用 8 位 sRGB。RGB/HSL 保留十进制 alpha；HEX 将 alpha 四舍五入到最接近的 1/255。HSL 的饱和度和亮度必须为百分比。百分比与归一化显示会舍入。支持 148 个标准 CSS 颜色名称及 transparent；不支持系统颜色、currentcolor、相对颜色或 calc()。不进行色彩空间转换。
了解隐私保护 →常见问题。
四位或八位 HEX 表示什么？
最后一个分量表示 alpha。例如 #0008 展开为 #00000088，即 alpha 为 136/255 的黑色。
转换会改变颜色吗？
这里的 HEX 和 RGB 表示相同的 sRGB 通道值。十进制 alpha 转为 HEX 时会因 8 位精度发生舍入。