手机微网站建设案例及报告,网站栏目设计怎么写,深圳网络营销推广,爱站工具包官网下载编程笔记 html5cssjs 018 HTML颜色 一、HTML 颜色二、HTML中设置颜色值三、颜色名称和颜色值 颜色是视觉中重要因素#xff0c;尤其是处理人机界面中#xff0c;更是要处理颜色设置和搭配。在网页中#xff0c;提供了设置颜色的一些方案#xff0c;需要我们认真学… 编程笔记 html5cssjs 018 HTML颜色 一、HTML 颜色二、HTML中设置颜色值三、颜色名称和颜色值 颜色是视觉中重要因素尤其是处理人机界面中更是要处理颜色设置和搭配。在网页中提供了设置颜色的一些方案需要我们认真学习和掌握。 一、HTML 颜色
HTML 颜色由红色、绿色、蓝色混合而成。 颜色值 HTML 颜色由一个十六进制符号来定义这个符号由红色、绿色和蓝色的值组成RGB。 每种颜色的最小值是0十六进制#00。最大值是255十六进制#FF。
二、HTML中设置颜色值
使用常用的颜色名称例如red红色、blue蓝色、green绿色等。
p stylecolor: red;红色文字/p使用RGB红绿蓝颜色值通过指定红色、绿色和蓝色的亮度来定义颜色。每个颜色的亮度值范围是0-255。
p stylecolor: rgb(255, 0, 0);红色文字/p使用十六进制颜色值通过指定红色、绿色和蓝色的十六进制值来定义颜色。每个颜色的十六进制值范围是00-FF。
p stylecolor: #FF0000;红色文字/p使用HSL色调、饱和度、亮度颜色值通过指定颜色的色调、饱和度和亮度来定义颜色。色调的值范围是0-360饱和度和亮度的值范围是0-100。
p stylecolor: hsl(0, 100%, 50%);红色文字/p注意以上颜色值的设置方式可以在HTML的内联样式中使用也可以在CSS样式表中使用。
三、颜色名称和颜色值
有关颜色名、颜色值等内容网上有很全面的参考内容。自己找。另外编程工具也都提供了快捷输入的一些方式也有助于对颜色的了解。把下面的代码执行一下可以用来查看已经具名的颜色。
!DOCTYPE html
htmlheadtitle编程笔记 html5cssjs 018 HTML颜色/titlemeta charsetutf-8stylebody {background: color black;}/style
/head
h1HTML颜色/h1h2目前所有浏览器都支持以下颜色名。/h2
p141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值包括十六进制值。/p
hr
h2按颜色名排序/h2table classreference notranslatetrth alignleft width25%颜色名/thth alignleft width20%HEX/thth alignleft width50%Color/th/trtrtd alignleft AliceBlue/anbsp;/tdtd alignleft #F0F8FF/a/tdtd bgcolor#F0F8FFnbsp;/td/trtrtd alignleft AntiqueWhite/anbsp;/tdtd alignleft #FAEBD7/a/tdtd bgcolor#FAEBD7nbsp;/td/trtrtd alignleft Aqua/anbsp;/tdtd alignleft #00FFFF/a/tdtd bgcolor#00FFFFnbsp;/td/trtrtd alignleft Aquamarine/anbsp;/tdtd alignleft #7FFFD4/a/tdtd bgcolor#7FFFD4nbsp;/td/trtrtd alignleft Azure/anbsp;/tdtd alignleft #F0FFFF/a/tdtd bgcolor#F0FFFFnbsp;/td/trtrtd alignleft Beige/anbsp;/tdtd alignleft #F5F5DC/a/tdtd bgcolor#F5F5DCnbsp;/td/trtrtd alignleft Bisque/anbsp;/tdtd alignleft #FFE4C4/a/tdtd bgcolor#FFE4C4nbsp;/td/trtrtd alignleft Black/anbsp;/tdtd alignleft #000000/a/tdtd bgcolor#000000nbsp;/td/trtrtd alignleft BlanchedAlmond/anbsp;/tdtd alignleft #FFEBCD/a/tdtd bgcolor#FFEBCDnbsp;/td/trtrtd alignleft Blue/anbsp;/tdtd alignleft #0000FF/a/tdtd bgcolor#0000FFnbsp;/td/trtrtd alignleft BlueViolet/anbsp;/tdtd alignleft #8A2BE2/a/tdtd bgcolor#8A2BE2nbsp;/td/trtrtd alignleft Brown/anbsp;/tdtd alignleft #A52A2A/a/tdtd bgcolor#A52A2Anbsp;/td/trtrtd alignleft BurlyWood/anbsp;/tdtd alignleft #DEB887/a/tdtd bgcolor#DEB887nbsp;/td/trtrtd alignleft CadetBlue/anbsp;/tdtd alignleft #5F9EA0/a/tdtd bgcolor#5F9EA0nbsp;/td/trtrtd alignleft Chartreuse/anbsp;/tdtd alignleft #7FFF00/a/tdtd bgcolor#7FFF00nbsp;/td/trtrtd alignleft Chocolate/anbsp;/tdtd alignleft #D2691E/a/tdtd bgcolor#D2691Enbsp;/td/trtrtd alignleft Coral/anbsp;/tdtd alignleft #FF7F50/a/tdtd bgcolor#FF7F50nbsp;/td/trtrtd alignleft CornflowerBlue/anbsp;/tdtd alignleft #6495ED/a/tdtd bgcolor#6495EDnbsp;/td/trtrtd alignleft Cornsilk/anbsp;/tdtd alignleft #FFF8DC/a/tdtd bgcolor#FFF8DCnbsp;/td/trtrtd alignleft Crimson/anbsp;/tdtd alignleft #DC143C/a/tdtd bgcolor#DC143Cnbsp;/td/trtrtd alignleft Cyan/anbsp;/tdtd alignleft #00FFFF/a/tdtd bgcolor#00FFFFnbsp;/td/trtrtd alignleft DarkBlue/anbsp;/tdtd alignleft #00008B/a/tdtd bgcolor#00008Bnbsp;/td/trtrtd alignleft DarkCyan/anbsp;/tdtd alignleft #008B8B/a/tdtd bgcolor#008B8Bnbsp;/td/trtrtd alignleft DarkGoldenRod/anbsp;/tdtd alignleft #B8860B/a/tdtd bgcolor#B8860Bnbsp;/td/trtrtd alignleft DarkGray/anbsp;/tdtd alignleft #A9A9A9/a/tdtd bgcolor#A9A9A9nbsp;/td/trtrtd alignleft DarkGreen/anbsp;/tdtd alignleft #006400/a/tdtd bgcolor#006400nbsp;/td/trtrtd alignleft DarkKhaki/anbsp;/tdtd alignleft #BDB76B/a/tdtd bgcolor#BDB76Bnbsp;/td/trtrtd alignleft DarkMagenta/anbsp;/tdtd alignleft #8B008B/a/tdtd bgcolor#8B008Bnbsp;/td/trtrtd alignleft DarkOliveGreen/anbsp;/tdtd alignleft #556B2F/a/tdtd bgcolor#556B2Fnbsp;/td/trtrtd alignleft DarkOrange/anbsp;/tdtd alignleft #FF8C00/a/tdtd bgcolor#FF8C00nbsp;/td/trtrtd alignleft DarkOrchid/anbsp;/tdtd alignleft #9932CC/a/tdtd bgcolor#9932CCnbsp;/td/trtrtd alignleft DarkRed/anbsp;/tdtd alignleft #8B0000/a/tdtd bgcolor#8B0000nbsp;/td/trtrtd alignleft DarkSalmon/anbsp;/tdtd alignleft #E9967A/a/tdtd bgcolor#E9967Anbsp;/td/trtrtd alignleft DarkSeaGreen/anbsp;/tdtd alignleft #8FBC8F/a/tdtd bgcolor#8FBC8Fnbsp;/td/trtrtd alignleft DarkSlateBlue/anbsp;/tdtd alignleft #483D8B/a/tdtd bgcolor#483D8Bnbsp;/td/trtrtd alignleft DarkSlateGray/anbsp;/tdtd alignleft #2F4F4F/a/tdtd bgcolor#2F4F4Fnbsp;/td/trtrtd alignleft DarkTurquoise/anbsp;/tdtd alignleft #00CED1/a/tdtd bgcolor#00CED1nbsp;/td/trtrtd alignleft DarkViolet/anbsp;/tdtd alignleft #9400D3/a/tdtd bgcolor#9400D3nbsp;/td/trtrtd alignleft DeepPink/anbsp;/tdtd alignleft #FF1493/a/tdtd bgcolor#FF1493nbsp;/td/trtrtd alignleft DeepSkyBlue/anbsp;/tdtd alignleft #00BFFF/a/tdtd bgcolor#00BFFFnbsp;/td/trtrtd alignleft DimGray/anbsp;/tdtd alignleft #696969/a/tdtd bgcolor#696969nbsp;/td/trtrtd alignleft DodgerBlue/anbsp;/tdtd alignleft #1E90FF/a/tdtd bgcolor#1E90FFnbsp;/td/trtrtd alignleft FireBrick/anbsp;/tdtd alignleft #B22222/a/tdtd bgcolor#B22222nbsp;/td/trtrtd alignleft FloralWhite/anbsp;/tdtd alignleft #FFFAF0/a/tdtd bgcolor#FFFAF0nbsp;/td/trtrtd alignleft ForestGreen/anbsp;/tdtd alignleft #228B22/a/tdtd bgcolor#228B22nbsp;/td/trtrtd alignleft Fuchsia/anbsp;/tdtd alignleft #FF00FF/a/tdtd bgcolor#FF00FFnbsp;/td/trtrtd alignleft Gainsboro/anbsp;/tdtd alignleft #DCDCDC/a/tdtd bgcolor#DCDCDCnbsp;/td/trtrtd alignleft GhostWhite/anbsp;/tdtd alignleft #F8F8FF/a/tdtd bgcolor#F8F8FFnbsp;/td/trtrtd alignleft Gold/anbsp;/tdtd alignleft #FFD700/a/tdtd bgcolor#FFD700nbsp;/td/trtrtd alignleft GoldenRod/anbsp;/tdtd alignleft #DAA520/a/tdtd bgcolor#DAA520nbsp;/td/trtrtd alignleft Gray/anbsp;/tdtd alignleft #808080/a/tdtd bgcolor#808080nbsp;/td/trtrtd alignleft Green/anbsp;/tdtd alignleft #008000/a/tdtd bgcolor#008000nbsp;/td/trtrtd alignleft GreenYellow/anbsp;/tdtd alignleft #ADFF2F/a/tdtd bgcolor#ADFF2Fnbsp;/td/trtrtd alignleft HoneyDew/anbsp;/tdtd alignleft #F0FFF0/a/tdtd bgcolor#F0FFF0nbsp;/td/trtrtd alignleft HotPink/anbsp;/tdtd alignleft #FF69B4/a/tdtd bgcolor#FF69B4nbsp;/td/trtrtd alignleft IndianRed /anbsp;/tdtd alignleft #CD5C5C/a/tdtd bgcolor#CD5C5Cnbsp;/td/trtrtd alignleft Indigo /anbsp;/tdtd alignleft #4B0082/a/tdtd bgcolor#4B0082nbsp;/td/trtrtd alignleft Ivory/anbsp;/tdtd alignleft #FFFFF0/a/tdtd bgcolor#FFFFF0nbsp;/td/trtrtd alignleft Khaki/anbsp;/tdtd alignleft #F0E68C/a/tdtd bgcolor#F0E68Cnbsp;/td/trtrtd alignleft Lavender/anbsp;/tdtd alignleft #E6E6FA/a/tdtd bgcolor#E6E6FAnbsp;/td/trtrtd alignleft LavenderBlush/anbsp;/tdtd alignleft #FFF0F5/a/tdtd bgcolor#FFF0F5nbsp;/td/trtrtd alignleft LawnGreen/anbsp;/tdtd alignleft #7CFC00/a/tdtd bgcolor#7CFC00nbsp;/td/trtrtd alignleft LemonChiffon/anbsp;/tdtd alignleft #FFFACD/a/tdtd bgcolor#FFFACDnbsp;/td/trtrtd alignleft LightBlue/anbsp;/tdtd alignleft #ADD8E6/a/tdtd bgcolor#ADD8E6nbsp;/td/trtrtd alignleft LightCoral/anbsp;/tdtd alignleft #F08080/a/tdtd bgcolor#F08080nbsp;/td/trtrtd alignleft LightCyan/anbsp;/tdtd alignleft #E0FFFF/a/tdtd bgcolor#E0FFFFnbsp;/td/trtrtd alignleft LightGoldenRodYellow/anbsp;/tdtd alignleft #FAFAD2/a/tdtd bgcolor#FAFAD2nbsp;/td/trtrtd alignleft LightGray/anbsp;/tdtd alignleft #D3D3D3/a/tdtd bgcolor#D3D3D3nbsp;/td/trtrtd alignleft LightGreen/anbsp;/tdtd alignleft #90EE90/a/tdtd bgcolor#90EE90nbsp;/td/trtrtd alignleft LightPink/anbsp;/tdtd alignleft #FFB6C1/a/tdtd bgcolor#FFB6C1nbsp;/td/trtrtd alignleft LightSalmon/anbsp;/tdtd alignleft #FFA07A/a/tdtd bgcolor#FFA07Anbsp;/td/trtrtd alignleft LightSeaGreen/anbsp;/tdtd alignleft #20B2AA/a/tdtd bgcolor#20B2AAnbsp;/td/trtrtd alignleft LightSkyBlue/anbsp;/tdtd alignleft #87CEFA/a/tdtd bgcolor#87CEFAnbsp;/td/trtrtd alignleft LightSlateGray/anbsp;/tdtd alignleft #778899/a/tdtd bgcolor#778899nbsp;/td/trtrtd alignleft LightSteelBlue/anbsp;/tdtd alignleft #B0C4DE/a/tdtd bgcolor#B0C4DEnbsp;/td/trtrtd alignleft LightYellow/anbsp;/tdtd alignleft #FFFFE0/a/tdtd bgcolor#FFFFE0nbsp;/td/trtrtd alignleft Lime/anbsp;/tdtd alignleft #00FF00/a/tdtd bgcolor#00FF00nbsp;/td/trtrtd alignleft LimeGreen/anbsp;/tdtd alignleft #32CD32/a/tdtd bgcolor#32CD32nbsp;/td/trtrtd alignleft Linen/anbsp;/tdtd alignleft #FAF0E6/a/tdtd bgcolor#FAF0E6nbsp;/td/trtrtd alignleft Magenta/anbsp;/tdtd alignleft #FF00FF/a/tdtd bgcolor#FF00FFnbsp;/td/trtrtd alignleft Maroon/anbsp;/tdtd alignleft #800000/a/tdtd bgcolor#800000nbsp;/td/trtrtd alignleft MediumAquaMarine/anbsp;/tdtd alignleft #66CDAA/a/tdtd bgcolor#66CDAAnbsp;/td/trtrtd alignleft MediumBlue/anbsp;/tdtd alignleft #0000CD/a/tdtd bgcolor#0000CDnbsp;/td/trtrtd alignleft MediumOrchid/anbsp;/tdtd alignleft #BA55D3/a/tdtd bgcolor#BA55D3nbsp;/td/trtrtd alignleft MediumPurple/anbsp;/tdtd alignleft #9370DB/a/tdtd bgcolor#9370DBnbsp;/td/trtrtd alignleft MediumSeaGreen/anbsp;/tdtd alignleft #3CB371/a/tdtd bgcolor#3CB371nbsp;/td/trtrtd alignleft MediumSlateBlue/anbsp;/tdtd alignleft #7B68EE/a/tdtd bgcolor#7B68EEnbsp;/td/trtrtd alignleft MediumSpringGreen/anbsp;/tdtd alignleft #00FA9A/a/tdtd bgcolor#00FA9Anbsp;/td/trtrtd alignleft MediumTurquoise/anbsp;/tdtd alignleft #48D1CC/a/tdtd bgcolor#48D1CCnbsp;/td/trtrtd alignleft MediumVioletRed/anbsp;/tdtd alignleft #C71585/a/tdtd bgcolor#C71585nbsp;/td/trtrtd alignleft MidnightBlue/anbsp;/tdtd alignleft #191970/a/tdtd bgcolor#191970nbsp;/td/trtrtd alignleft MintCream/anbsp;/tdtd alignleft #F5FFFA/a/tdtd bgcolor#F5FFFAnbsp;/td/trtrtd alignleft MistyRose/anbsp;/tdtd alignleft #FFE4E1/a/tdtd bgcolor#FFE4E1nbsp;/td/trtrtd alignleft Moccasin/anbsp;/tdtd alignleft #FFE4B5/a/tdtd bgcolor#FFE4B5nbsp;/td/trtrtd alignleft NavajoWhite/anbsp;/tdtd alignleft #FFDEAD/a/tdtd bgcolor#FFDEADnbsp;/td/trtrtd alignleft Navy/anbsp;/tdtd alignleft #000080/a/tdtd bgcolor#000080nbsp;/td/trtrtd alignleft OldLace/anbsp;/tdtd alignleft #FDF5E6/a/tdtd bgcolor#FDF5E6nbsp;/td/trtrtd alignleft Olive/anbsp;/tdtd alignleft #808000/a/tdtd bgcolor#808000nbsp;/td/trtrtd alignleft OliveDrab/anbsp;/tdtd alignleft #6B8E23/a/tdtd bgcolor#6B8E23nbsp;/td/trtrtd alignleft Orange/anbsp;/tdtd alignleft #FFA500/a/tdtd bgcolor#FFA500nbsp;/td/trtrtd alignleft OrangeRed/anbsp;/tdtd alignleft #FF4500/a/tdtd bgcolor#FF4500nbsp;/td/trtrtd alignleft Orchid/anbsp;/tdtd alignleft #DA70D6/a/tdtd bgcolor#DA70D6nbsp;/td/trtrtd alignleft PaleGoldenRod/anbsp;/tdtd alignleft #EEE8AA/a/tdtd bgcolor#EEE8AAnbsp;/td/trtrtd alignleft PaleGreen/anbsp;/tdtd alignleft #98FB98/a/tdtd bgcolor#98FB98nbsp;/td/trtrtd alignleft PaleTurquoise/anbsp;/tdtd alignleft #AFEEEE/a/tdtd bgcolor#AFEEEEnbsp;/td/trtrtd alignleft PaleVioletRed/anbsp;/tdtd alignleft #DB7093/a/tdtd bgcolor#DB7093nbsp;/td/trtrtd alignleft PapayaWhip/anbsp;/tdtd alignleft #FFEFD5/a/tdtd bgcolor#FFEFD5nbsp;/td/trtrtd alignleft PeachPuff/anbsp;/tdtd alignleft #FFDAB9/a/tdtd bgcolor#FFDAB9nbsp;/td/trtrtd alignleft Peru/anbsp;/tdtd alignleft #CD853F/a/tdtd bgcolor#CD853Fnbsp;/td/trtrtd alignleft Pink/anbsp;/tdtd alignleft #FFC0CB/a/tdtd bgcolor#FFC0CBnbsp;/td/trtrtd alignleft Plum/anbsp;/tdtd alignleft #DDA0DD/a/tdtd bgcolor#DDA0DDnbsp;/td/trtrtd alignleft PowderBlue/anbsp;/tdtd alignleft #B0E0E6/a/tdtd bgcolor#B0E0E6nbsp;/td/trtrtd alignleft Purple/anbsp;/tdtd alignleft #800080/a/tdtd bgcolor#800080nbsp;/td/trtrtd alignleft Red/anbsp;/tdtd alignleft #FF0000/a/tdtd bgcolor#FF0000nbsp;/td/trtrtd alignleft RosyBrown/anbsp;/tdtd alignleft #BC8F8F/a/tdtd bgcolor#BC8F8Fnbsp;/td/trtrtd alignleft RoyalBlue/anbsp;/tdtd alignleft #4169E1/a/tdtd bgcolor#4169E1nbsp;/td/trtrtd alignleft SaddleBrown/anbsp;/tdtd alignleft #8B4513/a/tdtd bgcolor#8B4513nbsp;/td/trtrtd alignleft Salmon/anbsp;/tdtd alignleft #FA8072/a/tdtd bgcolor#FA8072nbsp;/td/trtrtd alignleft SandyBrown/anbsp;/tdtd alignleft #F4A460/a/tdtd bgcolor#F4A460nbsp;/td/trtrtd alignleft SeaGreen/anbsp;/tdtd alignleft #2E8B57/a/tdtd bgcolor#2E8B57nbsp;/td/trtrtd alignleft SeaShell/anbsp;/tdtd alignleft #FFF5EE/a/tdtd bgcolor#FFF5EEnbsp;/td/trtrtd alignleft Sienna/anbsp;/tdtd alignleft #A0522D/a/tdtd bgcolor#A0522Dnbsp;/td/trtrtd alignleft Silver/anbsp;/tdtd alignleft #C0C0C0/a/tdtd bgcolor#C0C0C0nbsp;/td/trtrtd alignleft SkyBlue/anbsp;/tdtd alignleft #87CEEB/a/tdtd bgcolor#87CEEBnbsp;/td/trtrtd alignleft SlateBlue/anbsp;/tdtd alignleft #6A5ACD/a/tdtd bgcolor#6A5ACDnbsp;/td/trtrtd alignleft SlateGray/anbsp;/tdtd alignleft #708090/a/tdtd bgcolor#708090nbsp;/td/trtrtd alignleft Snow/anbsp;/tdtd alignleft #FFFAFA/a/tdtd bgcolor#FFFAFAnbsp;/td/trtrtd alignleft SpringGreen/anbsp;/tdtd alignleft #00FF7F/a/tdtd bgcolor#00FF7Fnbsp;/td/trtrtd alignleft SteelBlue/anbsp;/tdtd alignleft #4682B4/a/tdtd bgcolor#4682B4nbsp;/td/trtrtd alignleft Tan/anbsp;/tdtd alignleft #D2B48C/a/tdtd bgcolor#D2B48Cnbsp;/td/trtrtd alignleft Teal/anbsp;/tdtd alignleft #008080/a/tdtd bgcolor#008080nbsp;/td/trtrtd alignleft Thistle/anbsp;/tdtd alignleft #D8BFD8/a/tdtd bgcolor#D8BFD8nbsp;/td/trtrtd alignleft Tomato/anbsp;/tdtd alignleft #FF6347/a/tdtd bgcolor#FF6347nbsp;/td/trtrtd alignleft Turquoise/anbsp;/tdtd alignleft #40E0D0/a/tdtd bgcolor#40E0D0nbsp;/td/trtrtd alignleft Violet/anbsp;/tdtd alignleft #EE82EE/a/tdtd bgcolor#EE82EEnbsp;/td/trtrtd alignleft Wheat/anbsp;/tdtd alignleft #F5DEB3/a/tdtd bgcolor#F5DEB3nbsp;/td/trtrtd alignleft White/anbsp;/tdtd alignleft #FFFFFF/a/tdtd bgcolor#FFFFFFnbsp;/td/trtrtd alignleft WhiteSmoke/anbsp;/tdtd alignleft #F5F5F5/a/tdtd bgcolor#F5F5F5nbsp;/td/trtrtd alignleft Yellow/anbsp;/tdtd alignleft #FFFF00/a/tdtd bgcolor#FFFF00nbsp;/td/trtrtd alignleft YellowGreen/anbsp;/tdtd alignleft #9ACD32/a/tdtd bgcolor#9ACD32nbsp;/td/tr
/table
body
/body/html
