使用mix函数 如何计算带不透明度的颜色值

来源:4-4 RGB颜色函数-Mix()函数

kwexi

2018-06-13 17:55

为何?

mix(rgba(255,0,0,0.5), #00f) => rgba(64, 0, 191, 0.75);

求计算过程


写回答 关注

2回答

  • qq_不过如此_8
    2019-11-28 08:46:25

    后面的#00f  其实就等于rgba(#0000ff,1), 默认的opacity为1,$weight没有设置就是50% ,(1+0.5)*50%=0.75

  • 慕沐4401573
    2018-07-11 16:15:26

    Mix 函数是将两种颜色根据一定的比例混合在一起,生成另一种颜色。其使用语法如下:

    mix($color-1,$color-2,$weight);

    $color-1 和 $color-2 指的是你需要合并的颜色,颜色可以是任何表达式,也可以是颜色变量。

    $weight 为 合并的比例(选择权重),默认值为 50%,其取值范围是 0~1 之间。它是每个 RGB 的百分比来衡量,当然透明度也会有一定的权重。默认的比例是 50%,这意味着两个颜色各占一半,如果指定的比例是 25%,这意味着第一个颜色所占比例为 25%,第二个颜色所占比例为75%。


Sass进阶篇

对Sass其它较有难度的部分进行讲解,包括常用控制命令、函数

46634 学习 · 97 问题

查看课程

相似问题