星球狮工具箱

颜色透明度计算

RGBA、8 位 HEX 与叠加后颜色本地处理 · 数据不上传

  • RGBArgba(37, 99, 235, 0.6)
  • 8 位 HEX(含透明度)#2563EB99
  • 叠加到背景后的实际颜色(不透明)#7CA1F3
  • 透明度对应的两位 HEX99
  • CSS opacity 值opacity: 0.6;

常用透明度 HEX 对照

这个工具还可以用来:颜色透明度计算RGBA转HEX透明度HEX

使用方法

  1. 1选择前景色和背景色。
  2. 2拖动不透明度滑块。
  3. 3复制 RGBA、8 位 HEX 或叠加后的颜色。

常见问题

透明度 50% 的 HEX 是多少?

50% × 255 ≈ 128,即 80,所以 #2563EB80。

为什么要算叠加后的颜色?

设计稿常给出半透明色,但有些场景(如邮件、打印)需要不透明的等效颜色。