亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

CSS中對(duì)RGB顏色的使用詳解

WEB前端開發(fā)   發(fā)布時(shí)間：2015-08-04 18:00:22   作者：佚名   我要評(píng)論
這篇文章主要介紹了CSS中對(duì)RGB顏色的使用詳解,是CSS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下

RGB顏色模型解釋

RGB顏色模型就是一種描述某個(gè)顏色里面有多少紅、綠、藍(lán)三原色的量的方法，就像把水彩顏料或油彩顏料混合起來得到某種我們想要的真實(shí)色彩一樣。

想象下如果你要配出一個(gè)純藍(lán)色，為了實(shí)現(xiàn)這個(gè)，你就不能把紅色和綠色放進(jìn)這個(gè)顏色里。所以我們就把紅、綠設(shè)置為0%，把綠設(shè)置為100%：
 

CSS Code復(fù)制內(nèi)容到剪貼板
  1. rgb(0%, 0%, 100%)  

結(jié)果:

但如果你想要的不是藍(lán)色而是紫紅色，那該怎么辦呢？我們可以通過將100%的紅和100%的藍(lán)混合起來得到紫紅色：
 

CSS Code復(fù)制內(nèi)容到剪貼板
  1. rgb(100%, 0%, 100%)  

結(jié)果:

從基礎(chǔ)的色彩理論，我們知道了沒有任何顏色就是黑色。所以為了得到黑色我們可以通過設(shè)置紅、綠、藍(lán)三原色為0%來實(shí)現(xiàn)：
 

CSS Code復(fù)制內(nèi)容到剪貼板
  1. rgb(0%, 0%, 0%)  

結(jié)果:
如何確定RGB顏色的值

我們可以使用Photoshop的拾色器功能來獲取特定色彩的紅、綠、藍(lán)三原色的數(shù)值，但也有免費(fèi)的網(wǎng)上工具比如Color Slider和The RGB Color Calculator。

w3school上對(duì)RGB顏色的解釋：

RGB 顏色

所有瀏覽器都支持 RGB 顏色值。

RGB 顏色值是這樣規(guī)定的：rgb(red, green, blue)。每個(gè)參數(shù) (red、green 以及 blue) 定義顏色的強(qiáng)度，可以是介于 0 與 255 之間的整數(shù)，或者是百分比值（從 0% 到 100%）。

舉例說，rgb(0,0,255) 值顯示為藍(lán)色，這是因?yàn)?blue 參數(shù)被設(shè)置為最高值（255），而其他被設(shè)置為 0。

同樣地，下面的值定義了相同的顏色：rgb(0,0,255) 和 rgb(0%,0%,100%)。
實(shí)例

CSS Code復(fù)制內(nèi)容到剪貼板
  1. p   
  2. {   
  3. background-color:rgb(255,0,0);   
  4. }  

相關(guān)文章

最新評(píng)論