• 用******户 使用了工具 Base64编解码
  • 开******发 使用了工具 MD5加密
  • 工******程 使用了工具 时间戳转换
  • 程******序 使用了工具 JSON格式化
  • 设******计 使用了工具 图片压缩
  • 产******品 使用了工具 URL编解码
  • 测******试 使用了工具 正则表达式
  • 运******维 使用了工具 密码生成器

颜色工具

生成
颜色转换工具,支持RGB、HEX、HSL、HSV、CMYK等颜色格式互相转换,带颜色选择器和调色板
颜色转换RGBHEXHSLCMYK颜色选择器
颜色预览
#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 用于印刷,两者有差异