Less Mix混合两种颜色以及不透明度

描述

它用于混合两种颜色以及不透明度。它有以下参数：

color1 ：它代表一个颜色对象。
color2 ：它代表一个颜色对象。
weight ：这是一个可选参数，通过在两种颜色之间提供百分比平衡点来指定元素的权重。默认的比例是 50%，这意味着两个颜色各占一半，如果指定的比例是 25%，这意味着第一个颜色所占比例为 25%，第二个颜色所占比例为75%。

Example:

mix(rgba(100,0,0,1.0), rgba(0,100,0,0.5), 50%)
mix(#ff0000, #0000ff, 50%)

Output:

rgba(75, 25, 0, 0.75)
#800080

那么这个函数是怎样计算得到混合之后的颜色呢？研究之后发现（以第一个为例）：

1、计算混合之后的透明度：（1.0 * 50%） + （0.5 * 50%）= 0.75

2、分别计算混合后rgb的值，公式：α * color_1 + （1-α） * color_2，即：

r： 100 * 0.75 + （1 - 0.75） * 0 = 75

g： 0 * 0.75 + （1 - 0.75） * 100 = 25

b： 0 * 0.75 + （1 - 0.75） * 0 = 0

即： mix（rgba（100, 0, 0, 1.0）, rgba（0, 100, 0, 0.5）, 50%） = rgba（75, 25, 0, 0.75）；

Less 颜色操作函数Mix的计算方法相关推荐

php进入目录,php文件,文件夹(目录)操作函数总结
本文章来给各位同学总结一下在php中一些常用的文件夹/文件目录操作函数总结,这些只是简单的介绍一些基础方法做个备注. 1.创建目录(mkdir) bool mkdir (string $pathnam ...
OpenGL超级宝典笔记——累积缓冲区与其他颜色操作
2019独角兽企业重金招聘Python工程师标准>>> 累积缓冲区 OpenGL除了颜色缓冲区.深度缓冲区.模板缓冲区之外,还有累积缓冲区.累积缓冲区允许你把渲染到颜色缓冲区的值,拷 ...
curses颜色操作
curses颜色操作 start_color, init_pair, init_color, has_colors, can_change_color, color_content, pair_con ...
python修改turtle画笔颜色的函数_以下选项中,修改turtle画笔颜色的函数是() (8.0分)_学小易找答案...
[单选题]密码学的目的是( ) (6.0分) [单选题]下面代码的输出结果是() for s in "helloworld": if s=="w": conti ...
python常用数值处理函数_SciPy基础数据操作函数
2. SciPy基础 SciPy以NumPy为基础,与NumPy一样,SciPy有着稳定,成熟,且应用广泛的数值运算库.方便.易于使用.专为科学和工程设计的python工具包,它包括了统计.优化.整合 ...
HQChart使用教程5- K线图控件操作函数说明
K线图控件操作函数说明周期切换切换股票切换指标增加一个窗口指标 AddIndexWindow indexName option 增加一个自定义通达信脚本指标窗口 AddScriptIndexW ...
matlab对图像操作函数的详解（笔记1）
matlab对图像操作函数的详解一. 读写图像文件 1. imread imread函数用于读入各种图像文件,如:a=imread('e:\w01.tif') 注:计算机E盘上要有w01相应的.ti ...
day3----编码-集合-深浅copy-文件操作-函数初识
day3----编码-集合-深浅copy-文件操作-函数初识本文档主要内容: 一编码二集合三深浅copy 四文件操作五函数初识首先,我们来看看两个字符串的比较打开cmd,进入do ...
使用文件操作函数实现：文件的复制功能。
2019独角兽企业重金招聘Python工程师标准>>> //使用文件操作函数实现:文件的复制功能. #include <stdio.h> #include <std ...
Python—pandas中DataFrame类型数据操作函数
python数据分析工具pandas中DataFrame和Series作为主要的数据结构. 本文主要是介绍如何对DataFrame数据进行操作并结合一个实例测试操作函数. 1)查看DataFram ...

Less 颜色操作函数Mix的计算方法

Less Mix混合两种颜色以及不透明度

描述

Less 颜色操作函数Mix的计算方法相关推荐

最新文章

热门文章