当前位置:首页 > 前端技术 > CSS 颜色代码大全

CSS 颜色代码大全

2022年08月04日 19:56:50前端技术2

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 

作者:何以解忧唯有撸码
来源链接:https://www.cnblogs.com/axing/archive/2011/04/09/CSS.html

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/17363.html

标签: css
分享给朋友:

“CSS 颜色代码大全” 的相关文章

css中的@media用法总结

1、head标签中引入 //语法: @media mediatype and | not | only (media feature) { css-code; } //也可以针对不同的媒体使用不同的stylesheets: <!--<link rel="st...

CSS

CSS

文章目录 1. CSS 的概念 2. CSS 的作用 3. CSS 与 HTML 的结合方式 4. CSS 格式 5. 选择器 5.1 选择器的作用...

css去除html中a标签的默认样式

html中a标签的默认样式实在是太丑,这简直是对前端程序猿的一种蹂躏!!!所以通常情况下需要去除a标签的默认样式。 以下代码是在a标签的不同状态下去除默认的下划线,如果要修改颜色、字体等,在对应位置添加css样式即可。 /*去除a...

什么是HTML和CSS

什么是HTML和CSS? HTML的定义: 首先来说HTML,HTML中文称为超文本标记语言,从语义上来说,它只是一种是一种标识性的语言,并不是一种编程语言。所以在提及其作用时,只能从语义方面去想,而不能从样式上去想。它其中有许许多多的标签,...

html代码设置span字体颜色,怎么用span css设置div内部分字体颜色?

html代码设置span字体颜色,怎么用span css设置div内部分字体颜色?

本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 用span标签设置div内放一段文字中的部分文字字体颜色方法。 一段文字放在DIV内或P内,当我们设置div或p...

CSS放置显示a标签的下划线

  text-decoration: underline; text-decoration属性规定文本修饰(下划线 underline、上划线 overline、中划线 line-through) 作者:迷豆腐 来源链接:https://blog.cs...

CSS将img图片填满父容器div,自适应容器大小

当一个页面中引入多张图片时候,会碰到图片尺寸不一致,单要求显示成一致的大小,我们直接设置图片尺寸会导致图片变形,这就是我们遇到的问题,看下解决方法: <div> <img src="引入的图片地址" alt=""> </div&...

优秀工具推荐:超实用的 CSS 库,样板和框架

优秀工具推荐:超实用的 CSS 库,样板和框架

当启动一个新的项目,使用 CSS 框架或样板,可以帮助您节省大量的时间。在这篇文章中,我编译整理了我最喜欢的 CSS 样板,框架和库,帮助你在建立网站或应用程序时更加高效。   当启动一个新的项目,使用 CSS 框架或样板,可以帮助您节省大量的时间。在这篇文...

CSS:水平居中与垂直居中

CSS:水平居中与垂直居中

CSS居中算是一个比较基础的问题,在实际运用中,需要考虑到的一般是两种情况,一种是主要是表现为文字,图片等行内元素的居中,一种是指 div 等块级标签元素的居中。 水平居中 1、行内元素 行内元素(主要是表现为文字,图片等行内元素)...

css中*的用法

*是代表所有html中的标签 例.写了一个 *{box-sizing:border-box} .span-class{ width:80px; padding:20px; } 结果,span标签的内容宽度是80px,并不是40px...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。