颜色转换
HEX/RGB/HSL颜色格式互转，取色器+调色板建议
纯浏览器处理，零服务器资源
选择颜色
点击选择颜色
颜色值
调色板建议
互补色 (Complementary)
类似色 (Analogous)
三色组 (Triadic)
CSS 变量示例
颜色转换工具介绍
本工具支持 HEX（十六进制）、RGB（红绿蓝）和 HSL（色相、饱和度、亮度）三种常用颜色格式的双向实时转换。您可以通过颜色选择器、文本输入或滑块调节来选取颜色，所有输入方式实时联动。
颜色格式说明
| 格式 | 示例 | 说明 |
|---|---|---|
| HEX | #3498DB | 六位十六进制数，每两位表示R、G、B分量（00-FF） |
| RGB | rgb(52, 152, 219) | 三个0-255的整数，分别表示红、绿、蓝通道强度 |
| HSL | hsl(204, 70%, 53%) | 色相(0-360度)、饱和度(0-100%)、亮度(0-100%) |
调色板建议
工具会根据当前选择的颜色自动生成互补色、类似色和三色组配色方案，帮助您在设计中快速找到和谐的配色组合。点击任意色块即可复制其HEX值。
常见问题
颜色数据会上传吗？
不会。所有颜色计算和转换都在浏览器本地完成，不会发送任何数据到服务器。
支持透明色（Alpha通道）吗？
当前版本支持标准的不透明颜色。如需透明度，可在CSS中使用rgba()或hsla()语法手动添加alpha值。
调色板的配色方案准确吗？
是的。配色方案基于标准色轮理论计算：互补色旋转180度，类似色偏移30度，三色组间隔120度，确保色彩搭配的科学性和美观性。