rgb三基色與rgba


主要解釋什么是三基色和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)

希望可以有所幫助。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM