最新的Web開發教程
 

Colors教程


顏色顯示相結合的紅色,綠色和藍色光。


顏色名稱

使用CSS,顏色可以通過使用顏色名稱進行設置:

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
試一試»

CSS顏色值

用CSS,顏色可以不同的方式來指定:

  • 通過顏色名稱
  • 由於RGB值
  • 為十六進制值
  • 由於HSL值(CSS3)
  • 由於HWB值(CSS4)

RGB顏色

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

RGB(紅,綠,藍):一個RGB顏色值與指定。

每個參數(紅,綠,藍)定義的顏色0和255之間的一個整數的強度。

例如,RGB(0,0,255)呈現為藍色,因為藍色參數被設置為它的最高值(255),其他都設置為0。

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
試一試»

灰色色調使用所有3光源相等的值通常定義:

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
試一試»

十六進制顏色

十六進制顏色值,同時也支持所有瀏覽器。

十六進制顏色與規定的:#RRGGBB。

RR(紅色),GG(綠)和BB(藍色)是00和FF之間的十六進制整數指定顏色的強度。

例如,#0000FF顯示為藍色,因為藍色分量被設置到它的最高值(FF)以及其他被設置為00。

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue
試一試»

灰色色調使用所有3光源相等的值通常定義:

Color HEX RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White
試一試»

大寫或小寫?

您可以使用大寫或小寫字母來指定十六進制值。

注意 小寫更容易編寫。 上殼體更容易閱讀。

顏色名稱

CSS支持140標準顏色名稱。

在下一章中,你會發現與十六進制值的顏色名稱的完整字母順序列表:

Color Name Hex Color
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4