常用颜色RGB、灰度值、取色值、透明度。

■■■■■#DC143C——Crimson深红/猩红

■■■■■#FFF0F5——LavenderBlush淡紫红

■■■■■#DB7093——PaleVioletRed弱紫罗兰红

■■■■■#FF69B4——HotPink热情的粉红

■■■■■#FF1493——DeepPink深粉红

■■■■■#C71585——MediumVioletRed中紫罗兰红

■■■■■#DA70D6——Orchid暗紫色/兰花紫

■■■■■#D8BFD8——Thistle蓟色

■■■■■#DDA0DD——Plum洋李色/李子紫

■■■■■#EE82EE——Violet紫罗兰

■■■■■#FF00FF——Magenta洋红/玫瑰红

■■■#FF00FF——Fuchsia紫红/灯笼海棠

■■■■■#8B008B——DarkMagenta深洋红

■■■■■#800080——Purple紫色

■■■■■#BA55D3——MediumOrchid中兰花紫

■■■■■#9400D3——DarkViolet暗紫罗兰

■■■■■#9932CC——DarkOrchid暗兰花紫

■■■■■#4B0082——Indigo靛青/紫兰色

■■■■■#8A2BE2——BlueViolet蓝紫罗兰

■■■■■#9370DB——MediumPurple   中紫色

■■■■■#7B68EE——MediumSlateBlue中暗蓝色/中板岩蓝

■■■■■#6A5ACD——SlateBlue石蓝色/板岩蓝

■■■■■#483D8B——DarkSlateBlue暗灰蓝色/暗板岩蓝

■■■■■#E6E6FA——Lavender淡紫色/熏衣草淡紫

■■■■■#F8F8FF——GhostWhite幽灵白

■■■■■#0000FF——Blue纯蓝

■■■■■#0000CD——MediumBlue中蓝色

■■■■■#191970——MidnightBlue午夜蓝

■■■■■#00008B——DarkBlue暗蓝色

■■■■■#000080——Navy海军蓝

■■■■■#4169E1——RoyalBlue皇家蓝/宝蓝

■■■■■#6495ED——CornflowerBlue矢车菊蓝

■■■■■#B0C4DE——LightSteelBlue亮钢蓝

■■■■■#778899——LightSlateGray亮蓝灰/亮石板灰

■■■■■#708090——SlateGray灰石色/石板灰

■■■■■#1E90FF——DodgerBlue闪兰色/道奇蓝

■■■■■#F0F8FF——AliceBlue爱丽丝蓝

■■■■■#4682B4——SteelBlue钢蓝/铁青

■■■■■#87CEFA——LightSkyBlue亮天蓝色

■■■■■#87CEEB——SkyBlue天蓝色

■■■■■#00BFFF——DeepSkyBlue深天蓝

■■■■■#ADD8E6——LightBlue亮蓝

■■■■■#B0E0E6——PowderBlue粉蓝色/火药青

■■■■■#5F9EA0——CadetBlue军兰色/军服蓝

■■■■■#F0FFFF——Azure蔚蓝色

■■■■■#E0FFFF——LightCyan淡青色

■■■■■#AFEEEE——PaleTurquoise弱绿宝石

■■■■■#00FFFF——Cyan青色

■■■■■#00FFFF——Aqua浅绿色/水色

■■■■■#00CED1——DarkTurquoise暗绿宝石

■■■■■#2F4F4F——DarkSlateGray暗瓦灰色/暗石板灰

■■■■#008B8B——DarkCyan暗青色

■■■■■#008080——Teal水鸭色

■■■■■#48D1CC——MediumTurquoise中绿宝石

■■■■■#20B2AA——LightSeaGreen浅海洋绿

■■■■■#40E0D0——Turquoise绿宝石

■■■■■#7FFFD4——Aquamarine宝石碧绿

■■■■■#66CDAA——MediumAquamarine中宝石碧绿

■■■■■#00FA9A——MediumSpringGreen中春绿色

■■■■■#F5FFFA——MintCream薄荷奶油

■■■■■#00FF7F——SpringGreen春绿色

■■■■■#3CB371——MediumSeaGreen中海洋绿

■■■■■#2E8B57——SeaGreen海洋绿

■■■■■#F0FFF0——Honeydew蜜色/蜜瓜色

■■■■■#90EE90——LightGreen淡绿色

■■■■■#98FB98——PaleGreen弱绿色

■■■■■#8FBC8F——DarkSeaGreen暗海洋绿

■■■■■#32CD32——LimeGreen闪光深绿

■■■■■#00FF00——Lime闪光绿

■■■■■#228B22——ForestGreen森林绿

■■■■■#008000——Green纯绿

■■■■■#006400——DarkGreen暗绿色

■■■■■#7FFF00——Chartreuse黄绿色/查特酒绿

■■■■■#7CFC00——LawnGreen草绿色/草坪绿

■■■■■#ADFF2F——GreenYellow绿黄色

■■■■■#556B2F——DarkOliveGreen暗橄榄绿

■■■■■#9ACD32——YellowGreen黄绿色

■■■■■#6B8E23——OliveDrab橄榄褐色

■■■■■#F5F5DC——Beige米色/灰棕色

■■■■■#FAFAD2——LightGoldenrodYellow亮菊黄

■■■■■#FFFFF0——Ivory象牙色

■■■■■#FFFFE0——LightYellow浅黄色

■■■■■#FFFF00——Yellow纯黄

■■■■■#808000——Olive橄榄

■■■■■#BDB76B——DarkKhaki暗黄褐色/深卡叽布

■■■■■#FFFACD——LemonChiffon 柠檬绸

■■■■■#EEE8AA——PaleGoldenrod灰菊黄/苍麒麟色

■■■■■#F0E68C——Khaki黄褐色/卡叽布

■■■■■#FFD700——Gold金色

■■■■■#FFF8DC——Cornsilk玉米丝色

■■■■■#DAA520——Goldenrod金菊黄

■■■■■#B8860B——DarkGoldenrod暗金菊黄

■■■■■#FFFAF0——FloralWhite花的白色

■■■■■#FDF5E6——OldLace老花色/旧蕾丝

■■■■■#F5DEB3——Wheat浅黄色/小麦色

■■■■■#FFE4B5——Moccasin鹿皮色/鹿皮靴

■■■■■#FFA500——Orange橙色

■■■■■#FFEFD5——PapayaWhip番木色/番木瓜

■■■■■#FFEBCD——BlanchedAlmond白杏色

■■■■■#FFDEAD——NavajoWhite纳瓦白/土著白

■■■■■#FAEBD7——AntiqueWhite古董白

■■■■■#D2B48C——Tan茶色

■■■■■#DEB887——BurlyWood硬木色

■■■■■#FFE4C4——Bisque陶坯黄

■■■■■#FF8C00——DarkOrange深橙色

■■■■■#FAF0E6——Linen亚麻布

■■■■■#CD853F——Peru秘鲁色

■■■■■#FFDAB9——PeachPuff桃肉色

■■■■■#F4A460——SandyBrown沙棕色

■■■■■#D2691E——Chocolate巧克力色

■■■■■#8B4513——SaddleBrown重褐色/马鞍棕色

■■■■■#FFF5EE——Seashell海贝壳

■■■■■#A0522D——Sienna黄土赭色

■■■■■#FFA07A——LightSalmon浅鲑鱼肉色

■■■■■#FF7F50——Coral珊瑚

■■■■■#FF4500——OrangeRed橙红色

■■■■■#E9967A——DarkSalmon深鲜肉/鲑鱼色

■■■■■#FF6347——Tomato番茄红

■■■■■#FFE4E1——MistyRose浅玫瑰色/薄雾玫瑰

■■■■■#FA8072——Salmon鲜肉/鲑鱼色

■■■■■#FFFAFA——Snow雪白色

■■■■■#F08080——LightCoral淡珊瑚色

■■■■■#BC8F8F——RosyBrown玫瑰棕色

■■■■■#CD5C5C——IndianRed印度红

■■■■■#FF0000——Red纯红

■■■■■#A52A2A——Brown棕色

■■■■■#B22222——FireBrick火砖色/耐火砖

■■■■■#8B0000——DarkRed深红色

■■■■■#800000——Maroon栗色

■■■■■#FFFFFF——White纯白

■■■■■#F5F5F5——WhiteSmoke白烟

■■■■■#DCDCDC——Gainsboro淡灰色

■■■■■#D3D3D3——LightGrey浅灰色

■■■■■#C0C0C0——Silver银灰色

■■■■■#A9A9A9——DarkGray深灰色

■■■■■#808080——Gray灰色

■■■■■#696969——DimGray暗淡灰

■■■■■#000000——Black纯黑

 

透明度转换


00%=FF(不透明) 

5%=F2 

10%=E5 

15%=D8 

20%=CC 

25%=BF
30%=B2 

35%=A5 

40%=99 

45%=8c 

50%=7F 

55%=72 

60%=66
65%=59 

70%=4c 

75%=3F 

80%=33 

85%=21 

90%=19 

95%=0c 

100%=00(全透明) 

 

 

原链接:http://blog.sina.com.cn/s/blog_6b6f7dfe01016v3i.html

你可能感兴趣的:(前端,知识点)