国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS中對RGB顏色的使用詳解

2024-07-11 09:00:27
字體:
來源:轉載
供稿:網友

   RGB顏色模型解釋

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

  想象下如果你要配出一個純藍色,為了實現這個,你就不能把紅色和綠色放進這個顏色里。所以我們就把紅、綠設置為0%,把綠設置為100%:

  CSS Code復制內容到剪貼板

  rgb(0%, 0%, 100%)

  結果:

  但如果你想要的不是藍色而是紫紅色,那該怎么辦呢?我們可以通過將100%的紅和100%的藍混合起來得到紫紅色:

  CSS Code復制內容到剪貼板

  rgb(100%, 0%, 100%)

  結果:

  從基礎的色彩理論,我們知道了沒有任何顏色就是黑色。所以為了得到黑色我們可以通過設置紅、綠、藍三原色為0%來實現:

  CSS Code復制內容到剪貼板

  rgb(0%, 0%, 0%)

  結果:

  如何確定RGB顏色的值

  我們可以使用Photoshop的拾色器功能來獲取特定色彩的紅、綠、藍三原色的數值,但也有免費的網上工具比如Color Slider和The RGB Color Calculator。

  w3school上對RGB顏色的解釋:

  RGB 顏色

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

  RGB 顏色值是這樣規定的:rgb(red, green, blue)。每個參數 (red、green 以及 blue) 定義顏色的強度,可以是介于 0 與 255 之間的整數,或者是百分比值(從 0% 到 100%)。

  舉例說,rgb(0,0,255) 值顯示為藍色,這是因為 blue 參數被設置為最高值(255),而其他被設置為 0。

  同樣地,下面的值定義了相同的顏色:rgb(0,0,255) 和 rgb(0%,0%,100%)。

  實例

  CSS Code復制內容到剪貼板

  p

  {

  background-color:rgb(255,0,0);

  }

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 交城县| 会同县| 图片| 东安县| 安徽省| 湖北省| 成安县| 漳浦县| 永修县| 新安县| 东兴市| 托里县| 新巴尔虎左旗| 历史| 安多县| 丽江市| 贞丰县| 鹤壁市| 临江市| 葫芦岛市| 通辽市| 宝兴县| 含山县| 南丰县| 芒康县| 阿克苏市| 海林市| 合江县| 寻甸| 莱芜市| 太原市| 巩义市| 福泉市| 庆城县| 温宿县| 马公市| 都江堰市| 南安市| 白山市| 平果县| 九龙城区|