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) |
实例代码
通过十六进制设置背景颜色
通过 rbg 值设置背景颜色
通过颜色名设置背景颜色
效果
通过十六进制设置背景颜色
通过 rbg 值设置背景颜色
通过颜色名设置背景颜色
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 安全色被用来确保：当计算机使用 256 色调色板时，所有的计算机能够正确地显示所有的颜色。
| 000000 | 000033 | 000066 | 000099 | 0000cc | 0000ff |
| 003300 | 003333 | 003366 | 003399 | 0033cc | 0033ff |
| 006600 | 006633 | 006666 | 006699 | 0066cc | 0066ff |
| 009900 | 009933 | 009966 | 009999 | 0099cc | 0099ff |
| 00cc00 | 00cc33 | 00cc66 | 00cc99 | 00cccc | 00ccff |
| 00ff00 | 00ff33 | 00ff66 | 00ff99 | 00ffcc | 00ffff |
| 330000 | 330033 | 330066 | 330099 | 3300cc | 3300ff |
| 333300 | 333333 | 333366 | 333399 | 3333cc | 3333ff |
| 336600 | 336633 | 336666 | 336699 | 3366cc | 3366ff |
| 339900 | 339933 | 339966 | 339999 | 3399cc | 3399ff |
| 33cc00 | 33cc33 | 33cc66 | 33cc99 | 33cccc | 33ccff |
| 33ff00 | 33ff33 | 33ff66 | 33ff99 | 33ffcc | 33ffff |
| 660000 | 660033 | 660066 | 660099 | 6600cc | 6600ff |
| 663300 | 663333 | 663366 | 663399 | 6633cc | 6633ff |
| 666600 | 666633 | 666666 | 666699 | 6666cc | 6666ff |
| 669900 | 669933 | 669966 | 669999 | 6699cc | 6699ff |
| 66cc00 | 66cc33 | 66cc66 | 66cc99 | 66cccc | 66ccff |
| 66ff00 | 66ff33 | 66ff66 | 66ff99 | 66ffcc | 66ffff |
| 990000 | 990033 | 990066 | 990099 | 9900cc | 9900ff |
| 993300 | 993333 | 993366 | 993399 | 9933cc | 9933ff |
| 996600 | 996633 | 996666 | 996699 | 9966cc | 9966ff |
| 999900 | 999933 | 999966 | 999999 | 9999cc | 9999ff |
| 99cc00 | 99cc33 | 99cc66 | 99cc99 | 99cccc | 99ccff |
| 99ff00 | 99ff33 | 99ff66 | 99ff99 | 99ffcc | 99ffff |
| cc0000 | cc0033 | cc0066 | cc0099 | cc00cc | cc00ff |
| cc3300 | cc3333 | cc3366 | cc3399 | cc33cc | cc33ff |
| cc6600 | cc6633 | cc6666 | cc6699 | cc66cc | cc66ff |
| cc9900 | cc9933 | cc9966 | cc9999 | cc99cc | cc99ff |
| cccc00 | cccc33 | cccc66 | cccc99 | cccccc | ccccff |
| ccff00 | ccff33 | ccff66 | ccff99 | ccffcc | ccffff |
| ff0000 | ff0033 | ff0066 | ff0099 | ff00cc | ff00ff |
| ff3300 | ff3333 | ff3366 | ff3399 | ff33cc | ff33ff |
| ff6600 | ff6633 | ff6666 | ff6699 | ff66cc | ff66ff |
| ff9900 | ff9933 | ff9966 | ff9999 | ff99cc | ff99ff |
| ffcc00 | ffcc33 | ffcc66 | ffcc99 | ffcccc | ffccff |
| ffff00 | ffff33 | ffff66 | ffff99 | ffffcc | ffffff |
