Sass RGB顏色函式 Mix 函式

mix 函式是將兩種顏色根據一定的比例混合在一起，生成另一種顏色。其使用語法如下：

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

$color-1 和 $color-2 指的是你需要合併的顏色，顏色可以是任何表示式，也可以是顏色變數。

$weight 為合併的比例（選擇權重），預設值為 50%，其取值範圍是 0~1 之間。它是每個 rgb 的百分比來衡量，當然透明度也會有一定的權重。預設的比例是 50%，這意味著兩個顏色各佔一半，如果指定的比例是 25%，這意味著第乙個顏色所佔比例為 25%，第二個顏色所佔比例為75%。

其使用方法也很簡單：

mix(#f00, #00f) => #7f007f
mix(#f00, #00f, 25%) => #3f00bf
mix(rgba(255, 0, 0, 0.5), #00f) => rgba(63, 0, 191, 0.75)

在前面的基礎上，做乙個修改：

//scss
$color1: #a63;
$color2: #fff;
$bgcolor1: #f36;
$bgcolor2: #e36;
$bordercolor1:#c36;
$bordercolor2:#b36;
.mix

編譯的 css **：

這就是 mix 函式的工作原理，在函式中指定三個函式，前兩個函式是你想混合的顏色（記住，你可以通過顏色變數、十六進製制、rgba、rgb、hsl 或者 hsla 顏色值）。第三個引數是第一種顏色的比例值。