颜色转换器

关于此工具

颜色转换器支持输入 HEX、RGB、HSL、HSV 或 CMYK 格式的任意颜色，即时查看所有其他格式的转换结果。它提供实时预览色块、互补色显示、色阶与明暗变体生成器，以及可直接使用的 CSS 变量导出——所有计算均在浏览器本地完成。

主要功能

• 支持 HEX、RGB、HSL、HSV 和 CMYK 五种格式互转
• 智能输入自动识别颜色格式
• 实时颜色预览色块与取色器
• 互补色显示，附带 HEX 和 RGB 值
• 色阶与明暗变体生成器，点击色块即可选用
• 一键复制可直接使用的 CSS 变量导出

快速预览

使用场景

• 快速将 HEX 颜色转换为 RGB，用于 CSS rgba() 值
• 获取 HSL 值，为设计系统创建颜色变体
• 生成 CSS 自定义属性，实现一致的主题配色
• 探索色阶与明暗变体，构建协调的调色板
• 将 CMYK 印刷色转换为屏幕适用的 HEX 或 RGB 值