ToolVault

颜色转换器

在 HEX、RGB、HSL、CMYK 之间转换任意颜色,实时预览并一键生成和谐配色。

输入颜色 (HEX,3/6/8 位)

移动光标查看精确颜色,点击即可锁定

HEX#2563eb
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
CMYKcmyk(84%, 58%, 0%, 8%)

和谐调色板

如何使用颜色转换器

  1. 以任意格式输入颜色:输入 HEX 代码、调整 RGB 滑块,或粘贴 HSL 值。
  2. 查看实时颜色预览块,一键复制四种格式中的任意一种。
  3. 点击“生成配色”,以你的颜色为基础生成协调的配色方案,包括互补色、类似色和三角色。

关于此工具

不同屏幕、编辑器和设计系统使用的色彩语言略有差异:CSS 需要 HEX 或 HSL,Photoshop 混色会涉及 CMYK,程序库则偏好 rgb()。这款转换工具支持双向操作,你可以输入任意一种格式,并同时查看全部四种格式及实时预览色块,在复制前确认颜色符合品牌要求。配色生成器通过准确的色相旋转,推导出互补色、类似色和三角色组合,设计师可据此在几秒内围绕一种品牌色建立五色配色方案。它专为即时使用而设计:无需重载页面、不做分析追踪、不用等待,方便吸管取色的大预览块也适合在深色和浅色主题之间比较颜色。

常见问题

CMYK 值能准确用于印刷吗?

CMYK 数值由 RGB 通过数学公式推导,适合文档使用和快速估算。最终印刷打样时,应使用支持 ICC 的工具进行色彩管理。

支持带 alpha 通道的 8 位 HEX 吗?

支持。HEX 输入接受 3、6 和 8 位形式,在目标格式支持时会对 alpha 值进行规范化处理。

能生成哪些配色类型?

互补色(色轮上相对的颜色)、类似色(相邻色相)和三角色(三个等距色相),每种都提供可调亮度的变体。

这个工具对您有帮助吗?