本地处理
$ devdesk color--local
编码与转换

颜色在线转换:HEX、RGB、HSL 与透明度

转换 CSS 颜色名称、HEX、RGB 和 HSL,查看带透明度的 sRGB 输出与色块。附透明色和格式差异示例。

正在加载本地工具…

使用说明

支持 CSS 颜色名称、HEX、RGB、HSL。输出转换到 sRGB,并保留透明度。

工具输入不上传

操作步骤

  1. 输入 CSS 颜色,例如 #ff000080、rgb(255 0 0) 或 red。
  2. 点击「转换」查看 HEX、RGB、HSL 三种表示。
  3. 核对透明度,并在实际背景上确认最终显示效果。

半透明红色示例

#ff000080

八位 HEX 的最后两位表示透明度;80 约为 50.2%,不是恰好 50%。输出会保留这一透明度。

常见问题

为什么颜色在不同背景上不一样?

半透明颜色会与背景混合。请同时检查颜色值、alpha 和背景,不能只比较一个 HEX 字符串。

宽色域颜色会原样保留吗?

输出统一转换到 sRGB,并裁剪超出可表示范围的值。超出 sRGB 的颜色可能发生变化,不能将此工具视为无损色彩管理工具。

能检查文字对比度吗?

当前只提供格式转换与色块预览,不计算前景和背景的对比度,也不判断可访问性是否达标。