CSS颜色代码大全

css 8位颜色编码在CSS中，颜色可以使用8位编码来表示。

一个8位颜色编码由两个十六进制数字组成，分别表示红色、绿色和蓝色的强度。

每种颜色的强度值范围从00到FF，其中00表示没有颜色强度，FF表示最大的颜色强度。

例如，编码#FF0000代表纯红色，其中#表示该值为一个颜色编码，FF表示红色的最大强度，而其他两种颜色则没有强度。

下面是一些常用的8位颜色编码的示例:- #000000 ：表示完全黑色，所有三种颜色的强度都为最小值。

- #FFFFFF ：表示完全白色，所有三种颜色的强度都为最大值。

- #FF0000 ：表示纯红色，红色强度最大，绿色和蓝色强度为最小值。

- #00FF00 ：表示纯绿色，绿色强度最大，红色和蓝色强度为最小值。

- #0000FF ：表示纯蓝色，蓝色强度最大，红色和绿色强度为最小值。

使用8位颜色编码可以为网页添加丰富多彩的背景色、字体色或边框色。

可以在CSS样式表中使用以下语法来设置元素的颜色属性：```selector {color: #FF0000;background-color: #00FF00;border-color: #0000FF;}```以上代码将分别设置选择器匹配的元素的文本颜色为红色、背景颜色为绿色以及边框颜色为蓝色。

使用8位颜色编码能够提供广泛的颜色选择，通过挑选不同的强度值可以创造出不同的色彩效果。

但是需要注意，对于颜色盲或低视力的人来说，区分在视觉上相似的颜色可能会有困难，因此在设计网页时应该考虑到这一点，并确保网页的可读性和可访问性。

总结起来，CSS的8位颜色编码为我们提供了一种简单而且灵活的方式来定义网页中的颜色。

通过选择适当的颜色编码，我们可以创建出各种各样的色彩组合，从而为用户提供更好的视觉体验。

颜色代码#000000 #CCFFFF #99FFFF #66FFFF #33FFFF #00FFFF#000FCC #CCFFCC #99FFCC #66FFCC #33FFCC #00FFCC#000F99 #CCFF99 #99FF99 #66FF99 #33FF99 #00FF99#000F66 #CCFF66 #99FF66 #66FF66 #33FF66 #00FF66#000F33 #CCFF33 #99FF33 #66FF33 #33FF33 #00FF33#000F00 #CCFF00 #99FF00 #66FF00 #33FF00 #00FF00#FFCCFF #CCCCFF #99CCFF #66CCFF #33CCFF #00CCFF #FFCCCC #CCCCCC #99CCCC #66CCCC #33CCCC #00CCCC #FFCC99 #CCCC99 #99CC99 #66CC99 #33CC99 #00CC99 #FFCC66 #CCCC66 #99CC66 #66CC66 #33CC66 #00CC66 #FFCC33 #CCCC33 #99CC33 #66CC33 #33CC33 #00CC33 #FFCC00 #CCCC00 #99CC00 #66CC00 #33CC00 #00CC00#FF99FF #CC99FF #9999FF #6699FF #3399FF #0099FF #FF99CC #CC99CC #9999CC #6699CC #3399CC #0099CC #FF9999 #CC9999 #999999 #669999 #339999 #009999 #FF9966 #CC9966 #999966 #669966 #339966 #009966 #FF9933 #CC9933 #999933 #669933 #339933 #009933 #FF9900 #CC9900 #999900 #669900 #339900 #009900 #FF66FF #CC66FF #9966FF #6666FF #3366FF #0066FF#FF66CC #CC66CC #9966CC #6666CC #3366CC #0066CC#FF6699 #CC6699 #996699 #666699 #336699 #006699#FF6666 #CC6666 #996666 #666666 #336666 #006666#FF6633 #CC6633 #996633 #666633 #336633 #006633#FF6600 #CC6600 #996600 #666600 #336600 #006600#FF33FF CC33FF #9933FF #6633FF #3333FF #0033FF#FF33CC #CC33CC #9933CC #6633CC #3333CC #0033CC#FF3399 #CC3399 #993399 #663399 #333399 #003399#FF3366 #CC3366 #993366 #663366 #333366 #003366#FF3333 #CC3333 #993333 #663333 #333333 #003333#FF3300 #CC3300 #993300 #663300 #333300 #003300#FF00FF #CC00FF #9900FF #6600FF #3300FF #0000FF#FF00CC #CC00CC #9900CC #6600CC #3300CC #0000CC#FF0099 #CC0099 #990099 #660099 #330099 #000099#FF0066 #CC0066 #990066 #660066 #330066 #000066#FF0033 #CC0033 #990033 #660033 #330033 #000033#FF0000 #CC0000 #990000 #660000 #330000 #000000WHITE red BULE GREEN YELLOW PINKORANGE LIME SEAGREEN MEDIUMSEAGREEN BROWN PURPLENA VY AQUA DARKBLUE GRAY DARKRED ORANGEREDGOLD SILVER TOMATO IVORY CORAL BLACKPLUM OLIVE TEAL TAN CRIMSON AZURE巧用Dreamweaver轻松制作网页页内连接在网页制作中我们经常会遇到有时需要制作页内连接的情况，比如首先列出一个目录，然后后面内容是按目录列出的，我们需要实现的是当点击目录中的一项时，直接转到内容页面。

css颜色代码大全CSS颜色代码大全。

在网页设计中，颜色的运用是非常重要的，它能够直接影响到用户的视觉体验和情绪感受。

而在CSS中，我们常常需要用到颜色代码来定义元素的颜色。

本文将为大家详细介绍CSS中常用的颜色代码，希望能够帮助大家更好地运用颜色来设计网页。

一、RGB颜色代码。

RGB颜色代码是由红（Red）、绿（Green）、蓝（Blue）三种颜色按照不同的比例混合而成的，每种颜色的取值范围是0-255。

在CSS中，我们可以使用rgb()函数来定义颜色，例如：```css。

div {。

background-color: rgb(255, 0, 0); / 红色 /。

}。

```。

二、十六进制颜色代码。

除了使用RGB颜色代码外，我们还可以使用十六进制颜色代码来表示颜色。

它由井号（#）和6位十六进制数组成，前两位表示红色分量，中间两位表示绿色分量，最后两位表示蓝色分量。

例如：```css。

div {。

background-color: #ff0000; / 红色 /。

}。

```。

三、颜色关键字代码。

在CSS中，还有一些颜色关键字可以直接使用，比如red、green、blue等。

这些颜色关键字代表了常见的颜色，使用起来非常方便。

例如：```css。

div {。

color: red; / 红色 /。

}。

```。

四、HSL颜色代码。

HSL颜色代码是由色相（Hue）、饱和度（Saturation）、亮度（Lightness）三个参数来定义颜色的，它能够更直观地表示颜色。

在CSS中，我们可以使用hsl()函数来定义颜色，例如：```css。

div {。

background-color: hsl(0, 100%, 50%); / 红色 /。

}。

```。

五、透明度。

除了定义颜色外，我们还可以使用rgba()函数来定义带有透明度的颜色。

其中，最后一个参数表示透明度，取值范围是0-1。

例如：```css。

div {。

CSS颜⾊代码⼤全CSS颜⾊代码⼤全颜⾊代码表（⼀）：EEEEEE FFCCFF FF66FF FF00FF DDDDDD FFCCCC FF66CC FF00CC CCCCCC FFCC99FF6699FF0099 BBBBBB FFCC66FF6666FF0066 AAAAAA FFCC33FF6633FF0033 999999FFCC00FF6600FF0000 888888CCCCFF CC66FF CC00FF 777777CCCCCC CC66CC CC00CC 666666CCCC99CC6699CC0099 555555CCCC66CC6666CC0066 444444CCCC33CC6633CC0033 333333CCCC00CC6600CC0000 22222299CCFF9966FF9900FF 11111199CCCC9966CC9900CC 00000099CC99996699990099 FF000099CC66996666990066 EE000099CC33996633990033 DD000099CC00996600990000 CC000066CCFF6666FF6600FF BB000066CCCC6666CC6600CC AA000066CC99666699660099 99000066CC66666666660066 88000066CC33666633660033 77000066CC00666600660000 66000033CCFF3366FF3300FF 55000033CCCC3366CC3300CC 44000033CC99336699330099 33000033CC66336666330066 22000033CC33336633330033 11000033CC00336600330000 FFFFFF00CCFF0066FF0000FF FFFFCC00CCCC0066CC0000CC FFFF9900CC99006699000099 FFFF6600CC66006666000066 FFFF3300CC33006633000033 FFFF0000CC00006600000000 CCFFFF FF99FF FF33FF00FF00 CCFFCC FF99CC FF33CC00EE00 CCFF99FF9999FF339900DD00 CCFF66FF9966FF336600CC00CCFF33FF9933FF333300BB00 CCFF00FF9900FF330000AA00 99FFFF CC99FF CC33FF990099 99FFCC CC99CC CC33CC008800 99FF99CC9999CC339900770099FF99CC9999CC339900770099FF66CC9966CC336600660099FF33CC9933CC333300550099FF00CC9900CC330000440066FFFF9999FF9933FF00330066FFCC9999CC9933CC00220066FF9999999999339900110066FF669999669933660000FF66FF339999339933330000EE66FF009999009933000000DD33FFFF6699FF6633FF0000CC33FFCC6699CC6633CC0000BB33FF996699996633990000AA33FF6666996666336600009933FF3366993366333300008833FF0066990066330000007700FFFF3399FF3333FF00006600FFCC3399CC3333CC00005500FF9933999933339900004400FF6633996633336600003300FF3333993333333300002200FF003399003333000000110099FF0033FF0099CC0033CC009999003399009966003366009933003333009900003300颜⾊代码表（⼆）：FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000 #FFB7DD#FF88C2#FF44AA#FF0088#C10066#A20055#8C0044 #FFCCCC#FF8888#FF3333#FF0000#CC0000#AA0000#880000 #FFC8B4#FFA488#FF7744#FF5511#E63F00#C63300#A42D00 #FFDDAA#FFBB66#FFAA33#FF8800#EE7700#CC6600#BB5500 #FFEE99#FFDD55#FFCC22#FFBB00#DDAA00#AA7700#886600 #FFFFBB#FFFF77#FFFF33#FFFF00#EEEE00#BBBB00#888800 #EEFFBB#DDFF77#CCFF33#BBFF00#99DD00#88AA00#668800 #CCFF99#BBFF66#99FF33#77FF00#66DD00#55AA00#227700 #99FF99#66FF66#33FF33#00FF00#00DD00#00AA00#008800 #BBFFEE#77FFCC#33FFAA#00FF99#00DD77#00AA55#008844 #AAFFEE#77FFEE#33FFDD#00FFCC#00DDAA#00AA88#008866 #99FFFF#66FFFF#33FFFF#00FFFF#00DDDD#00AAAA#008888 #CCEEFF#77DDFF#33CCFF#00BBFF#009FCC#0088A8#007799 #CCDDFF#99BBFF#5599FF#0066FF#0044BB#003C9D#003377 #CCCCFF#9999FF#5555FF#0000FF#0000CC#0000AA#000088 #CCBBFF#9F88FF#7744FF#5500FF#4400CC#2200AA#220088 #D1BBFF#B088FF#9955FF#7700FF#5500DD#4400B3#3A0088 #E8CCFF#D28EFF#B94FFF#9900FF#7700BB#66009D#550088 #F0BBFF#E38EFF#E93EFF#CC00FF#A500CC#7A0099#660077 #FFB3FF#FF77FF#FF3EFF#FF0 0FF#CC00CC#990099#770077颜⾊代码表（三）：酒红~鲜红顏⾊名稱代碼顏⾊maroon#800000　darkred#8B0000　brown#A52A2A　firebrick#B22222　crimson#DC143C　red#FF0000　桃紅~紛紅顏⾊名稱代碼顏⾊mediumvioletred#C71585　palevioletred#D87093　deeppink#FF1493　fuchsia(magenta)#FF00FF　hotpink#FF69B4　pink#FFC0CB　lightpink#FFB6C1　mistyrose#FFE4E1　lavenderblush#FFF0F5　紫顏⾊名稱代碼顏⾊indigo#4B0082　purple#800080　darkmagenta#8B008B　darkorchid#9932CC　blueviolet#8A2BE2　darkviolet#9400D3　slateblue#6A5ACD　mediumpurple#9370DB　mediumslateblue#7B68EE　mediumorchid#BA55D3　violet#EE82EE　plum#DDA0DD　thistle#D8BFD8　lavender#E6E6FA　褐~橘~⽶⽩顏⾊名稱代碼顏⾊saddlebrown#8B4513　snna#A0522D　chocolate#D2691E　indianred#CD5C5C　rosybrown#BC8F8F　lightcorol#F08080　salmon#FA8072　salmon#FA8072　lightsalmon#FFA07A　orangered#FF4500　tomato#FF6347　coral#FF7F50　darkorange#FF8C00　sandybrown#F4A460　peru#CD853F　tan#D2B48C　burlywood#DEB887　wheat#F5DEB3　moccasin#FFE4B5　navajowhite#FFDEAD　peachpuff#FFDAB9　bisque#FFE4C4　antuquewhite#FAEBD7　papayawhip#FFEFD5　cornsilk#FFF8DC　oldlace#FDF5E6　linen#FAF0E6　seashell#FFF5EE　snow#FFFAFA　floralwhite#FFFAF0　ivory#FFFFF0　mintcream#F5FFFA　⾦~⿈顏⾊名稱代碼顏⾊darkgoldenrod#B8860B　goldenrod#DAA520　gold#FFD700　yellow#FFFF00　darkkhaki#BDB76B　khaki#F0E68C　palegoldenrod#EEE8AA　beige#F5F5DC　lemonchiffon#FFFACD　lightgoldenrodyellow#FAFAD2　lightyellow#FFFFE0　~⿈綠顏⾊名稱代碼顏⾊darkslategray#2F4F4F　darkolivegreen#556B2F　olive#808000　darkgreen#006400　forestgreen#228B22　seagreen#2E8B57　green(teal)#008080　lightseagreen#20B2AA　madiumaquamarine#66CDAA　mediumseagreen#3CB371　darkseagreen#8FBC8F　yellowgreen#9ACD32　limegreen#32CD32　lime#00FF00　chartreuse#7FFF00　lawngreen#7CFC00　greenyellow#ADFF2F　mediumspringgreen#00FA9A　springgreen#00FF7F　lightgreen#90EE90　palegreen#98F898　aquamarine#7FFFD4　honeydew#F0FFF0　藍顏⾊名稱代碼顏⾊midnightblue#191970　navy#000080　darkblue#00008B　darkslateblue#483D8B　mediumblue#0000CD　royalblue#4169E1　dodgerblue#1E90FF　cornflowerblue#6495ED　deepskyblue#00BFFF　lightskyblue#87CEFA　lightsteelblue#B0C4DE　lightblue#ADD8E6　steelblue#4682B4　darkcyan#008B8B　cadetblue#5F9EA0　darkturquoise#00CED1　mediumturquoise#48D1CC　turquoise#40E0D0　skyblue#87CECB　powderblue#B0E0E6　paleturquoise#AFEEEE　lightcyan#E0FFFF　azure#F0FFFF　aliceblue#F0F8FF　aqua(cyan)#00FFFF　⿊~灰~⽩顏⾊名稱代碼顏⾊black#000000　dimgray#696969　gray#808080　slategray#708090　lightslategray#778899　darkgray#A9A9A9　silver#C0C0C0　lightgray#D3D3D3　gainsboro#DCDCDC　whitesmoke#F5F5F5　ghostwhite#F8F8FF　white#FFFFFF颜⾊代码表（四）：#FFFFFF#FFFFF0#FFFFE0#FFFF00 #FFFAFA#FFFAF0#FFFACD#FFF8DC #FFF68F#FFF5EE#FFF0F5#FFEFDB #FFEFD5#FFEC8B#FFEBCD#FFE7BA #FFE4E1#FFE4C4#FFE4B5#FFE1FF #FFDEAD#FFDAB9#FFD700#FFD39B #FFC1C1#FFC125#FFC0CB#FFBBFF #FFB90F#FFB6C1#FFB5C5#FFAEB9 #FFA54F#FFA500#FFA07A#FF8C69 #FF8C00#FF83FA#FF82AB#FF8247 #FF7F50#FF7F24#FF7F00#FF7256 #FF6EB4#FF6A6A#FF69B4#FF6347 #FF4500#FF4040#FF3E96#FF34B3 #FF3030#FF1493#FF00FF#FF0000 #FDF5E6#FCFCFC#FAFAFA#FAFAD2 #FAF0E6#FAEBD7#FA8072#F8F8FF #F7F7F7#F5FFFA#F5F5F5#F5F5DC #F5DEB3#F4F4F4#F4A460#F2F2F2#F0FFFF#F0FFF0#F0F8FF#F0F0F0 #F0E68C#F08080#EEEEE0#EEEED1#EEEE00#EEE9E9#EEE9BF#EEE8CD#EEE8AA#EEE685#EEE5DE#EEE0E5#EEDFCC#EEDC82#EED8AE#EED5D2#EED5B7#EED2EE#EECFA1#EECBAD#EEC900#EEC591#EEB4B4#EEB422#EEAEEE#EEAD0E#EEA9B8#EEA2AD#EE9A49#EE9A00#EE9572#EE82EE#EE8262#EE7AE9#EE799F#EE7942#EE7621#EE7600#EE6AA7#EE6A50#EE6363#EE5C42#EE4000#EE3B3B#EE3A8C#EE30A7#EE2C2C#EE1289#EE00EE#EE0000#EDEDED#EBEBEB#EAEAEA#E9967A#E8E8E8#E6E6FA#E5E5E5#E3E3E3#E0FFFF#E0EEEE#E0EEE0#E0E0E0#E066FF#DEDEDE#DEB887#DDA0DD#DCDCDC#DC143C#DBDBDB#DB7093#DAA520#DA70D6#D9D9D9#D8BFD8#D6D6D6#D4D4D4#D3D3D3#D2B48C#D2691E#D1EEEE#D1D1D1#D15FEE#D02090#CFCFCF#CDCDC1#CDCDB4#CDCD00#CDC9C9#CDC9A5#CDC8B1#CDC673#CDC5BF#CDC9A5#CDC8B1#CDC673#CDC5BF #CDC1C5#CDC0B0#CDBE70#CDBA96 #CDB7B5#CDB79E#CDB5CD#CDB38B #CDAF95#CDAD00#CDAA7D#CD9B9B #CD9B1D#CD96CD#CD950C#CD919E #CD8C95#CD853F#CD8500#CD8162 #CD7054#CD69C9#CD6889#CD6839 #CD661D#CD6600#CD6090#CD5C5C #CD5B45#CD5555#CD4F39#CD3700 #CD3333#CD3278#CD2990#CD2626 #CD1076#CD00CD#CD0000#CCCCCC #CAFF70#CAE1FF#C9C9C9#C7C7C7 #C71585#C6E2FF#C67171#C5C1AA #C4C4C4#C2C2C2#C1FFC1#C1CDCD #C1CDC1#C1C1C1#C0FF3E#BFEFFF #BFBFBF#BF3EFF#BEBEBE#BDBDBD #BDB76B#BCEE68#BCD2EE#BC8F8F #BBFFFF#BABABA#BA55D3#B9D3EE #B8B8B8#B8860B#B7B7B7#B5B5B5 #B4EEB4#B4CDCD#B452CD#B3EE3A #B3B3B3#B2DFEE#B23AEE#B22222 #B0E2FF#B0E0E6#B0C4DE#B0B0B0 #B03060#AEEEEE#ADFF2F#ADD8E6 #ADADAD#ABABAB#AB82FF#AAAAAA #A9A9A9#A8A8A8#A6A6A6#A52A2A #A4D3EE#A3A3A3#A2CD5A#A2B5CD #A1A1A1#A0522D#A020F0#9FB6CD #9F79EE#9E9E9E#9C9C9C#9BCD9B #9B30FF#9AFF9A#9ACD32#9AC0CD #9A32CD#999999#9932CC#98FB98 #98F5FF#97FFFF#96CDCD#969696 #949494#9400D3#9370DB#919191 #912CEE#90EE90#8FBC8F#8F8F8F #8EE5EE#8E8E8E#8E8E38#8E388E #8DEEEE#8DB6CD#8C8C8C#8B8B83 #8B8B7A#8B8B00#8B8989#8B8970 #8B8878#8B8682#8B864E#8B8386 #8B8378#8B814C#8B7E66#8B7D7B #8B7D6B#8B7B8B#8B795E#8B7765 #8B7500#8B7355#8B6969#8B6914 #8B668B#8B6508#8B636C#8B5F65 #8B5A2B#8B5A00#8B5742#8B4C39 #8B4789#8B475D#8B4726#8B4513 #8B4500#8B3E2F#8B3A62#8B3A3A #8B3626#8B2500#8B2323#8B2252#8B1C62#8B1A1A#8B0A50#8B008B #8B0000#8A8A8A#8A2BE2#8968CD #87CEFF#87CEFA#87CEEB#878787 #858585#848484#8470FF#838B8B #838B83#836FFF#828282#7FFFD4 #7FFF00#7F7F7F#7EC0EE#7D9EC0 #7D7D7D#7D26CD#7CFC00#7CCD7C #7B68EE#7AC5CD#7A8B8B#7A7A7A #7A67EE#7A378B#79CDCD#787878 #778899#76EEC6#76EE00#757575 #737373#71C671#7171C6#708090 #707070#6E8B3D#6E7B8B#6E6E6E #6CA6CD#6C7B8B#6B8E23#6B6B6B #6A5ACD#698B69#698B22#696969 #6959CD#68838B#68228B#66CDAA #66CD00#668B8B#666666#6495ED #63B8FF#636363#616161#607B8B #5F9EA0#5E5E5E#5D478B#5CACEE #5C5C5C#5B5B5B#595959#575757 #556B2F#555555#551A8B#54FF9F #548B54#545454#53868B#528B8B #525252#515151#4F94CD#4F4F4F #4EEE94#4D4D4D#4B0082#4A708B #4A4A4A#48D1CC#4876FF#483D8B #474747#473C8B#4682B4#458B74 #458B00#454545#43CD80#436EEE #424242#4169E1#40E0D0#404040 #3D3D3D#3CB371#3B3B3B#3A5FCD #388E8E#383838#36648B#363636 #333333#32CD32#303030#2F4F4F #2E8B57#2E2E2E#2B2B2B#292929 #282828#27408B#262626#242424 #228B22#218868#212121#20B2AA #1F1F1F#1E90FF#1E1E1E#1C86EE #1C1C1C#1A1A1A#191970#1874CD #171717#141414#121212#104E8B #0F0F0F#0D0D0D#0A0A0A#080808 #050505#030303#00FFFF#00FF7F #00FF00#00FA9A#00F5FF#00EEEE #00EE76#00EE00#00E5EE#00CED1 #00CDCD#00CD66#00CD00#00C5CD #00BFFF#00B2EE#009ACD#008B8B #008B45#008B00#00868B#00688B #006400#0000FF#0000EE#0000CD #0000AA#00008B#000080#00000颜⾊代码表（五）：红⾊和粉红⾊，以及它们的16进制代码。

CSS颜色代码大全参照表CSS颜色代码是用来设置网页元素的颜色的一种方法。

在CSS中，可以使用多种方式来表示颜色，包括预定义的颜色名称、十六进制值、RGB值、HSL值等等。

下面是一个CSS颜色代码的大全参照表，包含了常用的颜色名称和对应的代码表示。

1. 预定义颜色名称：- black: #000000- silver: #C0C0C0- gray: #808080- white: #FFFFFF- maroon: #800000- red: #FF0000- purple: #800080- fuchsia: #FF00FF- green: #008000- lime: #00FF00- olive: #808000- yellow: #FFFF00- navy: #000080- blue: #0000FF- teal: #008080- aqua: #00FFFF2. 十六进制颜色值：十六进制颜色值由6位十六进制数字组成，前两位表示红色分量，中间两位表示绿色分量，最后两位表示蓝色分量。

每个分量的取值范围是00到FF，其中00表示最小值，FF表示最大值。

例如，红色的十六进制颜色值是#FF0000，绿色的十六进制颜色值是#00FF00，蓝色的十六进制颜色值是#0000FF。

3. RGB颜色值：RGB颜色值由三个数字组成，分别表示红色分量、绿色分量和蓝色分量。

每个分量的取值范围是0到255，其中0表示最小值，255表示最大值。

例如，红色的RGB颜色值是rgb(255, 0, 0)，绿色的RGB颜色值是rgb(0, 255, 0)，蓝色的RGB颜色值是rgb(0, 0, 255)。

4. RGBA颜色值：RGBA颜色值和RGB颜色值类似，只是在RGB颜色值的基础上添加了一个透明度分量。

透明度分量的取值范围是0到1，其中0表示完全透明，1表示完全不透明。

例如，红色完全不透明的RGBA颜色值是rgba(255, 0, 0, 1)，绿色半透明的RGBA颜色值是rgba(0, 255, 0, 0.5)，蓝色完全透明的RGBA颜色值是rgba(0, 0, 255, 0)。

颜色代码表颜色在我们日常生活中扮演着重要的角色，它不仅能给人带来美感，还能影响我们的情绪和行为。

在数字化的世界中，颜色代码表成为了设计师、开发者和制造商们不可或缺的工具。

通过颜色代码表，我们可以准确地指定所需的颜色，使得视觉设计工作更加高效和精确。

HTML颜色代码表HTML颜色代码采用十六进制的表示方法，以#开头，后面跟着6位十六进制数字，分别代表RGB（红绿蓝）三种颜色的强度。

以下是一些常用的HTML颜色代码：•#FFFFFF - 白色•#000000 - 黑色•#FF0000 - 红色•#00FF00 - 绿色•#0000FF - 蓝色CSS颜色代码表在CSS中，除了使用HTML颜色代码外，还可以使用颜色名称或RGB值表示颜色。

以下是一些CSS颜色代码示例：p {color: red;/* 红色 */}span {color: rgb(255,0,0);/* 红色 */}颜色心理学颜色不仅是视觉的刺激，也能引起心理上的联想和情绪。

不同的颜色对人们的情绪和行为产生不同的影响。

比如：•红色：激发人们的注意力，代表热情和力量。

•蓝色：给人带来安宁和冷静的感觉，常用于压力大的环境。

•黄色：象征活力和快乐，可以提升人们的心情。

颜色搭配原则在设计中，颜色的搭配是至关重要的。

一些常见的颜色搭配原则包括：•互补色：挑选彼此在色轮上相对位置相反的颜色，如红绿、蓝橙等。

•类比色：选择在色轮上相邻的颜色，如红橙黄、蓝紫等。

•单色调：使用同一颜色的不同深浅变化，营造简洁而和谐的氛围。

结语颜色代码表是我们数字时代不可或缺的工具，它为我们提供了丰富多彩的选择，让我们的设计工作更加便捷和精确。

通过对颜色的深入理解和合理运用，我们可以创造出更具吸引力和影响力的作品。

希望本文分享的颜色代码表和相关知识能够帮助您在设计工作中取得更好的效果。

常用css颜色CSS颜色是指在CSS样式表中使用的颜色值。

CSS颜色值可以使用颜色名称、十六进制颜色值、RGB颜色值、HSL颜色值等表示。

其中，使用颜色名称表示的颜色值比较常用且易于记忆，以下是常用的CSS 颜色名称列表：1.黑色：#000000（RGB(0,0,0)）2.白色：#FFFFFF（RGB(255,255,255)）3.红色：#FF0000（RGB(255,0,0)）4.橙色：#FFA500（RGB(255,165,0)）5.黄色：#FFFF00（RGB(255,255,0)）6.绿色：#008000（RGB(0,128,0)）7.蓝色：#0000FF（RGB(0,0,255)）8.靛蓝色：#4B0082（RGB(75,0,130)）9.紫色：#800080（RGB(128,0,128)）10.粉色：#FFC0CB（RGB(255,192,203)）11.棕色：#A52A2A（RGB(165,42,42)）12.灰色：#808080（RGB(128,128,128)）13.银色：#C0C0C0（RGB(192,192,192)）14.金色：#FFD700（RGB(255,215,0)）15.深蓝色：#000080（RGB(0,0,128)）这些颜色名称在编写CSS样式表时比较常用，可以快速设置页面元素的背景色、文本颜色、边框颜色等。

当然，除了这些颜色名称外，还可以使用十六进制颜色值、RGB颜色值、HSL颜色值等其他方式来表示颜色。

总之，掌握常用的CSS颜色名称是编写CSS样式表的基础。

在实际开发中，开发者应该根据具体情况选择合适的颜色值，并灵活使用各种表示颜色的方式，以满足页面的设计需求。

0CSS 颜色大全css 字体颜色CSS 颜色大全css 字体颜色,将颜色代码代替css里面的颜色，就可以。

div中控制某段字体颜色html代码div id=sidebar spanCSS 颜色大全css 字体颜色/span/div CSS文件#sidebar { } #sidebar .span{ color:#••你正在观看的是:CSS 颜色大全css 字体颜色CSS 颜色大全css 字体颜色,将颜色代码代替css里面的颜色，就可以。

div中控制某段字体颜色html代码<div id="sidebar"><span>CSS 颜色大全css 字体颜色</span></div>CSS文件#sidebar { }#sidebar .span{ color:#FF0000 }1 白色#FFFFFF2 红色#FF00003 绿色#00FF004 蓝色#0000FF5 牡丹红#FF00FF6 青色#00FFFF7 黄色#FFFF008 黑色#0000009 海蓝#70DB93 10 巧克力色#5C331711 蓝紫色#9F5F9F 12 黄铜色#B5A64213 亮金色#D9D91914 棕色#A67D3D15 青铜色#8C785316 2号青铜色#A67D3D 17 士官服蓝色#5F9F9F18 冷铜色#D9871919 铜色#B8733320 珊瑚红#FF7F0021 紫蓝色#42426F 22 深棕#5C403323 深绿#2F4F2F24 深铜绿色#4A766E25 深橄榄绿#4F4F2F26 深兰花色#9932CD 27 深紫色#871F7828 深石板蓝#6B238E29 深铅灰色#2F4F4F30 深棕褐色#97694F32 深绿松石色#7093DB 32 深绿松石色#7093DB33 暗木色#855E4234 淡灰色#54545435 土灰玫瑰红色#85636336 长石色#D19275 37 火砖色#8E232362 褐红色#8E236B63 中海蓝色#32CD9964 中蓝色#3232CD65 中森林绿#6B8E23 66 中鲜黄色#EAEAAE67 中兰花色#9370DB68 中海绿色#426F4269 中石板蓝色#7F00FF70 中春绿色#7FFF00 71 中绿松石色#70DBDB72 中紫红色#DB709373 中木色#A6806474 深藏青色#2F2F4F75 海军蓝#23238E 76 霓虹篮#4D4DFF77 霓虹粉红#FF6EC778 新深藏青色#00009C79 新棕褐色#EBC79E80 暗金黄色#CFB53B 81 橙色#FF7F0082 橙红色#FF240083 淡紫色#DB70DB84 浅绿色#8FBC8F85 粉红色#BC8F8F 86 李子色#EAADEA87 石英色#D9D9F388 艳蓝色#5959AB89 鲑鱼色#6F424290 猩红色#BC1717 91 海绿色#238E6892 半甜巧克力色#6B422693 赭色#8E6B2394 银色#E6E8FA95 天蓝#3299CC 96 石板蓝#007FFF97 艳粉红色#FF1CAE98 春绿色#00FF7F99 钢蓝色#236B8E100 亮天蓝色#38B0DE 101 棕褐色#DB9370102 紫红色#D8BFD8103 石板蓝色#ADEAEA104 浓深棕色#5C4033105 淡浅灰色#CDCDCD 106 紫罗兰色#4F2F4F107 紫罗兰红色#CC3299108 麦黄色#D8D8BF109 黄绿色#99CCcss样式大全(整理版）字体属性：(font)大小{font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式{font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高{line-height: normal;}(正常) 单位：PX、PD、EM粗细{font-weight: bold;}(粗体) lighter;(细体) normal;(正常)变体{font-variant: small-caps;}(小型大写字母) normal;(正常)大小写{text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)修饰{text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)常用字体：(font-family)"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana背景属性：(background)色彩{background-color: #FFFFFF;}图片{background-image: url();}重复{background-repeat: no-repeat;}滚动{background-attachment: fixed;}(固定) scroll;(滚动)位置{background-position: left;}(水平) top(垂直);简写方法{background:#000 url(..) repeat fixed left top;} /*简写·这个在阅读代码中经常出现，要认真的研究*/区块属性：(Block) /*这个属性第一次认识，要多多研究*/字间距{letter-spacing: normal;} 数值/*这个属性似乎有用，多实践下*/对齐{text-align: justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中)缩进{text-indent: 数值px;}垂直对齐{vertical-align: baseline;}(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom;词间距word-spacing: normal; 数值空格white-space: pre;(保留) nowrap;(不换行)显示{display:block;}(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题) /*display 属性的了解很模糊*/方框属性：(Box)width:; height:; float:; clear:both; margin:; padding:; 顺序：上右下左边框属性：(Border)border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset;border-width:; 边框宽度border-color:#;简写方法border：width style color; /*简写*/列表属性：(List-style)类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;位置list-style-position: outside;(外) inside;图像list-style-image: url(..);定位属性：(Position)Position: absolute; relative; static;visibility: inherit; visible; hidden;overflow: visible; hidden; scroll; auto;clip: rect(12px,auto,12px,auto) (裁切)css属性代码大全一CSS文字属性：color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; /*小字体*/letter-spacing : 1pt; /*字间距离*/line-height : 200%; /*设置行高*/font-weight:bold; /*文字粗体*/vertical-align:sub; /*下标字*/vertical-align:super; /*上标字*/text-decoration:line-through; /*加删除线*/text-decoration: overline; /*加顶线*/text-decoration:underline; /*加下划线*/text-decoration:none; /*删除链接下划线*/text-transform : capitalize; /*首字大写*/text-transform : uppercase; /*英文大写*/text-transform : lowercase; /*英文小写*/text-align:right; /*文字右对齐*/text-align:left; /*文字左对齐*/text-align:center; /*文字居中对齐*/text-align:justify; /*文字分散对齐*/vertical-align属性vertical-align:top; /*垂直向上对齐*/vertical-align:bottom; /*垂直向下对齐*/vertical-align:middle; /*垂直居中对齐*/vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白padding-top:10px; /*上边框留空白*/padding-right:10px; /*右边框留空白*/padding-bottom:10px; /*下边框留空白*/padding-left:10px; /*左边框留空白三、CSS符号属性：list-style-type:none; /*不编号*/list-style-type:decimal; /*阿拉伯数字*/list-style-type:lower-roman; /*小写罗马数字*/list-style-type:upper-roman; /*大写罗马数字*/list-style-type:lower-alpha; /*小写英文字母*/list-style-type:upper-alpha; /*大写英文字母*/list-style-type:disc; /*实心圆形符号*/list-style-type:circle; /*空心圆形符号*/list-style-type:square; /*实心方形符号*/list-style-image:url(/dot.gif); /*图片式符号*/list-style-position: outside; /*凸排*/list-style-position:inside; /*缩进*/四、CSS背景样式：background-color:#F5E2EC; /*背景颜色*/ background:transparent; /*透视背景*/ background-image : url(/image/bg.gif); /*背景图片*/ background-attachment : fixed; /*浮水印固定背景*/ background-repeat : repeat; /*重复排列-网页默认*/background-repeat : no-repeat; /*不重复排列*/background-repeat : repeat-x; /*在x轴重复排列*/ background-repeat : repeat-y; /*在y轴重复排列*/指定背景位置background-position : 90% 90%; /*背景图片x与y轴的位置*/ background-position : top; /*向上对齐*/background-position : buttom; /*向下对齐*/background-position : left; /*向左对齐*/background-position : right; /*向右对齐*/background-position : center; /*居中对齐*/五、CSS连接属性：a /*所有超链接*/a:link /*超链接文字格式*/a:visited /*浏览过的链接文字格式*/a:active /*按下链接的格式*/a:hover /*鼠标转到链接*/鼠标光标样式：链接手指CURSOR: hand十字体cursor:crosshair箭头朝下cursor:s-resize十字箭头cursor:move箭头朝右cursor:move加一问号cursor:help箭头朝左cursor:w-resize箭头朝上cursor:n-resize箭头朝右上cursor:ne-resize箭头朝左上cursor:nw-resize文字I型cursor:text箭头斜右下cursor:se-resize箭头斜左下cursor:sw-resize漏斗cursor:wait光标图案(IE6) p {cursor:url("光标文件名.cur"),text;}六、CSS框线一览表：border-top : 1px solid #6699cc; /*上框线*/border-bottom : 1px solid #6699cc; /*下框线*/border-left : 1px solid #6699cc; /*左框线*/border-right : 1px solid #6699cc; /*右框线*/以上是建议书写方式,但也可以使用常规的方式如下: border-top-color : #369 /*设置上框线top颜色*/border-top-width :1px /*设置上框线top宽度*/border-top-style : solid/*设置上框线top样式*/其他框线样式solid /*实线框*/dotted /*虚线框*/double /*双线框*/groove /*立体内凸框*/ridge /*立体浮雕框*/inset /*凹框*/outset /*凸框*/七、CSS表单运用：文字方块按钮复选框选择钮多行文字方块下拉式菜单选项1选项2八、CSS边界样式：margin-top:10px; /*上边界*/margin-right:10px; /*右边界值*/margin-bottom:10px; /*下边界值*/margin-left:10px; /*左边界值*/CSS 属性：字体样式(Font Style)序号中文说明标记语法1 字体样式{font:font-style font-variant font-weight font-size font-family}2 字体类型{font-family:"字体1","字体2","字体3",...}3 字体大小{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}4 字体风格{font-style:inherit|italic|normal|oblique}5 字体粗细{font-weight:100-900|bold|bolder|lighter|normal;}6 字体颜色{color:数值;}7 阴影颜色{text-shadow:16位色值}8 字体行高{line-height:数值|inherit|normal;}9 字间距{letter-spacing:数值|inherit|normal}10 单词间距{word-spacing:数值|inherit|normal}11 字体变形{font-variant:inherit|normal|small-cps }12 英文转换{text-transform:inherit|none|capitalize|uppercase|lowercase}13 字体变形{font-size-adjust:inherit|none}14 字体{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|no rmal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}文本样式(Text Style)序号中文说明标记语法1 行间距{line-height:数值|inherit|normal;}2 文本修饰{text-decoration:inherit|none|underline|overline|line-through|blink}3 段首空格{text-indent:数值|inherit}4 水平对齐{text-align:left|right|center|justify}5 垂直对齐{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}6 书写方式{writing-mode:lr-tb|tb-rl}背景样式序号中文说明标记语法1 背景颜色{background-color:数值}2 背景图片{background-image: url(URL)|none}3 背景重复{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4 背景固定{background-attachment:fixed|scroll}5 背景定位{background-position:数值|top|bottom|left|right|center}6 背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置}框架样式(Box Style)序号中文说明标记语法1 边界留白{margin:margin-top margin-right margin-bottom margin-left}2 补白{padding:padding-top padding-right padding-bottom padding-left}3 边框宽度{border-width:border-top-width border-right-width border-bottom-width border-left-width}宽度值：thin|medium|thick|数值4 边框颜色{border-color:数值数值数值数值}数值：分别代表top、right、bottom、left颜色值5 边框风格{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}6 边框{border:border-width border-style color}上边框{border-top:border-top-width border-style color}右边框{border-right:border-right-width border-style color}下边框{border-bottom:border-bottom-width border-style color}左边框{border-left:border-left-width border-style color}7 宽度{width:长度|百分比| auto}8 高度{height:数值|auto}9 漂浮{float:left|right|none}10 清除{clear:none|left|right|both}分类列表序号中文说明标记语法1 控制显示{display:none|block|inline|list-item}2 控制空白{white-space:normal|pre|nowarp}3 符号列表{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper -alpha|none}4 图形列表{list-style-image:URL}5 位置列表{list-style-position:inside|outside}6 目录列表{list-style:目录样式类型|目录样式位置|url}7鼠标形状{cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resiz e|sw-resize}来自:。

兰花的紫色
#DA70D6
218,112,214
Thistle
蓟
#D8BFD8
216,191,216
plum
李子
#DDA0DD
221,160,221
Violet
紫罗兰
#EE82EE
238,130,238
Magenta
洋红
#FF00FF
255,0,255
Fuchsia
灯笼海棠(紫红色)
#FF00FF
255,0,255
Indigo
靛青
#4B0082
75,0,130
BlueViolet
深紫罗兰的蓝色
#8A2BE2
138,43,226
MediumPurple
适中的紫色
#9370DB
147,112,219
MediumSlateBlue
适中的板岩暗蓝灰色
#7B68EE
123,104,238
SlateBlue
板岩暗蓝灰色
#6A5ACD
字体颜色
SeaShell
海贝壳
#FFF5EE
255,245,238
Black;green;blue;purple;red;
字体颜色
LightCyan
淡青色
#E1FFFF
225,255,255
Black;green;blue;purple;red;
LightPink
浅粉红
#FFB6C1
255,182,193
#FA8072
250,128,114
Snow
雪
#FFFAFA
255,250,250
LightCoral
淡珊瑚色

减色 (CMYK) C. 青色(Cyan) M. 洋红色(Magenta) Y. 黄色(Yellow) K. 黑色(blacK)
拾色器-RGB(加色)与CMY(减色)是互补色, RGB以黑色为底色加，即RGB均为0是黑色，均为255是白色
CMY以白色为底色减，即CMY均为0是白色，均为100%是黑色 白色 #FFFFFF 黑色 #000000 蓝色 #0000FF 红色 #FF0000 黄色 #FFFF00 绿色 #00FF00
cyan
名词 n. 青绿色
形容词 a. 青绿色的
magenta
名词 n.
1. 红色苯胺染料;品红 2. 品红色,洋红色#
您使用的浏览器不受支持建议使用新版B ( Red，Green，Blue ) 用法RGB()函数使用下述公式计算表示颜色的长整数：65536 * Blue+ 256 * Green+ Red其中，Blue代表蓝色分量，Green代表绿色分 量，Red代表红色分量。各分量中，数值越小，亮度越低，数值越大，亮度越高。例如，RGB ( 0, 0, 0 )为黑色（亮度最 低），RGB ( 255, 255,255 )为白色（亮度最高）。

css样式代码大全CSS样式代码大全。

CSS（Cascading Style Sheets）是一种用于描述网页样式和布局的标记语言，它可以让我们轻松地控制网页的外观和布局。

在网页开发中，掌握各种CSS样式代码是非常重要的。

本文将为大家详细介绍各种常用的CSS样式代码，帮助大家更好地掌握CSS技术。

1. 文本样式。

在网页设计中，文本样式是非常重要的一部分。

我们可以通过CSS来设置文本的字体、大小、颜色、对齐方式等。

下面是一些常用的文本样式代码：```css。

/ 设置字体大小和颜色 /。

p {。

font-size: 16px;color: #333;}。

/ 设置文本对齐方式 /。

h1 {。

text-align: center;}。

/ 设置字体样式 /。

h2 {。

font-family: Arial, sans-serif;}。

```。

2. 背景样式。

背景样式可以让我们为网页元素设置背景图片、颜色、重复方式等。

下面是一些常用的背景样式代码：```css。

/ 设置背景颜色 /。

body {。

background-color: #f4f4f4;}。

/ 设置背景图片 /。

div {。

background-image: url('bg.jpg');background-repeat: no-repeat;}。

/ 设置背景大小和定位 /。

header {。

background-size: cover;background-position: center;}。

```。

3. 盒子模型样式。

盒子模型是CSS布局的基础，它包括内容、内边距、边框和外边距。

我们可以通过CSS来控制盒子模型的各个部分。

下面是一些常用的盒子模型样式代码：```css。

/ 设置内边距 /。

div {。

padding: 20px;}。

/ 设置边框样式 /。

img {。

border: 1px solid #ccc;}。

/ 设置外边距 /。

css代码大全css属性代码大全一 CSS文字属性： color : #999999; /*文字颜色*/ font-family :宋体，sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*力口删除线*/ text-decoration: overline; /*力口顶线*/ text-decoration:underline; /*力口下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/padding-left:10px; /*左边框留空白 三、CSS 符号属性：list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/list-style-type:disc; /*实心圆形符号*/ list-style-type:circle; /*空心圆形符号*/ list-style-type:square;/*实心方形符号*/ list-style-image:url(/; /*图片式符号*/list-style-position: outside; /*凸排*/ list-style-position:inside; /*缩进*/四、CSS 背景样式： background-color:#F5E2EC; /*背景颜色*/ background:transparent; /*透视背景*/ background-image : url(/image/; /*背景图片*/ background-attachment : fixed; /*浮水印固定背景*/ repeat; /*重复排列-网页默认*/ no-repeat; /*不重复排列*/ repeat-x; /*在x 轴重复排列*/ repeat-y; /*在y 轴重复排列*/90% 90%; /*背景图片x 与y 轴的位置*/top; /*向上对齐*/ buttom; /*向下对齐*/ left; /*向左对齐*/ right; /*向右对齐*/ center; /*居中对齐*/ 五、CSS 连接属性: a /*所有超链接*/a:link /*超链接文字格式*/background-repeat background-repeatbackground-repeatbackground-repeat指定背景位置background-position background-position background-position background-positionbackground-positionbackground-positiona:visited /*浏览过的链接文字格式*/a:active /*按下链接的格式*/a:hover /*鼠标转到链接*/鼠标光标样式：链接手指CURSOR: hand 十字体 cursor:crosshair 箭头朝下 cursor:s-resize 十字箭头cursor:move 箭头朝右cursor:move 力口一问号cursor:help 箭头朝左 cursor:w-resize 箭头朝上 cursor:n-resize 箭头朝右上 cursor:ne-resize 箭头朝左上 cursor:nw-resize 文字I型cursor:text箭头斜右下 cursor:se-resize 箭头斜左下 cursor:sw-resize 漏斗cursor:wait光标图案（IE6） p {cursor:url（"光标文件名.cur"）,text;} 六、CSS框线一览表：border-top : 1px solid #6699cc; /*上框线*/ border-bottom : 1px solid #6699cc; /*下框线*/ border-left : 1px solid #6699cc; /*左框线*/ border-right : 1px solid #6699cc; /*右框线*/ 以上是建议书写方式，但也可以使用常规的方式如下： border-top-color : #369 /*设置上框线top颜色*/ border-top-width :1px /*设置上框线top宽度*/ border-top-style : solid/*设置上框线top样式*/ 其他框线样式 solid /*实线框*/ dotted /*虚线框*/double /*双线框*/groove /*立体内凸框*/ridge /*立体浮雕框*/inset /*凹框*/outset /*凸框*/七、CSS表单运用：文字方块按钮复选框选择钮多行文字方块下拉式菜单选项1选项2八、CSS边界样式：margin-top:10px; /*上边界*/margin-right:10px; /*右边界值*/margin-bottom:10px; /*下边界值*/margin-left:10px; /*左边界值*/CSS属性：字体样式(Font Style)序号中文说明标记语法1 字体样式 {font:font-style font-variant font-weight font-size font-family)2字体类型{font-family:〃字体1〃，〃字体2〃，〃字体3〃，...)3字体大小 {font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small)4字体风格 {font-style:inherit|italic|normal|oblique)5字体粗细{font-weight:100-900|bold (粗体)|bolder (特粗)|lighter (细体)|normal (正常);)6字体颜色{color:数值;)7阴影颜色{text-shadow:16位色值)8字体行高 {line-height:数值|inherit|normal;)9字间距 {letter-spacing:数值|inherit|normal)10单词间距 {word-spacing:数值|inherit|normal)11字体变形 {font-variant:inherit|normal|small-cps )12英文转换{text-transform:inherit|none|capitalize|uppercase|lowercase}13字体变形 {font-size-adjust:inherit|none)14字体 {font-stretch:condensed|expanded|extra-condensed|extra- expanded|inherit|narrower|normal| semi-condensed|semi-expanded|ultra- condensed|ultra-expanded|wider)文本样式(Text Style)序号中文说明标记语法1行间距 {line-height:数值|inherit|normal;}2文本修饰 {text-decoration:inherit|none|underline|overline|line- through|blink)3段首空格{text-indent:数值1inherit}4水平对齐 {text-align:left|right|center|justify}5垂直对齐 {vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}6书写方式 {writing-mode:lr-tb|tb-rl}背景样式序号中文说明标记语法1背景颜色{background-color:数值}2背景图片 {background-image: url(URL)|none}3背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4背景固定 {background-attachment:fixed|scroll}5背景定位 {background-position:数值|top|bottom|left|right|center}6背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置}框架样式(Box Style)序号中文说明标记语法1边界留白{margin:margin-top margin-right margin-bottom margin-left} 2补白 {padding:padding-top padding-right padding-bottom padding-left}3边框宽度｛border-width:border-top-width border-right-width border-bottom-width border-left-width)宽度值：thin|medium|thick|数值4边框颜色｛border-color:数值数值数值数值) 数值：分别代表top、right、bottom、left颜色值5边框风格｛border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groo ve)6 边框｛border:border-width border-style color)上边框｛border-top:border-top-width border-style color)右边框｛border-right:border-right-width border-style color)下边框｛border-bottom:border-bottom-width border-style color)左边框｛border-left:border-left-width border-style color)7宽度｛width:长度|百分比| auto)8高度｛height:数值|auto)9漂浮｛float:left|right|none)10清除｛clear:none|left|right|both)分类列表序号中文说明标记语法11制显示｛display:none|block|inline|list-item)2控制空白｛white-space:normal|pre|nowarp)3符号列表｛list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none)4图形列表｛list-style-image:URL)5位置列表｛list-style-position:inside|outside)6目录列表｛list-style:目录样式类型|目录样式位置|url)7 鼠标形状｛cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resize|sw-resize)CSS属性大全［背景］属性共有六项：「背景颜色」（background-color）,设置背景颜色。

css属性代码大全一CSS文字属性:color : #999999; /*文字颜色*/ font-fam i I y :宋体，sans-ser if; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style: iteI ic; /*文字斜体*/ font-variant:smal Heaps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/I ine-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-al ign:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decor at i on: I i ne-through; /* 力口删除线*/ text - decora t i on: over line; /* 力匕顶线*/ text - decor a t i on: under I i ne; /* 力。

下戈U 线*/ text-decoration:none; /*刪除链接下划线*/ text-transform : capital ize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : Iowercase; /*英文小写*/ text-a I ign: r ight; /*文字右对齐*/ text-aI ign: left; /*文字左对齐*/ text-a I ign:center ； /*文字居中对齐*/ text-al ign: justify; /*文字分散对齐*/ ver ti cal-a I ign 属性A Bvert i cal-a I ign: top; /* 垂直向上对齐*/ vert i cal-a I i gn: bottom; /* 垂直向下对齐 */ vertical-al ign:middle; /*垂直居中对齐*/ vertical-a I ign： text-top; /* 文字垂直向上对齐 */ vertical-a I i gn： text-bottom；/* 文字垂直向下对齐 */二、css边框空白padding-top: 10px; /*上边框留空白*/padd i ng-r i ght: 10px; /*右边框留空白*/(padding-bottom: 10px; /*下边框留空白*/ padding-1 eft:10px; /*左边框留空白三、CSS符号属性：I i st-sty I e-type: none; /* 不编号*/I i st - sty I e-type: deci ma I ; /* 阿拉伯数字 */I ist-sty Ie-type: Iower-roman; /*小写罗马数字*/I i st-sty I e-type: upper-roman; /*大写罗马数字*/I ist-styIe-type: lower-alpha; /*小写英文字母*/ $I i st - sty I e-type: upper-alpha; /*大写英文字母 */I i st-sty I e-type:di sc; /*实心圆形符号*/I i st-sty I e-type:ci rc I e; /*空心圆形符号*/I i st-sty I e-type: square; /*实心方形符号*/I i st-sty I e~image:ur I (/; /*图片式符号*/I ist-styIe-position: outside; /*凸排*/I ist-sty Ie-position: inside; /*缩进*/四、CSS背景样式：background-co I or: #F5E2EC; /*背景颜色*/ background:transparent; /*透视背景*/ background-image : ur I (/image/; /*背景图片 */ background-attachment : f i xed; /*浮水印固定背景*/ background-repeat : repeat; /*重复排列-网页默认*/ background-repeat : no-repeat; /*不重复排列*/ background-repeat : repeat-x; /*在x轴重复排列*/ background-repeat : repeat-y; /*在y轴重复排列*/ 指定背景位置background - posit ion : 90% 90%; /* 背景图片x与y轴的位置*/a /*所有超链接*/a: I ink /*超链接文字格式*/ a:visited /*浏览过的链接文字格式*/ a:active /*按下链接的格式*/a:hover /*鼠标转到链接*/鼠标光标样式:链接手指CURSOR: hand十字体 cursor :crosshai r箭头朝下 cursor: s-res i ze十字箭头cursor move箭头朝右cursor :move加一问号 cursor:he Ip箭头朝左 cursor :w-resize箭头朝上 cursor :n-resizeI箭头朝右上 cursor:ne~resize箭头朝左上 cursor:nw-resize文字 I 型 cursor: text箭头斜右下 cursor: se-resize箭头斜左下 cursor: sw-resi ze漏斗 cursor:wait光标图案(IE6) p (cursor:ur I ("光标文件名.cur"), text;)六、CSS 框线一览表：background-pos i t i on background-pos i t i on background-pos i t i on background-posi t i on background-pos i t i on:top; /*向上对齐*/:buttom; /*向下对齐*/:left; /*向左对齐*/:right; /*向右对齐*/ :center; /*居中对齐*/border-top : 1px solid #6699cc; /*上框线*/ border-bottom : 1 px solid #6699cc; /*下框线*/ border-left : 1 px solid #6699cc; /*左框线*/ border-r i ght : 1px solid #6699cc; /* 右框线 */ 以上是建议书写方式，但也可以使用常规的方式如下: border-top-color : #369 /*设置上框线top颜色*/ border-top-width : 1 px /*设置上框线top宽度*/ border-top-style : so I i d/* 设置上框线top 样式 */其他框线样式sol id /*实线框*/dotted /*虚线框*/ doub I e /*双线框*/ groove /*立体内凸框*/ ridge /*立体浮雕框*/ inset /*凹框*/ outset /*凸框*/>七、CSS表单运用：文字方块按钮复选框选择钮多行文字方块下拉式菜单选项1选项2八、CSS边界样式：Imargin-top: 10px; /*上边界*/marg i n~r i ght: 10px; /*右边界值*/ margin-bottom: 10px; /*下边界值*/ margin-1 eft: 10px; /* 左边界值*/CSS属性：字体样式(Font Sty I e)序号中文说明标记语法I字体样式｛font:font-style font-variant font-weight font-sizefont一fami Iy)2字体类型｛font-fami ly:H字体1”字体2","字体3",...｝3字体大小｛font-size:数值| inher i11 medium| I arge| Iarger | xTargelxx-1arge| smaI I| smaI I er| x-smaI I| xx-smaI I｝4字体风格｛font-sty I e: i nher it | ita I ic | norma I | ob I ique)5字体粗细｛f ont-we i ght: 100-9001 bo I d (粗体)|bolder (特紐)〔lighter (细体)|normaI (正常);)6字体颜色｛color：数值汀7阴影颜色｛text-shadow: 16位色值｝8字体行高｛I ine-height:数值| inher it |normal;)9字间距｛letter-spacing:数值| inher i11norma I)10单词间距｛word-spacing:数值| inher i11 norma I)II字体变形｛font-variant: i nherit| norma I | sma I l-cps ｝12英文转换｛text-transform:i nher i 11none|cap i taIi ze|uppercase|Iowercase)13 字体变形｛font-size - ad just: i nher it | none)14字体｛font-stretch:condensed|expanded|extra-condensed|extra-expanded|i nherit|narrower|norma I|semi-condensed|semi-expanded|uItra-condensed|uItra-expanded|wi der)文本样式(Text Sty I e)序号中文说明标记语法1 行间距｛I i ne-he i ght:数值 | i nher i11 norma I ;)2文本修饰｛text-decorat i on:i nher i 11none|under Ii ne|over Ii ne|Ii ne~through|bIi nk)3段首空格(text-indent:数值| inher it)4水平对齐｛text-a I i gn: I eft | r i ght | center | just i fy)5垂直对齐{vert i caI-a I i gn:i nher i 11top|bottom|text-top|text-bottom|base Ii ne|mi dd Ie|sub|super)6书写方式{wr i t i ng-mode: I r-tb 11b-r I}背景样式序号中文说明标记语法1背景颜色{background-co I or:数值}2背景图片{background- image: ur I (URL) | none)3背景重复{background-repeat:i nher i11no-repea11repea11repeat-x|repeat-y}4背景固定{background-attachment: f i xed | scro I I}5背景定位{background-position:数值|top|bottom| left|right|center}6背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置} 框架样式(Box Style)序号中文说明标记语法1边界留白{margi n:margi n-top margin-r igh t margin-bo ttom marg in-1 eft} 2补白{padding:padding-top padding-r ight padding-bottom padding-left}3边框宽度{border-width:border-top-width border-r ight-widthborder-bottom-wi dth border-1eft-wi dth}宽度值:t hin|medium|thick| 数值4边框颜色(border-color:数值数值数值数值} 数值：分别代表top、right、bottom I eft 颜色值5边框风格{border-styIe:none|h i dden|i nher i11dashed|so I i d|doubIe|i nse11outset|r i dge|groove)6边框{border:border-wi dth border-style co I or)上边框[border-top:border-top-width border-style color) 右边框[border-r i ght:border-right-wi dth border-style co I or) 下边框{border-bottom:border-bottom-wi dth border-style co I or) 左边框{border-left:border-left-wi dth border-style co I or) 7宽度(width:长度J百分比| auto)8高度(he i ght:数值 | auto)9漂浮(fI oat:I eft|r i ght|none)10清除[cI ear:none|I eft|r i ght|both)分类列表序号中文说明标记语法1控制显示{display:none|block| inI ine| I ist-item)2控制空白{white-space:normal |pre|nowarp}3符号列表{Ii st-styIe-type:d i sc|c i rcIe|square|deci ma I|Iower-roman|upper-roman|I ower-aIpha|upper-aIpha|none)4图形列表{I i st-sty I e-image: URL)5位置歹〔J 表{I i s t-sty le-posi ti on:inside|o ut side)6目录列表{list-style: 0录样式类型|目录样式位置|url)7鼠标形状(cursor:hand|crossha i r|text|wa i 11move|he Ip|e-res i ze|nw-res i ze|w-res i z e|s~res i ze|se-res i ze|sw-res i ze)CSS属性大全［背景］属性共有六项:「背景颜色」(background-color),设置背景颜色。

一、什么是十六进制颜色代码在计算机中，颜色可以使用不同的方式来表示，而最常用的表示方法之一就是十六进制颜色代码。

十六进制颜色代码是一种由6个字符组成的编码方式，用来表示红、绿、蓝三种颜色的混合值。

在HTML和CSS等网页设计语言中，我们经常会用到这种表示方法来指定颜色。

二、十六进制颜色代码的格式十六进制颜色代码由#号和6个字符组成，每两个字符代表红、绿、蓝三种颜色的混合值。

每个字符可以是0-9之间的数字，或者A-F之间的字母，表示0-15的数值。

#FF0000表示纯红色，#00FF00表示纯绿色，#0000FF表示纯蓝色。

三、如何使用十六进制颜色代码在网页设计中，我们可以使用十六进制颜色代码来指定文字的颜色、背景的颜色等。

我们可以通过在CSS样式表中设置color属性来指定文字的颜色，可以通过设置background-color属性来指定背景的颜色。

也可以在HTML中直接使用style属性来设置元素的颜色样式。

使用十六进制颜色代码可以非常灵活地控制颜色的表现，满足各种设计需求。

四、常用的十六进制颜色代码表1. #000000：纯黑色2. #FFFFFF：纯白色3. #FF0000：纯红色4. #00FF00：纯绿色5. #0000FF：纯蓝色6. #FFFF00：纯黄色7. #00FFFF：青色8. #FF00FF：品红色9. #808080：灰色10. #800000：栗色11. #808000：橄榄色12. #008000：绿色13. #800080：紫色14. #008080：水绿色15. #000080：藏青色16. #C0C0C0：银灰色五、根据需要自定义颜色除了以上列举的常用颜色代码外，我们也可以根据需要自定义颜色。

可以通过选择合适的红、绿、蓝三种颜色的混合值，来构造符合设计要求的颜色。

这种灵活性让我们在网页设计中可以得到丰富多彩的视觉效果。

六、总结通过了解十六进制颜色代码的定义、格式和使用方法，我们可以更好地应用这种颜色表示方式来定制网页的颜色样式。

黑白自适应颜色代码
黑色的代码：rgb(0,0,0), 或者black，或者#000000
白色的代码：rgb(255,255,255)，或者white，或者#ffffff
网站黑白色代码：
在BLOG的皮肤文件layout.css中修改加入如下代码：body{
filter:Gray;
}或者如下代码：/*--- 抗震救灾！---*/
html {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}如果你感觉这样修改很卡的话，可以只改图片的效果为黑白灰，在global.css 文件里的img样式加入{filter:Gray;}修改后如下例子：body{
font-size:12px;
margin:0px;
padding:0px;
text-align:center;
background:#f7f7f4;
color:#000;
font-family: Verdana, Arial;
}
img {filter:Gray; max-width: 100%;height: auto;}
select{font-family: Verdana, Arial}
th{background:#f5f5f1;}如果需要某个图片显示正常颜色，添加图片时代码可以这样写<img style="filter:none" src="">。

scss 颜色语法SCSS（Sassy CSS）是一种CSS预处理器，它提供了许多便利的功能，其中包括颜色语法。

在SCSS中，你可以使用多种方式来表示颜色，下面我会从多个角度来介绍SCSS中的颜色语法。

1. 十六进制表示法：在SCSS中，你可以使用标准的十六进制表示法来表示颜色，例如，#ff0000 表示红色，#00ff00 表示绿色，#0000ff 表示蓝色。

你还可以使用缩写形式，比如 #f00 代表红色。

2. RGB表示法：SCSS也支持使用RGB表示法来表示颜色，例如，rgb(255, 0, 0) 代表红色，rgb(0, 255, 0) 代表绿色，rgb(0, 0, 255) 代表蓝色。

你还可以使用rgba表示带有透明度的颜色，例如，rgba(255, 0, 0, 0.5) 代表半透明的红色。

3. HSL表示法：除了RGB表示法，SCSS还支持使用HSL表示法来表示颜色，HSL分别代表色相、饱和度和亮度。

例如，hsl(0, 100%, 50%) 代表红色，hsl(120, 100%, 50%) 代表绿色，hsl(240, 100%, 50%)代表蓝色。

4. 变量表示法：在SCSS中，你还可以使用变量来表示颜色，这样可以方便地在多个地方重复使用同一个颜色值，例如，$red: #ff0000; $green:#00ff00; $blue: #0000ff; 这样在后续的样式中就可以直接使用$red、$green、$blue来表示对应的颜色值。

总的来说，SCSS提供了多种灵活的方式来表示颜色，包括标准的十六进制表示法、RGB表示法、HSL表示法以及使用变量表示颜色。

这些灵活的表示法使得在SCSS中处理颜色变得更加方便和高效。

希望这些信息能够帮助到你。

绿柔颜色代码HTML颜色代码和名称。

绿柔颜色代码 1红颜色颜色HTML / CSS颜色名称十六进制代码#RRGGBB十进制代码（R，G，B）Lightsalmon＃FFA07A RGB（255,160,122）三文鱼＃FA8072RGB（250,128,114）黑鲑＃E9967A RGB（233,150,122）轻珊瑚＃F08080RGB（240,128,128）印第安人＃CD5C5C RGB（205,92,92）赤红＃DC143C RGB（220,20,60）耐火砖＃B22222RGB（178,34,34）红色＃FF0000rgb（255,0,0）深红＃8B0000rgb（139,0,0）橘色颜色HTML / CSS颜色名称十六进制代码#RRGGBB十进制代码（R，G，B）珊瑚＃FF7F50rgb（255,127,80）番茄＃FF6347rgb（255,99,71）橙红色＃FF4500rgb（255,69,0）金＃FFD700rgb（255,215,0）橙子＃FFA500rgb（255,165,0）深橙色＃FF8C00rgb（255,140,0）黄色颜色HTML / CSS颜色名称十六进制代码#RRGGBB十进制代码（R，G，B）浅黄色＃FFFFE0rgb（255,255,224）柠檬雪纺#FFFACD RGB（255,250,205）浅金黄色＃FAFAD2RGB（250,250,210）木瓜鞭＃FFEFD5rgb（255,239,213）莫卡辛＃FFE4B5rgb（255,228,181）桃扑＃FFDAB9rgb（255,218,185）淡金黄色的＃EEE8AA英镑（238,232,170）黄褐色＃F0E68C RGB（240,230,140）黑色卡其色＃BDB76B人民币（189,183,107）黄色＃FFFF00rgb（255,255,0）绿颜色颜色HTML / CSS颜色名称十六进制代码#RRGGBB十进制代码（R，G，B）草坪绿＃7CFC00RGB（124,252,0）黄绿色＃7FFF00rgb（127,255,0）柠檬绿＃32CD32rgb（50,205,50）酸橙＃00FF00RGB（0.255.0）森林绿＃228B22RGB（34,139,34）绿色＃008000rgb（0,128,0）深绿色＃006400rgb（0,100,0）黄绿色＃ADFF2F rgb（173,255,47）黄绿色＃9ACD32rgb（154,205,50）春绿色＃00FF7F rgb（0,255,127）中春绿色＃00FA9A rgb（0,250,154）浅绿色＃90EE90RGB（144,238,144）淡绿色＃98FB98RGB（152,251,152）深海绿色＃8FBC8F rgb（143,188,143）中海绿色＃3CB371rgb（60,179,113）海绿色＃2E8B57rgb（46,139,87）橄榄＃808000rgb（128,128,0）深橄榄绿色＃556B2F RGB（85,107,47）Olivedrab＃6B8E23RGB（107,142,35）青色颜色HTML / CSS颜色名称十六进制代码#RRGGBB十进制代码（R，G，B）浅蓝＃E0FFFF rgb（224,255,255）青色＃00FFFF rgb（0,255,255）水色＃00FFFF rgb（0,255,255）蓝晶＃7FFFD4rgb（127,255,212）海蓝宝石＃66CDAA人民币（102,205,170）浅绿色#AFEEEE英镑（175,238,238）绿松石＃40E0D0RGB（64,224,208）绿松石色＃48D1CC rgb（72,209,204）深蓝绿色＃00CED1RGB（0,206,209）浅海绿色＃20B2AA RGB（32,178,170）cadetblue＃5F9EA0英镑（95,158,160）深蓝＃008B8B rgb（0,139,139）蓝绿色＃008080rgb（0,128,128）蓝颜色颜色HTML / CSS颜色名称十六进制代码#RRGGBB十进制代码（R，G，B）粉蓝色＃B0E0E6英镑（176,224,230）浅蓝＃ADD8E6英镑（173,216,230）天蓝色＃87CEFA人民币（135,206,250）天蓝色＃87CEEB英镑（135,206,235）深蓝＃00BFFF rgb（0,191,255）浅蓝色＃B0C4DE人民币（176,196,222）道奇蓝＃1E90FF RGB（30,144,255）矢车菊蓝＃6495ED人民币（100,149,237）钢蓝＃4682B4RGB（70,130,180）宝蓝色＃4169E1英镑（65,105,225）蓝色＃0000FF rgb（0,0,255）中蓝＃0000CD rgb（0,0,205）深蓝＃00008B rgb（0,0,139）海军＃000080rgb（0,0,128）午夜蓝＃191970RGB（25,25,112）深蓝色＃7B68EE英镑（123,104,238）slateblue＃6A5ACD RGB（106,90,205）深蓝色＃483D8B RGB（72,61,139）紫色的颜色颜色HTML / CSS颜色名称十六进制代码#RRGGBB十进制代码（R，G，B）薰衣草＃E6E6FA RGB（230,230,250）蓟＃D8BFD8RGB（216,191,216）李子＃DDA0DD RGB（221,160,221）紫色＃EE82EE英镑（238,130,238）兰花＃DA70D6rgb（218,112,214）紫红色＃FF00FF rgb（255,0,255）品红＃FF00FF rgb（255,0,255）兰花＃BA55D3RGB（186,85,211）中紫色＃9370DB英镑（147,112,219）紫罗兰色＃8A2BE2RGB（138,43,226）暗紫＃9400D3RGB（148,0,211）兰花＃9932CC RGB（153,50,204）深洋红色＃8B008B RGB（139,0,139）紫色＃800080rgb（128,0,128）靛青＃4B0082RGB（75,0,130）粉红色的颜色颜色HTML / CSS颜色名称十六进制代码#RRGGBB十进制代码（R，G，B）粉＃FFC0CB rgb（255,192,203）浅粉红色＃FFB6C1rgb（255,182,193）亮粉色＃FF69B4rgb（255,105,180）深粉红色＃FF1493rgb（255,20,147）泛紫＃DB7093英镑（219,112,147）中紫色＃C71585RGB（199,21,133）白色颜色HTML / CSS颜色名称十六进制代码#RRGGBB十进制代码（R，G，B）白色#FFFFFF rgb（255,255,255）雪#FFFAFA RGB（255,250,250）甘露＃F0FFF0RGB（240,255,240）薄荷＃F5FFFA RGB（245,255,250）天蓝色＃F0FFFF RGB（240,255,255）爱丽丝蓝＃F0F8FF RGB（240,248,255）幽灵般的白色＃F8F8FF RGB（248,248,255）白色的烟＃F5F5F5RGB（245,245,245）贝壳＃FFF5EE rgb（255,245,238）米色＃F5F5DC RGB（245,245,220）老花边＃FDF5E6英镑（253,245,230）花白色＃FFFAF0RGB（255,250,240）象牙＃FFFFF0rgb（255,255,240）古董白＃FAEBD7RGB（250,235,215）麻布＃FAF0E6RGB（250,240,230）薰衣草腮红＃FFF0F5RGB（255,240,245）迷雾玫瑰＃FFE4E1英镑（255,228,225）灰色颜HTML / CSS颜十六进制代码十进制代码（R，G，色色名称#RRGGBB B）恩斯伯勒#DCDCDC RGB（220,220,220）浅灰＃D3D3D3RGB（211,211,211）银＃C0C0C0rgb（192,192,192）深灰色＃A9A9A9人民币（169,169,169）灰色＃808080RGB（128,128,128）暗灰色＃696969RGB（105,105,105）光一体化＃778899rgb（119,136,153）滑脱＃708090RGB（112,128,144）黑暗崩解＃2F4F4F RGB（47,79,79）黑色＃000000rgb（0,0,0）棕颜色颜色HTML / CSS颜色名称十六进制代码#RRGGBB十进制代码（R，G，B）玉米丝＃FFF8DC rgb（255,248,220）布兰查德蒙德#FFEBCD RGB（255,235,205）浓汤＃FFE4C4rgb（255,228,196）纳瓦霍怀特#FFDEAD rgb（255,222,173）小麦＃F5DEB3人民币（245,222,179）burlywood＃DEB887rgb（222,184,135）棕褐色＃D2B48C RGB（210,180,140）红褐色＃BC8F8F rgb（188,143,143）沙棕＃F4A460RGB（244,164,96）金毛＃DAA520RGB（218,165,32）秘鲁＃CD853F RGB（205,133,63）巧克力＃D2691E RGB（210,105,30）马鞍棕色＃8B4513RGB（139,69,19）赭色＃A0522D RGB（160,82,45）棕色＃A52A2A RGB（165,42,42）栗色＃800000rgb（128,0,0）也可以看看。