css – 如何将rgba转换为透明度调整十六进制?

前端之家收集整理的这篇文章主要介绍了css – 如何将rgba转换为透明度调整十六进制?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否有一个工具将rgba转换为十六进制,这可以将可见的rgba颜色(包括透明度)转换为十六进制值。

说我有这个:

rgba(0,129,255,.4)

哪种是“浅蓝色”…

我想知道是否有一种方法可以在十六进制中获得相同的浅蓝色“可见”颜色,所以我不想要转换#0081ff但接近于屏幕上可见的颜色。

题:
如何将rgba转换为透明度调整十六进制?

解决方法

这取决于您的透明颜色应用于的背景。
但是,如果您知道背景颜色(例如白色),则可以计算应用于特定背景的RGBA颜色产生的RGB颜色。

它只是颜色和背景之间的加权平均值,重量是alpha通道:

Color = Color * alpha + Bkg * (1 - alpha);

如果alpha通道从0变为1。

在你的透明浅蓝色对白色的情况下:

Red = 0 * 0.4 + 255 * 0.6 = 153
Green = 129 * 0.4 + 255 * 0.6 = 204,6
Blue = 255 * 0.4 + 255 * 0.6 = 255

猜你在找的CSS相关文章