在线颜色转换工具
支持RGB、十六进制、HSL、HSV、CMYK等多种颜色格式之间的互相转换，即时预览效果，一键复制代码。
即时转换
实时预览
一键复制
当前日期
2026年6月2日
Tuesday
颜色转换演示
#FF8040
十六进制
#FF8040
RGB
rgb(255, 128, 64)
HSL
hsl(20, 100%, 63%)
HSV
hsv(20, 75%, 100%)
CMYK
cmyk(0%, 50%, 75%, 0%)
颜色格式说明
RGB
红绿蓝三原色
RGB颜色模型是目前最常用的颜色表示方式，通过红、绿、蓝三种基色的不同组合来呈现各种颜色。每种基色的取值范围为0-255。
示例
rgb(255, 128, 64)
取值范围: 0-255
网页设计
数字媒体
显示器
十六进制
Hex颜色码
十六进制颜色码是网页设计中最常用的颜色表示方式，使用#开头后跟6位十六进制数字，每两位代表R、G、B的值。
示例
#FF8040
取值范围: 00-FF
HTML/CSS
网页开发
UI设计
HSL
色相饱和度亮度
HSL颜色模型更符合人眼对颜色的感知方式。H表示色相(0-360°)，S表示饱和度(0-100%)，L表示亮度(0-100%)。
示例
hsl(20, 100%, 63%)
取值范围: H:0-360 S:0-100% L:0-100%
UI设计
主题定制
颜色调整
HSV/HSB
色相饱和度明度
HSV模型与HSL类似，但V/B表示明度而非亮度。在Photoshop等设计软件中广泛使用，更适合颜色选择器实现。
示例
hsv(20, 75%, 100%)
取值范围: H:0-360 S:0-100% V:0-100%
图像编辑
设计软件
色彩选择
CMYK
青品黄黑四色
CMYK是印刷行业标准颜色模式，通过青(C)、洋红(M)、黄(Y)、黑(K)四种油墨的叠加来呈现颜色。
示例
cmyk(0%, 50%, 75%, 0%)
取值范围: 0-100%
印刷设计
出版行业
喷绘写真
热门转换工具
如何使用颜色转换工具
1
输入颜色值
在左侧输入框中输入RGB颜色值（0-255）
2
点击转换
点击"立即转换"按钮获取所有格式结果
3
预览颜色
实时查看颜色预览效果
4
复制结果
点击需要的格式代码一键复制使用
常见问题
RGB值最大是255吗？
是的，RGB颜色模型中每种基色（红、绿、蓝）的取值范围是0-255，共256个等级。0表示该颜色完全关闭，255表示该颜色满值显示。
十六进制颜色码中的字母大小写有区别吗？
在大多数情况下，十六进制颜色码的大小写是等效的。但为了保持一致性，建议使用大写字母（如#FF8040）。
HSL和HSV有什么区别？
HSL的L表示亮度（Lightness），而HSV的V表示明度（Value）。简单来说，HSL的白色是L=100%，而HSV的白色是V=100%且S=0。HSV在颜色选择器中更常用。
CMYK和RGB如何转换？
由于RGB是加色模式（光），CMYK是减色模式（墨），两者转换会存在色彩损失。本工具提供近似转换，实际印刷建议使用专业软件调整。