在 sass 的官方文件中，列出了 sass 的顏色函式清單，從大的方面主要分為 rgb , hsl 和 opacity 三大函式，當然其還包括一些其他的顏色函式，比如說 adjust-color 和 change-color 等。在這章節中，將主要和大家一起** sass 顏色函式中常見的 rgb、hsl 和 opacity 函式。
1、rgb顏色函式
rgb 顏色只是顏色中的一種表示式，其中 r 是 red 表示紅色，g 是 green 表示綠色而 b 是 blue 表示藍色。在 sass 中為 rgb 顏色提供六種函式：
接下來，使用 rgb 函式來進行計算，看其最終結果：
>> rgb(200,40,88) //根據r:200,g:40,b:88計算出乙個十六進製制顏色值#c82858
>> rgba(#c82858,.65) //根據#c82858的65%透明度計算出乙個rgba顏色值
rgba(200, 40, 88, 0.65)
>> red(#c82858) //從#c82858顏色值中得到紅色值 200
200>> green(#c82858) //從#c82858顏色值中得到綠色值 40
40>> blue(#c82858) //從#c82858顏色值中得到藍色值 88
88>> mix(#c82858,rgba(200,40,80,.65),.3) //把#c82858和rgba(200,40,88,.65) 兩顏色按比例混合得到乙個新顏色
rgba(200, 40, 80, 0.65105)
從上面的簡單運算結果可以很清晰的知道。在 rgb 顏色函式中，在實際中常用的主要是 rgba() 和 mix() 兩個函式，而 rgb() 函式只能快速的將乙個 rgb 顏色轉換成十六進製制顏色表達，red()、green() 和 blue() 函式，只能取得某一顏色的乙個值，對於顏色上使用並無太大作用（或許他的好處，我還沒有理解過來）。接下來，主要來實戰一下 rgba() 和 mix() 函式在實際中的運用。
Sass RGB顏色函式 Mix 函式
mix 函式是將兩種顏色根據一定的比例混合在一起，生成另一種顏色。其使用語法如下 mix color 1,color 2,weight color 1 和 color 2 指的是你需要合併的顏色，顏色可以是任何表示式，也可以是顏色變數。weight 為 合併的比例 選擇權重 預設值為 50 其取值範...
Sass函式 顏色函式 RGB顏色函式
rgb顏色函式 rgb 顏色函式 主要分為rgb,hsl和opacity三大函式，當然其還包括一些其他的顏色函式，比如說 adjust color 和 change color 等。1 rgb顏色函式 rgb 顏色只是顏色中的一種表示式，其中 r 是 red 表示紅色，g 是 green 表示綠色而...
如何將24位RGB顏色轉換16位RGB顏色
有許多朋友第一次使用16位彩色顯示屏會遇到如何將24位rgb顏色轉換為對應的16位rgb顏色的問題，我們知道24位rgb是分別由8位紅色，8位綠色以及8位藍色組成 rrrrrrrr gggggggg bbbbbbbb 例如 24位rgb紅色表示方法為 11111111 00000000 000000...