颜色转换

HOT

Color Converter · 计算换算

HEX、RGB、HSL、CMYK 颜色格式互相转换，提供可视化色彩预览，设计师与前端开发者配色工作利器

总访问 0 次总使用 0 次

什么是颜色转换

颜色代码实时互转工具，支持 HEX、RGB、HSL、HSV、CMYK 等主流颜色格式

颜色转换 是设计师和前端开发者的必备工具。不同场景使用不同的颜色代码格式：网页使用 HEX（#FF5733）或 RGB，设计软件使用 HEX 或 HSL，印刷使用 CMYK，视频使用 HSV/HSB。手动换算不仅繁琐还容易出错。本工具支持 HEX、RGB、RGBA、HSL、HSLA、 HSV/HSB、CMYK 等主流颜色格式的实时互转，输入任意格式的颜色值，即可获得所有其他格式的等价值，并实时预览颜色效果。还提供调色板功能和颜色拾取器，方便寻找灵感。

功能特色

全格式支持

支持 HEX、RGB、RGBA、HSL、HSLA、HSV/HSB、CMYK 七大颜色格式实时互转，输入任一格式自动生成其他所有格式

实时预览

输入颜色代码后即时显示颜色预览，所见即所得，无需在不同工具间切换

拾色器

内置可视化的拾色器，通过拖动色相/饱和度/明度滑块选择颜色

一键复制

每个格式旁都有复制按钮，点击即复制到剪贴板，方便粘贴到代码或设计软件中使用

如何使用颜色转换

输入颜色代码

在输入框中输入任意格式的颜色代码：如 #FF5733、rgb(255,87,51)、hsl(11,100%,60%)

查看所有格式

系统自动计算并显示其他所有格式的等价值，同时预览颜色效果

复制所需格式

点击需要的格式旁边的复制按钮，粘贴到你的项目中使用

颜色格式小知识

RGB 和 HEX 有什么区别？

RGB 和 HEX 本质相同，都是表示颜色中红绿蓝的强度： RGB 用十进制（0-255），如 rgb(255,87,51)； HEX 用十六进制（00-FF），如 #FF5733。两者可以完全等价转换（FF = 255）。 HEX 写法更简洁（尤其在 CSS 中），是网页开发的事实标准； RGB/ RGBA 在 CSS 动画和需要动态计算时更灵活。 HSL 则更适合人类理解和调整颜色。

为什么设计稿用 CMYK 而网页用 RGB？

这是因为显示媒介和印刷媒介的色彩原理不同： RGB 是加色模型（屏幕发光，红+绿+蓝=白），用于手机、电脑、电视等自发光屏幕； CMYK 是减色模型（油墨吸收光线，青+品红+黄+黑=黑），用于印刷。屏幕能显示的色域远大于印刷，所以设计稿在屏幕上看的颜色印刷时可能无法还原。设计师通常用 RGB 做屏幕设计，转 CMYK 时需要手动调整偏色。

核心特性

全格式

七大颜色格式互转

实时预览

所见即所得

拾色器

可视化调色

隐私安全