颜色转换器
HEX / RGB / HSL / CMYK 颜色格式互转，支持颜色预览与配色方案
颜色转换器是一款文本工具在线工具，HEX / RGB / HSL / CMYK 颜色格式互转，支持颜色预览与配色方案。所有处理均在浏览器本地完成，文件不会上传到服务器。
互补色
类似色
三等分色
明暗变体
#3B82F6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
cmyk(76%, 47%, 0%, 4%)
color: #3b82f6;
如何使用 颜色转换器工具
只需3个简单步骤，即可完成操作
输入颜色值
在输入框中输入 HEX、RGB、HSL 等任意格式的颜色值
自动转换
系统自动识别格式并转换为所有其他颜色格式
复制使用
点击任意格式的颜色值即可复制，粘贴到您的项目中使用
适用场景
-
1
网页设计
将设计稿中的 HEX 颜色转换为 RGB 或 HSL，用于 CSS 编写
-
2
品牌配色
输入品牌主色，生成配套的补色、类似色等配色方案
-
3
代码开发
在编写代码时快速转换颜色格式，无需切换工具
-
4
图片取色
上传图片取色后，将取到的颜色转换为所需格式
核心功能
-
1
多格式互转
支持 HEX、RGB、HSL、CMYK、HSL 等主流颜色格式互转
-
2
配色方案
自动生成互补色、类似色、三角色等配色方案
-
3
颜色预览
实时显示颜色效果，支持明暗主题下预览
-
4
一键复制
点击任意格式的颜色值即可复制，支持批量复制
常见问题
RGB 和 HEX 有什么区别？
HEX 是 RGB 的十六进制表示方式，两者表达的颜色完全相同，仅格式不同。
CMYK 和 RGB 能完全互转吗？
不能完美互转。CMYK 是印刷色彩模式，色域比 RGB 小，转换会有微小偏差。
如何获取图片中某点的颜色值？
当前版本暂不支持取色器功能，建议使用浏览器开发者工具或专业取色软件。
HSL 格式有什么优势？
HSL 格式更符合人类对颜色的直观理解（色相/饱和度/亮度），便于调整颜色深浅。
进阶使用技巧
配色贯穿设计与前端开发，掌握格式互转能少踩很多坑：
1. HEX 与 RGB 互转看透明度
带透明度的颜色用 RGBA 或 HSLA，纯 HEX 无法表达 alpha，需要 8 位 HEX（RRGGBBAA）。
2. 前端优先用 HSL 调明暗
改亮度或饱和度时 HSL 比 RGB 直观，锁定色相只调 L 就能得到同色系深浅。
3. CMYK 仅用于印刷
屏幕显示用 RGB 或 HEX，印刷物料才转 CMYK，混用会出现明显色差。
4. 用取色器反推代码
从设计稿取色后直接转成项目需要的格式，避免肉眼估色导致不一致。
5. 统一设计系统的色板
把品牌主色固化成 HEX 与 RGB 对照表，团队协作时不再各写各的。
6. 对比度要过无障碍标准
文字与背景色对比度建议不低于 4.5:1，可用对比度工具校验可读性。
以上技巧基于 颜色转换器 的常用场景整理，实际效果会因输入数据与使用场景而异；遇到异常结果时，优先回到原始数据逐项排查。