首页 颜色转换器

颜色转换器

HEX / RGB / HSL / CMYK 颜色格式互转，支持颜色预览与配色方案

输入颜色值
配色方案

互补色

类似色

三等分色

颜色预览
#3B82F6

明暗变体

转换结果
HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

CMYK

cmyk(76%, 47%, 0%, 4%)

CSS 用法

color: #3b82f6;

如何使用 颜色转换器工具

只需3个简单步骤，即可完成操作

1

输入颜色值

在输入框中输入 HEX、RGB、HSL 等任意格式的颜色值

2

自动转换

系统自动识别格式并转换为所有其他颜色格式

3

复制使用

点击任意格式的颜色值即可复制，粘贴到您的项目中使用

适用场景

  1. 1

    网页设计

    将设计稿中的 HEX 颜色转换为 RGB 或 HSL，用于 CSS 编写

  2. 2

    品牌配色

    输入品牌主色，生成配套的补色、类似色等配色方案

  3. 3

    代码开发

    在编写代码时快速转换颜色格式，无需切换工具

  4. 4

    图片取色

    上传图片取色后，将取到的颜色转换为所需格式

核心功能

  1. 1

    多格式互转

    支持 HEX、RGB、HSL、CMYK、HSL 等主流颜色格式互转

  2. 2

    配色方案

    自动生成互补色、类似色、三角色等配色方案

  3. 3

    颜色预览

    实时显示颜色效果，支持明暗主题下预览

  4. 4

    一键复制

    点击任意格式的颜色值即可复制，支持批量复制

常见问题

RGB 和 HEX 有什么区别？

HEX 是 RGB 的十六进制表示方式，两者表达的颜色完全相同，仅格式不同。

CMYK 和 RGB 能完全互转吗？

不能完美互转。CMYK 是印刷色彩模式，色域比 RGB 小，转换会有微小偏差。

如何获取图片中某点的颜色值？

当前版本暂不支持取色器功能，建议使用浏览器开发者工具或专业取色软件。

HSL 格式有什么优势？

HSL 格式更符合人类对颜色的直观理解（色相/饱和度/亮度），便于调整颜色深浅。