閱讀目錄

    1. 了解RGB和HSL顏色標(biāo)準(zhǔn)

    2. RGB函數(shù)

    3. HSL函數(shù)

    4. Opacity函數(shù)

    5. 其他顏色函數(shù)

    6. 一個(gè)簡(jiǎn)單的應(yīng)用


    在Sass中,定義了很多現(xiàn)成的函數(shù),可供我們使用。在最初使用Sass的時(shí)候,用的最多的顏色函數(shù)就是lighten($color, $amount)和darken($color, $amount),對(duì)于其他的函數(shù),少之又少,真是弱爆了,有木有。

    切圖的時(shí)候,我的顏色全部是通過PS的吸管工具獲取的,之后復(fù)制粘貼即可。如果我們熟悉了顏色標(biāo)準(zhǔn),那以后我們對(duì)顏色的認(rèn)知,我想不會(huì)再是通過吸管工具獲取這種層面了。


1. 了解RGB和HSL顏色標(biāo)準(zhǔn)

A. RGB顏色標(biāo)準(zhǔn)

    我們都知道,紅、綠、藍(lán),通常被我們稱為三原色,如果將他們以不同比例混合,可以產(chǎn)生很多不一樣的顏色。RGB就是根據(jù)這一原理產(chǎn)生的一個(gè)表達(dá)式,R(red紅色)、G(green綠色)、B(blue藍(lán)色)。

    rgb($red, $green, $blue),其中,每個(gè)值得范圍都是0~255,RGB各有256級(jí)亮度(0~255),都代表的是當(dāng)前原色的亮度,最終通過計(jì)算三個(gè)色的比例獲得一個(gè)顏色。我們按照A1256(256 * 256 * 256)計(jì)算,可以得出16777216中顏色。

    因?yàn)榫W(wǎng)頁顏色是以十六進(jìn)制代碼表示,

我想了解如何學(xué)習(xí)

姓名:
手機(jī):
留言: