1. 程式人生 > >常見顏色表示方式

常見顏色表示方式

顏色組成這些原理不用講了,度娘就行,之講講常見的表示方式

一、單詞表示法:

      英文單詞表示法,這個還需要講嗎?如:red,yellow,blue

二、16進製表示法

      16進製表示的方法分為兩種:

       1. 以”0x“開頭表示,這種表示方法才是標準的16進位制的表示方法。例如“0x00ffffff”或"0xffffff"

       2.以“#”開頭表示,例 如“#FFFFFF”或“#FFF”。

      區別:其實也沒啥區別,都是16進位制的,只是常見的是以“#”開頭,”0x“開頭多在電子這方面,不用太關注.

      需要注意的是:透明度設定,以"0x"開頭的,如果後面是六位,那麼就沒有透明度,如果是八位,那麼“0x”後面的兩位就是透明度值,範圍是:FF~00(不透明~透明),以“#”開頭的也是一樣前面兩位;關於透明度值的計算:透明度共有256階,按百分比來計算,如30%透明度,計算方法為:255x30%,取整後轉16進位制即可。

      關於這兩種詳細的說明可以參考:Android之顏色表示法:#與0x的區別

三、RGB表示法

1.使用rgb表示

       r:紅;g:綠;b:藍。就是光的三原色

      例如:rgb(0,0,0),rgb可大寫

      每個值的範圍是0-255

2.使用rgba表示

      僅僅比第一種多了一個a,a 表示的是alpha(阿爾法),表示透明度,取值範圍是0-1。

      例如:rgba(10,10,10,0.5),也可寫rgba(10,10,10,.5),rgba可大寫

四、使用hsl表示

1.使用hsl表示

      表示格式和rgb相似,不同的是數值不同。hsl分別表示的是色調,飽和度,亮度

      h:色調,取值0-360,顏色的底色調,表示色輪周圍的角度

      s:飽和度,取值0%-100%,0是沒有顏色顯示為灰色,100%是全綵色

      l:亮度,取值0%-100%,0是無光顯示為全黑的,100%是充滿光,表現為全白。

      例如:hsl(100,23%,50%),hsl可大寫

2.使用hsla

      和rgba類似,比第一種多一個a(alpha)透明值,取值範圍也是0-1

      例如:hsla(100,23%,50%,0.5),也可寫hsla(100,23%,50%,.5),hsla可大寫