html，css中的色彩使用總結

在HTML中，一種顏色可以用如下的三種方式來表示：色名、RGB值、或HEX值。實際開發中可以使用色彩來做很多的事情，也可以自訂字體色彩的效果，讓色彩實現漸變的效果，同透過css屬性使用為邊框，字體，圖像等等設定你想要的各種色彩效果。本篇文章主要就是介紹html，css中的色彩使用方式。

可以先學習php中文網相關的免費課程

#1. 學習《html/css快速入門》中的 顏色與分類 章節課程

#2. 觀看 《黑馬程式設計師html影片教學》 中顏色的程式碼 影片教學

#html，css中的色彩使用

1. html各種常見色彩的編號數值(收藏)

在HTML中，一種顏色可以透過色名、RGB值、或HEX值表示。 RGB rgb（red,green,blue）三變量為三原色的濃度（0~255） 例如，rgb(255,0,0) 紅rgb（0,0,0）黑rgb（255,255,255）白HEX hexadecimal代表十六進位數十進位：0~255 轉換十六進位：00~FF

2. HTML5邊玩邊學（四）-變幻的色彩

#在HTML5邊玩邊學（二）-基礎繪圖中，我們提到有兩個上下文屬性可以用來設定顏色：

strokeStyle 決定了你目前要繪製的線條的顏色

fillStyle 決定了你目前要填滿的區域的顏色

顏色值只要是符合CSS3 顏色值標準的有效字串都可以。

3. 詳解CSS3 RGBA色彩模式使用實例代碼

RGBA色彩模式是RGB色彩模式的擴展，在紅，藍，綠三原色的基礎上增加了不透明度參數。文法如下：rgba（r,g,b,）

其中r,g,b表示紅色，藍色，綠色三種原色所佔的比重。其值可以使整數或百分數，正整數值的取值範圍為0~255，百分數值的取值範圍為0.0%~100.0%,超出範圍的數值將被截止其最接近的取值極限。注意，並非所有的瀏覽器都支援使用百分數值。第四個參數表示不透明度，取值在0到1之間。

4. css漸層色彩 省略標記 嵌入字體 文字陰影的詳細介紹

CSS3 Gradient 分為線性漸層(linear)和徑向漸層(radial)。由於不同的渲染引擎實現漸層的語法不同，這裡我們只針對線性漸層的 W3C 標準語法來分析其用法，其餘大家可以查閱相關資料。 W3C 語法已經得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等瀏覽器的支援。

5. 高品質的網頁設計: 實例與技巧之六（發揮色彩的全部潛能）

Summertime in Tennessee(田納西州夏日觀光) 是一個充滿活力的、明亮的，非常溫暖的站點。所有一切看起來都是為了推送夏日活動而設計。該網站使用了非常多不同色相的高飽和度色，但每種顏色都切中要害，沒有一種是不適合主題的。高品質設計的色彩搭配必定與其要呈現的服務或產品密切關聯。好的設計不總是需要費盡心力選一些出奇制勝的顏色，那些最明顯最該用的顏色反而能創造更好的效果。比如說 Hell Design(地獄設計)，不用象徵地獄的火紅色簡直說不過去。

6. CSS3教學(3):border-color網頁邊框色彩

使用CSS3的border-radius屬性，如果你設定了border的寬度是X px ，那麼你就可以在這個border上使用X種顏色，每種顏色顯示1px的寬度。如果說你的border的寬度是10個像素，但只聲明了5或6中顏色，那麼最後一個顏色將會被加到剩下的寬度。 

相關問答

1. #瀏覽器中的opacity、rgba的效果和Android、iOS程式中所使用的色彩透明的效果差異很大。

2. 為什麼 CSS3 的 hsl 色彩模式很少被使用？

【相關推薦】

1. php中文網免費影片教學：《php.cn獨孤九賤（2）－css影片教學》

2. php中文網免費教學：《彈指間學會HTML+CSS》

以上是html，css中的色彩使用總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！