更简单点讲就是：纯色的颜色值是rgb，半透明颜色的颜色值是rgba。这个a就代表的是不透明度。

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)

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

滑动查看动图操作

当a的取值为1的时候，颜色不透明度为1，此时颜色会呈现出完全不透明的状态，换句话说就是纯色状态：

滑动查看动图操作

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

滑动查看动图操作

所以，不专业的简单来讲，rgb和rgba的区别在于：

• rgb：代表的是纯色中不透明度值为1的颜色；
• rgba：代表的是纯色中不透明度值为0≤a＜1的颜色；

那在秀米里，如何得到半透明颜色呢？

02

如何得到半透明颜色

选中任何带颜色的内容，点工具条上的颜色圆圈，再点左侧颜色分组右下角的“+”号：

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

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

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

加入调色板

应用颜色

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

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

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

挺有必要看的总结

半透明色可以用作文字颜色和背景色等，营造出若隐若现的感觉。

但是，因为半透明色具有一定的透明度，所以一般建议半透明色用在已有背景层上。

更多阅读

小白适用

系统介绍秀米的基础操作

长按识别二维码继续阅读

☚☚☚ 向左滑动

秀米有那么多骚技能

不来学几招？

长按扫码关注我们

据说星标和置顶，能快速找到我

要不试一下？