蚁约工具箱
English
首页 › 效率与开发者 › 颜色转换

颜色转换

HEX、RGB、HSL 互转,带实时预览。

隐私说明:本工具在你的浏览器本地运行,文件不会上传到任何服务器,关闭页面后数据即消失。

使用步骤

  1. 输入 HEX 或 RGB 颜色值。
  2. 查看对应格式与实时预览。
  3. 复制需要的格式。

常见问题

HEX 和 RGB 能互相转换吗?

可以,二者是同一颜色的两种写法:#FF0000 即 rgb(255,0,0),本工具输入任一格式即可看到其他格式。

HSL 是什么?

HSL 即色相(H)/饱和度(S)/亮度(L),比 RGB 更直观,调色时更容易控制"深浅"与"鲜艳程度"。

透明度 Alpha 怎么表示?

HEX 可用 8 位(#RRGGBBAA),RGB 用 rgba(r,g,b,a),a 为 0–1 的透明度;本工具主要处理不透明颜色。

设计师给的潘通色号能转吗?

潘通(Pantone)是专色标准,没有通用公式与 HEX 一一对应,需用官方对照表近似取色。

为什么屏幕颜色和打印颜色不一样?

屏幕是 RGB 发光、打印是 CMYK 反光,色域不同会偏色;网页只用 RGB/HEX,无需考虑打印色。

怎么快速得到品牌主色的 HSL?

把品牌 HEX 或 RGB 粘贴进本工具,即可读出对应的 HSL,方便在 CSS 里调整亮度做悬停态。

关于颜色转换

基于标准颜色空间换算公式,输入即时换算并预览。纯前端计算。