CSS颜色代码大全视图参照表！
从今天开始本空间将会发布一些百度空间常用的css小技巧，有这个爱好的朋友可以加我好友！我们一起探讨，共创漂亮的百度空间！
下面让我们一起先了解一下CSS中比不可少的颜色代码
|
#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
|
|
|
sienna
|
#A0522D
|
|
|
chocolate
|
#D2691E
|
|
|
indianred
|
#CD5C5C
|
|
|
rosybrown
|
#BC8F8F
|
|
|
lightcorol
|
#F08080
|
|
|
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
|
|
|
dakgray
|
#A9A9A9
|
|
|
silver
|
#C0C0C0
|
|
|
lightgray
|
#D3D3D3
|
|
|
gainsboro
|
#DCDCDC
|
|
|
whitesmoke
|
#F5F5F5
|
|
|
ghostwhite
|
#F8F8FF
|
|
|
white
|
#FFFFFF
|
|
如果你想更方便的读取颜色的话，可以参阅颜色选择器，里面也有CSS的简单介绍！
<!--EndFragment-->
分享到：
相关推荐
### CSS颜色代码大全视图参照表：深入了解前端色彩美学 #### 概述 在Web前端设计与开发领域，色彩的应用不仅是美观的体现，更是用户体验、品牌识别和情感传达的重要手段。CSS（层叠样式表）提供了丰富的颜色表示...
此外，压缩包中的“CSS颜色代码大全视图参照表.doc”文件可能包含了一个全面的颜色参考表格，可以帮助开发者查找和对比各种颜色代码，以方便他们在项目中选用合适的颜色。 了解和熟练掌握CSS颜色代码对于前端开发者...
3. **颜色提取与配色方案**：对于保持设计一致性的颜色选择，工具可能提供颜色拾取器，让用户能快速复制网页的颜色代码。同时，它可能还提供配色方案生成器，帮助创建和谐的色彩搭配。 4. **CSS和HTML代码生成**：...
10. 模板视图并不是每个查询都有的三种视图之一，通常查询有设计视图、数据表视图和SQL视图。 11. Access数据库中，实际存储数据的是“表”对象。 12. Access数据库的对象类型不包括向导。 13. 电子邮件（E-mail...
1. dynCalendar.css：这是CSS样式文件，用于定义日历的布局、颜色、字体等视觉样式。通过CSS，开发者可以自定义日历的外观，使其与网站的整体设计相协调。 2. calendar.html：这可能是示例日历的HTML模板，包含了...
style.css 可能是全局样式表，而 editor-style.css 可能是针对代码编辑器或终端模拟器的主题样式，确保在查看和编辑代码时有良好的视觉体验。 2. **.gitignore**：这是一个非常重要的文件，它告诉 Git 哪些文件或...
**知识点**: CSS 是层叠样式表(Cascading Style Sheets)的缩写，用于描述网页的表现形式，包括颜色、布局等。 ### 16. 结构化分析方法 **知识点**: 结构化分析方法是一种面向数据流的需求分析方法，采用自顶向下、...
【计算机二级考试题】主要涉及计算机基础知识，包括CPU性能指标、数据库...17. CSS中，可以使用background-color属性来改变元素的背景颜色。 以上是针对计算机二级考试题目的详细解析，涵盖了多个计算机领域的知识点。
- **解析：**为了确保参照完整性，通常需要在父表的连接字段上建立主索引，在子表的连接字段上建立普通索引。 - **正确答案：**B (在父表连接字段上建立主索引，在子表连接字段上建立普通索引) 以上是对给定文件中...
20. Access 表操作：Access 中的备注型字段可以设置 "格式" 属性，删除记录后自动编号字段不会重置，应在设计视图的 "说明" 列对字段进行说明，但创建表间关系时不需要关闭所有打开的表。错误答案是 C。 21. VBA ...
6. CSS属性：用于改变页面背景颜色的CSS属性是`background-color`（B选项正确）。 7. FoxPro程序：根据给出的程序，它将遍历数据库文件CJ.DBF的所有记录，累加ZF字段的值。由于有2条记录，第一条Z值为500.00，第二...
3. CSS（层叠样式表）用于定义网页元素的样式，其中a:active伪类用于设置活动状态超链接的颜色，例如选项D所示。 4. 计算机的高级语言如C、Python等，相比机器语言更易于人类理解和编写，它们更接近自然语言和数学...
- **参照完整性**：确保外键字段的值要么在主表中存在，要么为空。 - 错误选项C的解释在于，当建立关系时，用户不需要关闭“显示表”对话框，而是可以在其中选择要建立关系的表，并且可以通过拖拽字段来建立联系，...
11. 正确的CSS语法是A.body {color: black}，它设置了body元素的文字颜色为黑色。 12. 在Word2003的打印预览视图下，切换预览状态与编辑状态的按钮是C.放大镜图标。 13. TCP/IP协议由四层构成，分别是链路层、网络...
- **渐变色实现**：通过CSS或代码实现渐变效果。 ### 十、二维码生成器分享 - **知识点**： - **二维码生成**：使用相关库生成二维码图片。 - **分享功能**：集成社交平台分享接口，方便用户分享二维码。 ### ...
- UI设计：参照网易云音乐的风格，意味着界面需要简洁且具有良好的用户体验，包括颜色搭配、字体选择、按钮设计等。 - 图标和图片资源：用于界面美化和功能表示，如播放/暂停图标、专辑封面等。 - 展示图：展示小...
目标是创建没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, ...
目标是创建没有ViewState，没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源...