颜色工具
生成
颜色转换工具,支持RGB、HEX、HSL、HSV、CMYK等颜色格式互相转换,带颜色选择器和调色板
颜色转换
颜色预览
#4096FF
HEX
RGB
红绿蓝
HSL
色相/饱和度/亮度
HSV
色相/饱和度/明度
CMYK
印刷四分色
常用颜色
红色
绿色
蓝色
黄色
青色
品红
白色
黑色
橙色
紫色
粉色
棕色
灰色
深蓝
深绿
深红
渐变色生成器
#FF0000
#E3001C
#C60039
#AA0055
#8E0071
#71008E
#5500AA
#3900C6
#1C00E3
#0000FF
颜色格式说明
HEX (十六进制)
格式#RRGGBB
示例#4096FF
用途Web 开发、CSS
RGB (红绿蓝)
格式rgb(R, G, B)
示例rgb(64, 150, 255)
用途屏幕显示、数码设计
HSL (色相饱和度亮度)
格式hsl(H, S%, L%)
示例hsl(217, 91%, 63%)
用途调色、色彩调整
HSV/HSB (色相饱和度明度)
格式hsv(H, S%, V%)
示例hsv(217, 75%, 100%)
用途颜色选择器
CMYK (青品黄黑)
格式cmyk(C, M, Y, K)
示例cmyk(75, 41, 0, 0)
用途印刷、打印
颜色模式对比
RGB加色模式 (光)
CMYK减色模式 (墨)
选择屏幕用RGB/印刷用CMYK
颜色知识
工具说明
什么是颜色转换工具?
颜色转换工具是一个专业的颜色处理工具,支持 HEX、RGB、HSL、HSV、CMYK 五种常见颜色格式的相互转换。 提供实时预览、调色板、渐变色生成等功能,帮助设计师、开发者快速处理和转换颜色。
功能特性
- 5种格式支持:HEX、RGB、HSL、HSV、CMYK 互转
- 实时转换:修改任一格式自动同步其他格式
- 颜色预览:大尺寸颜色块实时显示效果
- 智能文字:根据背景色自动选择黑白文字
- 调色板:内置常用颜色快速选择
- 渐变色生成:两个颜色间自动生成过渡色
- 一键复制:快速复制任意格式颜色值
- 快捷按钮:红绿蓝橙一键切换
使用场景
- Web 开发:HEX 和 RGB 格式转换
- UI 设计:HSL 调色和颜色调整
- 印刷设计:RGB 转 CMYK
- 品牌设计:统一颜色格式
- 渐变色设计:生成配色方案
- 学习交流:理解不同颜色模式
颜色模式说明
- HEX:十六进制表示,Web 开发最常用
- RGB:红绿蓝三原色,屏幕显示标准
- HSL:色相、饱和度、亮度,更符合人类直觉
- HSV:色相、饱和度、明度,常用于颜色选择器
- CMYK:青、品红、黄、黑,印刷行业标准
使用技巧
- 快速输入:直接在 HEX 输入框粘贴颜色值
- 精确调整:使用 RGB 数值精确控制颜色
- 直观调色:使用 HSL 更符合直觉地调整颜色
- 配色方案:使用渐变色生成器创建配色
- 快速选择:从调色板快速选择常用颜色
- 批量复制:点击颜色块直接复制格式值
注意事项
- RGB 范围:0-255,超出会自动截断
- HSL/HSV 色相范围:0-360 度
- 饱和度、亮度、明度范围:0-100%
- CMYK 值范围:0-100%
- HEX 格式:#RRGGBB 或 #RGB(简写)
- RGB 用于屏幕,CMYK 用于印刷,两者有差异