十六进制转RGBA

比较十六进制和RGBA

在大多数情况下，可以通过十六进制代码识别颜色，仅考虑成对的前几位。在下面的示例中，很明显，颜色混合了很多红色，一点蓝色和完全没有绿色。通过十六进制代码了解颜色可以使Web设计人员更快地浏览页面代码，此外，您始终可以通过说Ah，给勃艮第增添色彩，给同事或客户留下深刻的印象。您还可以通过仅编辑其十六进制代码来轻松更改颜色的亮度，色相或饱和度。在下面的第一个示例中，一对中的一个以10％的步长变化，而颜色亮度增加。在第二个示例中，亮度增加，但饱和度下降：

RGBA是RGB的扩展版本，但额外支持alpha通道，该通道负责颜色填充的透明度。对于此颜色模型，已经指示了四个系数，最后一个系数是从0开始的小数，其中0是完全透明到1，这将对应于完全不透明的颜色。 RGBA系统添加了另一个描述颜色透明度的数字，该值的范围可以从0（完全透明）到1（完全不透明）。值为0.5会使颜色变为半透明，请考虑使用RGBA系统指定的深紫色的半透明版本：color：rgba（204，51，255，0.5）。您可以看到红色，绿色和蓝色的值类似于RGB系统。第四个数字-0.5是透明度。 RGBA颜色可用于创建半透明元素，使它们下面的元素可见。