🎨
颜色转换器
HEX / RGB / HSL 颜色值互转，带取色器与实时预览，前端调色必备。
本地处理 · 不上传
加载工具中…
相关：颜色转换 · HEX转RGB · RGB转HEX · HSL · 取色器
颜色工具能在 HEX、RGB、HSL 等格式间转换，并提供取色与预览，方便前端开发和设计时统一色值。转换在本地完成，即取即用。
使用步骤
- 输入一个颜色值或用取色器选择
- 查看它在 HEX / RGB / HSL 下的等价表示
- 复制需要的格式
- 应用到你的样式或设计稿
使用场景
- 在 CSS 中统一颜色格式
- 把设计稿的色值转成代码可用格式
- 微调明度、饱和度得到配色
- 核对两个颜色是否为同一色
小贴士
- HEX 简洁但不直观，HSL 更利于调明度和饱和度
- 带透明度用 8 位 HEX 或 rgba
- 注意屏幕色与印刷色（CMYK）不完全对应
常见问题
HEX、RGB、HSL 该用哪个？
效果相同，按场景选：HEX 适合粘贴复用，RGB 直观对应三原色，HSL 便于调整明暗与鲜艳度。
怎么表示半透明颜色？
用 rgba(r,g,b,a) 或 8 位 HEX（末两位为透明度），a 从 0 到 1，0 为全透明。
屏幕上的颜色能直接用于印刷吗？
不能精确对应。屏幕是 RGB 光色，印刷是 CMYK 墨色，需转换并以打样为准。
颜色转换器是免费的吗？
是。本站所有工具完全免费，无需注册登录、无广告干扰，打开即用。
使用颜色转换器，我的数据安全吗？
安全。该工具在你的浏览器本地完成处理，输入内容不会上传到服务器，隐私更有保障。