颜色转换工具
免费在线颜色转换工具，HEX/RGB/HSL 互转，含取色器、透明度调节、CSS 颜色值输出。前端开发配色必备。本地计算，数据不上传。
工具加载中…
颜色转换工具介绍
前端开发、UI 设计经常需要在 HEX、RGB、HSL 等颜色格式之间转换，还要调整透明度、复制 CSS 颜色值。本颜色转换工具集成取色器 + HEX/RGB/HSL 互转 + Alpha 透明度调节，任一输入框修改会实时联动，点击任意颜色值即可复制。所有计算在浏览器本地完成。
如何使用颜色转换工具
- 取色：点击取色器选颜色，或直接输入 HEX/RGB/HSL。
- 调节透明度：拖动 Alpha 滑块。
- 复制：点击下方任意颜色值（HEX/RGB/RGBA/HSL/CSS 变量）即复制。
颜色格式说明
- HEX：
#RRGGBB，网页最常用，如#3498db - RGB：
rgb(r, g, b)，0-255 三通道，如rgb(52, 152, 219) - RGBA：
rgba(r,g,b,a)，a 为 0-1 透明度 - HSL：
hsl(h, s%, l%)，色相/饱和度/亮度，更直观
常见问题
HEX 和 RGB 怎么换算？
HEX 每两位表示一个 RGB 通道的 16 进制值。如 `#3498db`：34(16)=52, 98(16)=152, db(16)=219，即 rgb(52,152,219)。本工具自动换算，也可手动用计算器。
HSL 和 RGB 哪个好用？
各有所长。**RGB** 是显示器原生格式，精确但调色不直观。**HSL** 按色相/饱和度/亮度组织，调色更符合直觉（如「把这个颜色调亮一点」只需改 L）。设计软件多用 HSL/HSV。
透明度 0.5 对应多少？
Alpha 范围 0-1（或百分比）。0 = 完全透明，1 = 完全不透明，0.5 = 半透明。CSS 中 rgba 第四个参数。注意与 opacity 属性区分：rgba 只影响颜色，opacity 影响整个元素。
为什么我的颜色在不同设备看起来不一样？
颜色显示受显示器色域、校准、浏览器影响。sRGB 是网页标准色域，绝大多数设备支持。P3/Adobe RGB 等广色域能显示更鲜艳的颜色但兼容性不一。设计时建议用 sRGB 确保一致性。