最新的Web开发教程
 

颜色教程


颜色显示相结合的红色,绿色和蓝色光。


颜色名称

使用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
试一试»

大写或小写?

您可以使用大写或小写字母来指定十六进制值。

注意小写更容易编写。Upper case are easier to read. 上壳体更容易阅读。

颜色名称

CSS支持140标准颜色名称。

在下一章中,你会发现与十六进制值的颜色名称的完整字母顺序列表:

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