Web 前端颜色值--字体--使用，整理整理
做网页时经常挑选不好颜色吧...多看看颜色值，或者自己配吧....
颜色值
CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0（十六进制 00）。最高值是 255（十六进制 FF）。
十六进制值使用三个双位数来编写，并以 # 符号开头。
下面是一些颜色值...不多不多...够用了...
| 颜色名 |
十六进制颜色值 |
颜色 |
| Black |
#000000 |
|
| Navy |
#000080 |
|
| DarkBlue |
#00008B |
|
| MediumBlue |
#0000CD |
|
| Blue |
#0000FF |
|
| DarkGreen |
#006400 |
|
| Green |
#008000 |
|
| Teal |
#008080 |
|
| DarkCyan |
#008B8B |
|
| DeepSkyBlue |
#00BFFF |
|
| DarkTurquoise |
#00CED1 |
|
| MediumSpringGreen |
#00FA9A |
|
| Lime |
#00FF00 |
|
| SpringGreen |
#00FF7F |
|
| Aqua |
#00FFFF |
|
| Cyan |
#00FFFF |
|
| MidnightBlue |
#191970 |
|
| DodgerBlue |
#1E90FF |
|
| LightSeaGreen |
#20B2AA |
|
| ForestGreen |
#228B22 |
|
| SeaGreen |
#2E8B57 |
|
| DarkSlateGray |
#2F4F4F |
|
| LimeGreen |
#32CD32 |
|
| MediumSeaGreen |
#3CB371 |
|
| Turquoise |
#40E0D0 |
|
| RoyalBlue |
#4169E1 |
|
| SteelBlue |
#4682B4 |
|
| DarkSlateBlue |
#483D8B |
|
| MediumTurquoise |
#48D1CC |
|
| Indigo |
#4B0082 |
|
| DarkOliveGreen |
#556B2F |
|
| CadetBlue |
#5F9EA0 |
|
| CornflowerBlue |
#6495ED |
|
| MediumAquaMarine |
#66CDAA |
|
| DimGray |
#696969 |
|
| DimGrey |
#696969 |
|
| SlateBlue |
#6A5ACD |
|
| OliveDrab |
#6B8E23 |
|
| SlateGray |
#708090 |
|
| LightSlateGray |
#778899 |
|
| MediumSlateBlue |
#7B68EE |
|
| LawnGreen |
#7CFC00 |
|
| Chartreuse |
#7FFF00 |
|
| Aquamarine |
#7FFFD4 |
|
| Maroon |
#800000 |
|
| Purple |
#800080 |
|
| Olive |
#808000 |
|
| Gray |
#808080 |
|
| SkyBlue |
#87CEEB |
|
| LightSkyBlue |
#87CEFA |
|
| BlueViolet |
#8A2BE2 |
|
| DarkRed |
#8B0000 |
|
| DarkMagenta |
#8B008B |
|
| SaddleBrown |
#8B4513 |
|
| DarkSeaGreen |
#8FBC8F |
|
| LightGreen |
#90EE90 |
|
| MediumPurple |
#9370DB |
|
| DarkViolet |
#9400D3 |
|
| PaleGreen |
#98FB98 |
|
| DarkOrchid |
#9932CC |
|
| YellowGreen |
#9ACD32 |
|
| Sienna |
#A0522D |
|
| Brown |
#A52A2A |
|
| DarkGray |
#A9A9A9 |
|
| LightBlue |
#ADD8E6 |
|
| GreenYellow |
#ADFF2F |
|
| PaleTurquoise |
#AFEEEE |
|
| LightSteelBlue |
#B0C4DE |
|
| PowderBlue |
#B0E0E6 |
|
| FireBrick |
#B22222 |
|
| DarkGoldenRod |
#B8860B |
|
| MediumOrchid |
#BA55D3 |
|
| RosyBrown |
#BC8F8F |
|
| DarkKhaki |
#BDB76B |
|
| Silver |
#C0C0C0 |
|
| MediumVioletRed |
#C71585 |
|
| IndianRed |
#CD5C5C |
|
| Peru |
#CD853F |
|
| Chocolate |
#D2691E |
|
| Tan |
#D2B48C |
|
| LightGray |
#D3D3D3 |
|
| Thistle |
#D8BFD8 |
|
| Orchid |
#DA70D6 |
|
| GoldenRod |
#DAA520 |
|
| PaleVioletRed |
#DB7093 |
|
| Crimson |
#DC143C |
|
| Gainsboro |
#DCDCDC |
|
| Plum |
#DDA0DD |
|
| BurlyWood |
#DEB887 |
|
| LightCyan |
#E0FFFF |
|
| Lavender |
#E6E6FA |
|
| DarkSalmon |
#E9967A |
|
| Violet |
#EE82EE |
|
| PaleGoldenRod |
#EEE8AA |
|
| LightCoral |
#F08080 |
|
| Khaki |
#F0E68C |
|
| AliceBlue |
#F0F8FF |
|
| HoneyDew |
#F0FFF0 |
|
| Azure |
#F0FFFF |
|
| SandyBrown |
#F4A460 |
|
| Wheat |
#F5DEB3 |
|
| Beige |
#F5F5DC |
|
| WhiteSmoke |
#F5F5F5 |
|
| MintCream |
#F5FFFA |
|
| GhostWhite |
#F8F8FF |
|
| Salmon |
#FA8072 |
|
| AntiqueWhite |
#FAEBD7 |
|
| Linen |
#FAF0E6 |
|
| LightGoldenRodYellow |
#FAFAD2 |
|
| OldLace |
#FDF5E6 |
|
| Red |
#FF0000 |
|
| Fuchsia |
#FF00FF |
|
| Magenta |
#FF00FF |
|
| DeepPink |
#FF1493 |
|
| OrangeRed |
#FF4500 |
|
| Tomato |
#FF6347 |
|
| HotPink |
#FF69B4 |
|
| Coral |
#FF7F50 |
|
| Darkorange |
#FF8C00 |
|
| LightSalmon |
#FFA07A |
|
| Orange |
#FFA500 |
|
| LightPink |
#FFB6C1 |
|
| Pink |
#FFC0CB |
|
| Gold |
#FFD700 |
|
| PeachPuff |
#FFDAB9 |
|
| NavajoWhite |
#FFDEAD |
|
| Moccasin |
#FFE4B5 |
|
| Bisque |
#FFE4C4 |
|
| MistyRose |
#FFE4E1 |
|
| BlanchedAlmond |
#FFEBCD |
|
| PapayaWhip |
#FFEFD5 |
|
| LavenderBlush |
#FFF0F5 |
|
| SeaShell |
#FFF5EE |
|
| Cornsilk |
#FFF8DC |
|
| LemonChiffon |
#FFFACD |
|
| FloralWhite |
#FFFAF0 |
|
| Snow |
#FFFAFA |
|
| Yellow |
#FFFF00 |
|
| LightYellow |
#FFFFE0 |
|
| Ivory |
#FFFFF0 |
|
| White |
#FFFFFF |
|
| 颜色 |
颜色 HEX |
颜色 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) |
| 灰阶 |
HEX |
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) |
| 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 |
再 附上一些字体， 做网页时就 知道有什么字体可以用了...这里只有名称，字体长什么样子我也不清楚....
华文细黑：STHeiti Light [STXihei]
华文黑体：STHeiti
华文楷体：STKaiti
华文宋体：STSong
华文仿宋：STFangsong
俪黑 Pro：LiHei Pro Medium
俪宋 Pro：LiSong Pro Light
标楷体：BiauKai
苹果俪中黑：Apple LiGothic Medium
苹果俪细宋：Apple LiSung Light
新细明体：PMingLiU
细明体：MingLiU
标楷体：DFKai-SB
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微软正黑体：Microsoft JhengHei
微软雅黑体：Microsoft YaHei
隶书：LiSu
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei
英文方式的也有一些........
Arial ： font-family: Arial, Helvetica, sans-serif;
ArialBlack : font-family: ‘Arial Black’, Gadget, sans-serif;
ArialNarrow : font-family: ‘Arial Narrow’, sans-serif;
Verdana： font-family: Verdana, Geneva, sans-serif;
Georgia： font-family: Georgia, serif;
Times New Roman： font-family: 'Times New Roman', Times, serif;
Trebuchet MS： font-family: 'Trebuchet MS', Helvetica, sans-serif;
Courier New： font-family: 'Courier New', Courier, monospace;
Impact： font-family: Impact, Charcoal, sans-serif;
Comic Sans MS： font-family: 'Comic Sans MS', cursive;
Tahoma： font-family: Tahoma, Geneva, sans-serif;
Courier New： font-family: Courier, monospace;
Lucida Sans Unicode： font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
Lucida Console： font-family: 'Lucida Console', Monaco, monospace;
Garamond： font-family: Garamond, serif;
MS Sans Serif： font-family: 'MS Sans Serif', Geneva, sans-serif;
MS Serif： font-family: 'MS Serif', 'New York', sans-serif;
Palatino Linotype： font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
Symbol： font-family: Symbol, sans-serif;
Bookman Old Style： font-family: 'Bookman Old Style', serif;