透明色不会调?是我教程写的不够多吗? | 您所在的位置:网站首页 › 秀米底纹怎么设置透明 › 透明色不会调?是我教程写的不够多吗? |
但是 可能因为某种不知名原因 让大家没有引起重视 …… 所以今天我们就来好好聊一聊 透明色如何调 以及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:代表的是纯色中不透明度值为1的颜色; RGBA:代表的是纯色中不透明度值为0≤a<1的颜色;rgb(255,255,255) rgba(255,255,255,0.5) 滑动查看对比图 那在秀米里,透明色如何调出来呢? 02 透明色如何调 其实调透明色很简单,点工具条上的颜色圆圈,再点调色板右下角的“+”号: 会出现如下图所示的调色区域,在rgb值上方有一个可以左右拖动的滑块: 用鼠标拖动滑块左右滑动,下方的rgb值就会变成对应的rgba值,而颜色也会变成半透明色或者是完全透明: 滑块调到合适的地方之后,可以点rgb值下方的“加入调色板”或者是“应用这个颜色”: 加入调色板 应用这个颜色 一定要记住:颜色半透明要在调色板设置,而不是用工具条上“···”里面的透明度设置: 另外,在设置全文属性里面设置全文背景色的时候,不建议用半透明颜色。 因为半透明背景色带有一定的透明度,在设置全文属性里面设置成全文背景色之后呈现的效果是这样的,看起来不是特别美观: 虽然预览看起来是很正常的,但我们一般不建议这么做。 03 一般重要但必须存在的小结 RGBA其实就是对应的RGB颜色带上一定的不透明度值a得到的结果,即(半)透明色。 半透明色可以用作文字颜色和背景色等,营造出若隐若现的感觉,但是因为半透明色具有一定的透明度,所以一般建议半透明色用在已有背景层上。 抓坨肥肉 都是爱你的形状 别忘了帮我点下文末“ 在看”~ 😊😊😊 想让我站得更高~ 那就点个“在看”吧~返回搜狐,查看更多 |
CopyRight 2018-2019 实验室设备网 版权所有 |