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
|
|
|
darkgray
|
#A9A9A9
|
|
|
silver
|
#C0C0C0
|
|
|
lightgray
|
#D3D3D3
|
|
|
gainsboro
|
#DCDCDC
|
|
|
whitesmoke
|
#F5F5F5
|
|
|
ghostwhite
|
#F8F8FF
|
|
|
white
|
#FFFFFF
|
|
分享到：
相关推荐
本资源“css颜色搭配大全”提供了一套全面的CSS颜色代码，帮助设计师们轻松找到并应用各种颜色。下面我们将深入探讨CSS颜色系统、常见颜色表示方法以及如何有效地搭配颜色。 首先，CSS支持三种主要的颜色表示方式：...
CSS 颜色代码大全 CSS 颜色代码大全是指在 CSS 中使用的颜色代码大全，用于定义网页中的颜色样式。本大全收录了多种常用的颜色代码，包括基本颜色、暖色系、冷色系等，每种颜色代码都对应着一个十六进制代码，方便...
### CSS颜色代码大全 在网页设计与开发领域中，正确且有效地使用颜色是提升用户体验、增强视觉效果的关键因素之一。CSS（层叠样式表）作为网页样式定义的标准语言，提供了丰富的颜色选择方式，包括十六进制颜色代码...
CSS颜色对照表通常包含了大量的颜色代码，如RGB（红绿蓝）、HEX（十六进制）、HSL（色相、饱和度、亮度）等表示方式，以及预定义的颜色关键字，如"red"、"blue"等。开发者可以根据这个对照表方便地查找和选择所需的...
了解和掌握CSS颜色代码大全能帮助我们精确地控制网页的视觉呈现。下面将详细介绍CSS颜色代码的不同类型及其使用方法。 1. **颜色关键字**： CSS预定义了一组颜色关键字，如`red`, `blue`, `green`等。使用这些...
">CSS颜色大全 css字体颜色 ``` 在对应的CSS文件中，可以这样设置： ```css #sidebar { /* 其他样式 */ } #sidebar span { color: #FF0000; } ``` ### CSS字体属性 1. **字体大小**：使用`font-size`属性，可...
### CSS颜色对照表详解 #### 一、引言 在Web开发中，色彩的应用对于网站的整体视觉效果至关重要。CSS（层叠样式表）为开发者提供了丰富的颜色定义方式，包括十六进制颜色值、RGB/RGBA颜色值、HSL/HSLA颜色值以及...
各种CSS颜色代码各种CSS颜色代码各种CSS颜色代码
CSS 颜色选取器允许您将 CSS 颜色值插入 CSS 颜色属性。 它包括标准的调色板的颜色和使用标准颜色的名称、哈希代码、RGB、RGBA、HSL 和 HSLA 颜色值，并显示最近使用的颜色的列表。 默认情况下，颜色选取器将输入...
CSS控制了元素的字体、颜色、大小、位置等视觉特性，使得网页设计更具表现力和灵活性。CSS布局是其核心功能之一，它决定了元素在页面上的排列方式。 3. **盒模型**：理解CSS布局的基础是盒模型，每个HTML元素都可视...
常用HTML颜色表-HTML颜色代码色彩表 ，所有颜色都有对应的颜色值
此外，压缩包中的“CSS颜色代码大全视图参照表.doc”文件可能包含了一个全面的颜色参考表格，可以帮助开发者查找和对比各种颜色代码，以方便他们在项目中选用合适的颜色。 了解和熟练掌握CSS颜色代码对于前端开发者...
在“CSS常用代码大全(html+css代码).pdf”中，我们可以看到一系列常用的CSS代码及其用法。 首先，关于文本设置，`font-size`用于定义文本的字号，`font-style`可以设置文本的斜体，如`italic`或`normal`，`font-...
本文将详细介绍如何使用这些方法来获取和使用CSS颜色代码。 首先，"取色器"是一个工具，它可以帮助我们从屏幕上的任何位置选取颜色，并将其转换为可用的CSS颜色代码。取色器通常会显示一个调色板，用户可以通过点击...
CSS大全涵盖了CSS的各个方面，旨在帮助开发者全面掌握这一强大的样式语言。 **一、CSS基本概念** 1. **选择器与声明**：CSS通过选择器定位HTML元素，然后在声明中设定属性和值，如`p {color: red;}`选择所有的段落...
CSS参考大全：这部分内容可能包括： 1. **选择器**：如类选择器、ID选择器、标签选择器，以及更复杂的伪类和伪元素选择器，用于精确地定位和样式化网页元素。 2. **属性**：如`color`、`font-size`、`background-...
这里提到的“CSS颜色代码大全视图参照表”是一个方便开发者和设计师查阅的颜色参考资源，包含了多种不同的颜色及其对应的代码。颜色代码通常有三种主要形式：RGB、十六进制（Hex）和预定义的颜色名称。 1. **十六...
- **命名颜色**：CSS预定义了170多种颜色名称，如`red`, `blue`, `green`等。 - **十六进制颜色**：使用#开头，后面跟随6位十六进制数表示红、绿、蓝的值，例如`#FF0000`代表红色。 - **RGB**：用三对十进制数...