HEX/RGB/HSL 颜色转换器

都一样，只是表示法不同。

色相环上正对面的颜色，搭配对比强烈。

🔒 本地处理与外部服务的使用方式请查看本工具的隐私说明；网站统计服务另见隐私政策。

HEX

RGB

HSL

HSV

CMYK

互补色

类比色

三等分色

快速理解

颜色选择器可以怎么帮你？

免费颜色转换工具。免费在线使用，免注册，适合日常、学习、工作与内容制作快速完成，支持手机与桌面浏览器。

拿到品牌六位 HEX 色值后，可查看对应 RGB、HSL、HSV 和 CMYK，并从互补色、类比色、三等分色寻找搭配。适合把网页配色交给设计同事，但本页没有图片上传取色或屏幕吸管按钮。

点击颜色框选择颜色，或在 HEX 一栏输入六位十六进制值，前面的 # 可省略。其余四栏只读，用各行复制按钮取得值；点击下方配色色块会把它设为新的主色，并重新计算全部数值与配色建议。

预览区显示当前主色，五行数值是同一颜色的不同表示；HSL、HSV 与 CMYK 数值经过取整。配色色块按色相间隔生成，没有对正文与背景做可读性评分，也没有输出整套主题文件或配色图片。

颜色换算与配色建议都在浏览器组件内计算，没有调用远程取色服务或外部颜色库。复制只导出所选一行的颜色字符串；本页不读取图片，因此不需要为转换色值上传含客户资料的设计稿。

HEX 输入只接受六位值，不支持三位缩写或带透明度的八位值，RGB 等栏也不能反向输入。CMYK 是公式换算，未使用印刷设备色彩配置，不能当作打样承诺；配色建议也不等于对比度达标。

HEX 跟 RGB 哪个好？

都一样，只是表示法不同。

什么是互补色？

色相环上正对面的颜色，搭配对比强烈。