您的位置首页百科问答

rgb透明色怎么设置

rgb透明色怎么设置

的有关信息介绍如下:

rgb透明色怎么设置

rgb的透明色设计要用rgba的颜色对象,即增加一个不透明度,Alpha。

R,G,B分别代表红色值,绿色值,蓝色值,它们的取值均在(0-255),即有256*256*256种配色方案

A是不透明度,取值在0-1

用sublime-text写了一个超简单的html文档

body和div分别设计了不同的rgba背景色。

用浏览器打开此文件,查看效果

点击F12,打开开发者工具,为网页调色

下面设置div块儿的蓝色背景色的不同的不透明度,看看效果怎样

从1,0.8,0.6,0.4,0.2,0渐变

看下不透明度从大到小的效果

A值从1到0即是从完全不透明(可见,完全遮盖父元素颜色)到完全透明(不可见,直接显现出父元素颜色)

使用rgb的透明度只需设置颜色为rgba的值(0-1)即可,如图: