CSS中對RGB顏色的使用詳解

2022-09-25 07:48:12 字數 907 閱讀 2561

rgb顏色模型解釋

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

想象下如果你要配出程式設計客棧乙個純藍色,為了實現這個,你就不能把紅色和綠色放進這個顏色裡。所以我們就把紅、綠設定為0%,把綠設定為100%:

css code複製內容到剪貼簿

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

css code複製內容到剪貼簿

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

css code複製內容到剪貼簿

nw**fesnhs

結果:如何確定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複製內容到剪貼簿

本文標題: css中對rgb顏色的使用詳解

本文位址: /web/css/83690.html

透明顏色的rgb值 R中的顏色及使用

今天我們談一下r中的顏色系統。一般r中的作圖函式,也就是說,即使我們不特定指定顏色,一般的作圖函式,也會有自己預設的顏色。但是很多時候,這些顏色並不是很美觀,所以適當地改變配色,對我們的工作有一定的意義。然後我們下面介紹一下r中的顏色系統。注 1 r中有4種顏色表達方式 2 r很難直接檢視某種顏色 ...

將css 中的16進製制顏色, 轉化為 rgb格式

對dojo base color模組的註解,源位址 function fromhex color bits color.length 4 4 8,如果是shorthand,fff,那麼bits為4位,每一位代表的個屬性,其它的為8位 每兩位代表乙個屬性 ffffff00 mask 1 bits 1 ...

CSS 中的顏色

十六進製制表示法 十六進製制色 rgb 顏色 rgba 顏色 hsl 顏色 hsla 顏色 rgb分別是red green blue三種顏色的縮寫,它們也是三原色,理論上可以調配成任意顏色。rgb red,green,blue 每個引數 red green 以及 blue 定義顏色的強度,可以是介於...