透明色不会调？是我教程写的不够多吗？

但是

可能因为某种不知名原因

让大家没有引起重视

……

所以今天我们就来好好聊一聊

透明色如何调

以及RGB和RGBA有什么区别

01

RGB和RGBA的区别

在RGB颜色代码里R、G、B分别对应光的三原色红、绿、蓝。RGB颜色代码一般写成如下格式：

rgb(255,255,255)

括号中的数值从左到右分别代表红光、绿光、蓝光的亮度，用逗号分割 （英文状态下输入）。可填入的数值范围是 0~255 。

而RGBA简单点来讲，就是在RGB颜色代码里加了一个参数a，a代表的是颜色不透明度值，取值范围为0~1。RGBA颜色代码一般写成如下格式：

rgba(255,255,255,0.5)

PS：悄咪咪的问，有多少人和我一样，以前一直把这个参数a当做是透明度值的！我写这篇文的时候猛然发现，错的好离谱emmmm~

当a的取值为0的时候，颜色不透明度为0，此时颜色会呈现出 完全看不见的状态：

滑动查看动图操作

当a的取值为1的时候，颜色不透明度为1，RGBA颜色代码格式会变成RGB颜色代码格式，此时颜色会呈现出 完全看见的状态：

滑动查看动图操作

当a的取值介于0和1之间时，颜色就会呈现出 半透明的状态：

滑动查看动图操作

所以，RGB和RGBA的区别简单来讲在于：

rgb(255,255,255)

rgba(255,255,255,0.5)

滑动查看对比图

那在秀米里，透明色如何调出来呢？

02

透明色如何调

其实调透明色很简单，点工具条上的颜色圆圈，再点调色板右下角的“+”号：

会出现如下图所示的调色区域，在rgb值上方有一个可以左右拖动的滑块：

用鼠标拖动滑块左右滑动，下方的rgb值就会变成对应的rgba值，而颜色也会变成半透明色或者是完全透明：

滑块调到合适的地方之后，可以点rgb值下方的“加入调色板”或者是“应用这个颜色”：

加入调色板

应用这个颜色

一定要记住：颜色半透明要在调色板设置，而不是用工具条上“···”里面的透明度设置：

另外，在设置全文属性里面设置全文背景色的时候，不建议用半透明颜色。

因为半透明背景色带有一定的透明度，在设置全文属性里面设置成全文背景色之后呈现的效果是这样的，看起来不是特别美观：

虽然预览看起来是很正常的，但我们一般不建议这么做。

03

一般重要但必须存在的小结

RGBA其实就是对应的RGB颜色带上一定的不透明度值a得到的结果，即（半）透明色。

半透明色可以用作文字颜色和背景色等，营造出若隐若现的感觉，但是因为半透明色具有一定的透明度，所以一般建议半透明色用在已有背景层上。

抓坨肥肉

都是爱你的形状

别忘了帮我点下文末“ 在看”~

😊😊😊

想让我站得更高~

那就点个“在看”吧~返回搜狐，查看更多