主要解釋什么是三基色和RGBA
㈠三基色含義
三基色是指紅,綠,藍三色,人眼對紅、綠、藍最為敏感,大多數的顏色可以通過紅、綠、藍三色按照不同的比例合成產生。
㈡三基色原理
讓我們看一下動圖的效果:
㈣三基色的顏色代碼對照表
⑴常用的幾種:
1.黑色:#000000
2.紅色:#FF0000
3.綠色:#00FF00
4.青色:#00FFFF
5.藍色:#0000FF
6.白色:#FFFFFF
7.灰色:#CCCCCC
8.黃色:#FFFF00
9金黃色:#FFD700
10.天藍灰:#F0FFFF
⑵常用的顏色對照表如下圖所示
㈤RGBA的含義
⑴RGBA是代表Red(紅色)Green(綠色)Blue(藍色)和Alpha的色彩空間。
⑵alpha通道一般用作不透明度參數。如果一個像素的alpha通道數值為0%,那它就是完全透明的(也就是看不見的),而數值為100%則意味着一個完全不透明的像素(傳統的數字圖像)。alpha通道值可以用百分比、整數或者像RGB參數那樣用0到1的實數表示。
㈥RGBA取值
- R:紅色值。正整數 | 百分數
- G:綠色值。正整數 | 百分數
- B:藍色值。正整數 | 百分數
- A:Alpha透明度,取值0~1之間。
㈦RGBA在css中的應用
⒈RGBA的前三個值(紅綠藍)的取值范圍是0到255之間的整數或者0%到100%之間的百分數。第四個值,alpha值,制訂了色彩的透明度/不透明度,它的范圍為0.0到1.0之間,0.5為半透明。
例如:⑴ rgba(255,255,255,0)則表示完全透明的白色;
⑵ rgba(0,0,0,1)則表示完全不透明的黑色;
⑶ rgba(0,0,0,0)則表示完全不透明的白色,也即是無色;
⒉16進制舉例說明:
#88000000 的前兩位數字控制透明度,取值16進制從00 -> FF(越小越透明),00表示完全透明,FF就是全不透明,后面六位是色值。
⒊常用透明度對應16進制關系:
.0(00) .1(19) .05(0C) .15(26) .2(33) .3(4C) .25(3F) .35(59) .4(66) .5(7F) .45(72) .55(8C) .6(99) .7(B2) .65(A5) .75(BF) .8(CC) .9(E5) .85(D8) .95(F2)
希望可以有所幫助。