免费在线 颜色格式转换器
在线免费将颜色在 HEX、RGB、RGBA、HSL 和 HSLA 格式间即时转换——内置取色器和预设色板,100% 本地处理。
100% 客户端处理 · 数据永不离开您的浏览器使用说明 颜色格式转换器
在文本框中输入任意颜色值——支持 HEX、RGB 或 HSL 格式。您也可以使用取色器(彩色方块)直观地选取颜色,或点击任意预设色板快速开始。
点击转换,即可查看六种格式的表示结果以及 RGBA 色块预览。点击任意格式旁边的复制图标,即可将该值复制到剪贴板。
支持的输入示例:
#FF6B6B或#f6b(缩写 HEX)rgb(255, 107, 107)或rgba(255, 107, 107, 0.8)hsl(0, 100%, 71%)或hsla(0, 100%, 71%, 0.5)
常见问题
这个工具支持哪些颜色格式?
转换器接受 HEX(#RGB、#RRGGBB、#RRGGBBAA)、RGB(rgb(r,g,b))、RGBA(rgba(r,g,b,a))、HSL(hsl(h,s%,l%))和 HSLA 格式,并一次性输出全部六种表示形式。
RGB 和 HSL 有什么区别?
RGB 通过红、绿、蓝三种光的强度(每种 0–255)来描述颜色。HSL 则通过色相(0–360°,色轮位置)、饱和度(0–100%,颜色鲜艳程度)和亮度(0–100%,明暗程度)来描述颜色。在调整颜色时,HSL 通常更符合人类的直觉。
什么是 HEX8 格式?
HEX8 是 8 位十六进制颜色码(#RRGGBBAA),最后两位表示 alpha(透明度)通道。例如,#FF000080 表示 50% 透明度的红色。现代 CSS 和大多数设计工具都支持此格式。
如何将 CSS 十六进制颜色转换为 RGB?
将十六进制颜色码(带或不带 # 符号)粘贴到输入框中,然后点击"转换"。RGB 值会立即显示在结果表格中。
Alpha 通道是什么意思?
Alpha 控制透明度:0 表示完全透明,1(或 100%)表示完全不透明。RGBA 和 HSLA 格式都包含 alpha 通道。取色器默认设置为完全不透明(alpha = 1)。