酷笔记 > HTML中文手册 > HTML 颜色

HTML 颜色由红色、绿色、蓝色混合而成。

Color Values

HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。

种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。

这个表格给出了由三种颜色混合而成的具体效果:

颜色值

颜色(Color) 颜色十六进制(Color HEX) 颜色RGB(Color RGB)
  #000000 rgb(0,0,0)
  #FF0000 rgb(255,0,0)
  #00FF00 rgb(0,255,0)
  #0000FF rgb(0,0,255)
  #FFFF00 rgb(255,255,0)
  #00FFFF rgb(0,255,255)
  #FF00FF rgb(255,0,255)
  #C0C0C0 rgb(192,192,192)
  #FFFFFF rgb(255,255,255)

运行一下 »

1600万种不同颜色

三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256)。

在下面的颜色表中你会看到不同的结果,从0到255的红色,同时设置绿色和蓝色的值为0,随着红色的值变化,不同的值都显示了不同的颜色。

Red Light Color HEX Color RGB
  #000000  rgb(0,0,0)
  #080000 rgb(8,0,0)
  #100000 rgb(16,0,0)
  #180000 rgb(24,0,0)
  #200000 rgb(32,0,0)
  #280000 rgb(40,0,0)
  #300000 rgb(48,0,0)
  #380000 rgb(56,0,0)
  #400000 rgb(64,0,0)
  #480000 rgb(72,0,0)
  #500000 rgb(80,0,0)
  #580000 rgb(88,0,0)
  #600000 rgb(96,0,0)
  #680000 rgb(104,0,0)
  #700000 rgb(112,0,0)
  #780000 rgb(120,0,0)
  #800000 rgb(128,0,0)
  #880000 rgb(136,0,0)
  #900000 rgb(144,0,0)
  #980000 rgb(152,0,0)
  #A00000 rgb(160,0,0)
  #A80000 rgb(168,0,0)
  #B00000 rgb(176,0,0)
  #B80000 rgb(184,0,0)
  #C00000 rgb(192,0,0)
  #C80000 rgb(200,0,0)
  #D00000 rgb(208,0,0)
  #D80000 rgb(216,0,0)
  #E00000 rgb(224,0,0)
  #E80000 rgb(232,0,0)
  #F00000 rgb(240,0,0)
  #F80000 rgb(248,0,0)
  #FF0000 rgb(255,0,0)

灰暗色调

以下展示了灰色到黑色的渐变

Gray Shades Color HEX Color RGB
  #000000  rgb(0,0,0) 
  #080808  rgb(8,8,8) 
  #101010  rgb(16,16,16) 
  #181818  rgb(24,24,24) 
  #202020  rgb(32,32,32) 
  #282828  rgb(40,40,40) 
  #303030  rgb(48,48,48) 
  #383838  rgb(56,56,56) 
  #404040  rgb(64,64,64) 
  #484848  rgb(72,72,72) 
  #505050  rgb(80,80,80) 
  #585858  rgb(88,88,88) 
  #606060  rgb(96,96,96) 
  #686868  rgb(104,104,104) 
  #707070  rgb(112,112,112) 
  #787878  rgb(120,120,120) 
  #808080  rgb(128,128,128) 
  #888888  rgb(136,136,136) 
  #909090  rgb(144,144,144) 
  #989898  rgb(152,152,152) 
  #A0A0A0  rgb(160,160,160) 
  #A8A8A8  rgb(168,168,168) 
  #B0B0B0  rgb(176,176,176) 
  #B8B8B8  rgb(184,184,184) 
  #C0C0C0  rgb(192,192,192) 
  #C8C8C8  rgb(200,200,200) 
  #D0D0D0  rgb(208,208,208) 
  #D8D8D8  rgb(216,216,216) 
  #E0E0E0  rgb(224,224,224) 
  #E8E8E8  rgb(232,232,232) 
  #F0F0F0  rgb(240,240,240) 
  #F8F8F8  rgb(248,248,248) 
  #FFFFFF  rgb(255,255,255) 

Web安全色?

数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。

我们不确定如今这么做的意义有多大,因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。

最初,216 跨平台 web 安全色被用来确Te固定系绖全/p>

最初,216 跨平台 web 安i,168固定系绖全/p>

最初,216 跨平台 web 安i,1平Ce计算机朖 we绖全/p>

最初,216 跨平台 w rgb(104,104,104)     0000  颜色RGBdnavogg #ffffff gb(0,255,0) y>rgavogg #ffffff gb(0,255,0)3 bg >#ffffff gb(0,255,0)3333 >#ffffff gb(0,255,0)3366">#ffffff gb(0,255,0)3399">#ffffff gb(0,255,0)33cc">#ffffff gb(0,255,0)33ff >rgavogg #ffffff gb(0,255,0)6td >#ffffff gb(0,255,0)6633 >#ffffff gb(0,255,0)6666">#ffffff gb(0,255,0)6699">#ffffff gb(0,255,0)66cc">#ffffff gb(0,255,0)66ff >rgavogg rgavogg rgavogg rgavogg #ffffff gb(0,255,3 bgtd >3 bgtde class="navogg #ffffff gb(0,255,3 bg33 >3 bg33e class="navogg #ffffff gb(0,255,3 bg66">3 bg66e class="navogg #ffffff gb(0,255,3 bg99">3 bg99e class="navogg #ffffff gb(0,255,3 bgcc">3 bgCCe class="navogg #ffffff gb(0,255,3 bgff >3 bg x 256 x width="30%">rgavogg #ffffff gb(0,255,3 3 bg >3 33tde class="navogg #ffffff gb(0,255,3 3333 >333333e class="navogg #ffffff gb(0,255,3 3366">333366e class="navogg #ffffff gb(0,255,3 3399">333399e class="navogg #ffffff gb(0,255,3 33cc">3333CCe class="navogg #ffffff gb(0,255,3 33ff >3333 x 256 x width="30%">rgavogg #ffffff gb(0,255,3 6td >3366tde class="navogg #ffffff gb(0,255,3 6633 >336633e class="navogg #ffffff gb(0,255,3 6666 >336666e class="navogg #ffffff gb(0,255,3 6699 >336699e class="navogg #ffffff gb(0,255,3 66cc">3366CCe class="navogg #ffffff gb(0,255,3 66ff >3366 x 256 x width="30%">rgavogg 339339966e class="navogg 339999e class="navogg 3399CCe class="navogg 3399 x 256 x width="30%">rgavogg 33C33CC66e class="navogg 33CC99e class="navogg 33CCCCe class="navogg 33CC x 256 x width="30%">rgavogg 33tr> 33FF33e class="navogg 33FF66e class="navogg 33FF99e class="navogg 33FFCCe class="navogg 33FF x 256 x width="30%">rgavogg #ffffff gb(0,255,66tdd >66tdd e class="navogg #ffffff gb(0,255,66td33 >66td33e class="navogg #ffffff gb(0,255,66td66 >66td66e class="navogg #ffffff gb(0,255,66td99 >66td99e class="navogg #ffffff gb(0,255,66tdcc">66tdCCe class="navogg #ffffff gb(0,255,66tdff >66td x 256 x width="30%">rgavogg #ffffff gb(0,255,6633d >6633tde class="navogg #ffffff gb(0,255,663333 >663333e class="navogg #ffffff gb(0,255,663366 >663366e class="navogg #ffffff gb(0,255,663399 >663399e class="navogg #ffffff gb(0,255,6633cc">6633CCe class="navogg #ffffff gb(0,255,6633ff >6633 x 256 x width="30%">rgavogg #ffffff gb(0,255,6666d >6666tde class="navogg #ffffff gb(0,255,666633 >666633e class="navogg #ffffff gb(0,255,666666 >666666e class="navogg #ffffff gb(0,255,666699 >666699e class="navogg #ffffff gb(0,255,6666cc">6666CCe class="navogg #ffffff gb(0,255,6666ff >6666 x 256 x width="30%">rgavogg 669669966e class="navogg 669999e class="navogg 6699CCe class="navogg 6699 x 256 x width="30%">rgavogg 66C66CC66e class="navogg 66CC99e class="navogg 66CCCCe class="navogg 66CC x 256 x width="30%">rgavogg 66tr> 66FF33e class="navogg 66FF66e class="navogg 66FF99e class="navogg 66FFCCe class="navogg 66FF x 256 x width="30%">rgavogg #ffffff gb(0,255,99#ffffff gb(0,255,99#ffffff gb(0,255,99rgavogg #ffffff gb(0,255,9933d >9<33tde class="navogg #ffffff gb(0,255,9<3333 >9<3333e class="navogg #ffffff gb(0,255,9<3366 >9<3366e class="navogg #ffffff gb(0,255,9<3399 >9<3399e class="navogg #ffffff gb(0,255,9<33cc">9<33CCe class="navogg #ffffff gb(0,255,9<33ff >9<33 x 256 x width="30%">rgavogg #ffffff gb(0,255,9966d >9<66tde class="navogg #ffffff gb(0,255,9<6633 >9<6633e class="navogg #ffffff gb(0,255,9<6666 >9<6666e class="navogg #ffffff gb(0,255,9<6699 >9<6699e class="navogg #ffffff gb(0,255,9<66cc">9<66CCe class="navogg #ffffff gb(0,255,9<66ff >9<66 x 256 x width="30%">rgavogg 9<99<9966e class="navogg 9<9999e class="navogg 9<99CCe class="navogg 9<99 x 256 x width="30%">rgavogg 999rgavogg 9 999rgavogg #ffffff gb(0,255,ccd d >C#ffffff gb(0,255,ccd 66 >C#ffffff gb(0,255,ccd cc">Crgavogg #ffffff gb(0,255,cc33d >C<33tde class="navogg #ffffff gb(0,255,cc3333 >C<3333e class="navogg #ffffff gb(0,255,cc3366 >C<3366e class="navogg #ffffff gb(0,255,cc3399 >C<3399e class="navogg #ffffff gb(0,255,cc33cc">C<33CCe class="navogg #ffffff gb(0,255,cc33ff >C<33 x 256 x width="30%">rgavogg #ffffff gb(0,255,cc66d >C<66tde class="navogg #ffffff gb(0,255,cc6633 >C<6633e class="navogg #ffffff gb(0,255,cc6666 >C<6666e class="navogg #ffffff gb(0,255,cc6699 >C<6699e class="navogg #ffffff gb(0,255,cc66cc">C<66CCe class="navogg #ffffff gb(0,255,cc66ff >C<66 x 256 x width="30%">rgavogg C<9C<9966e class="navogg C<9999e class="navogg C<99CCe class="navogg C<99 x 256 x width="30%">rgavogg CCCrgavogg C CCCrgavogg #ffffff gb(0,255,ffd d >#ffffff gb(0,255,ffd 66 >#ffffff gb(0,255,ffd cc">rgavogg #ffffff gb(0,255,ff33d >#ffffff gb(0,255,ff3366 >#ffffff gb(0,255,ff33cc">rgavogg #ffffff gb(0,255,ff66d >#ffffff gb(0,255,ff6666 >#ffffff gb(0,255,ff66cc">rgavogg rgavogg rgavogg

  • 䍁六进制>
  • 记" alt="酷t">