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

CSS 颜色代码大全

2022年11月07日 08:40:38前端技术10

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 

作者:Fate_Zero
来源链接:https://www.cnblogs.com/myfate/p/10418824.html

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

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


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

标签: css
分享给朋友:

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

用HTML5/CSS3/JS开发Android/IOS应用

用HTML5/CSS3/JS开发Android/IOS应用

现在人人都想成为安卓/IOS应用开发工程师。其实,安卓/IOS应用可以用很多种语言来实现。由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了。所以,今天大家将会认识到一些利用前端语言来开发安卓/IOS应用的工具。  在...

Html/Css

原文地址:http://blog.csdn.net/annip/article/details/53455226 一.什么是role属性 role属性作用是告诉Accessibility类应用(比如屏幕朗读程序,为盲人提供的访问网络的便利程...

HTML标签自带属性 和 CSS 常用属性区分

**前言:**相信很多人在开发时都遇到过这样一个问题,当我们需要用一个属性去修饰某个标签时,常常会分不清楚其到底是标签自带的属性(HTML属性)还是 CSS 里的属性,因此这篇博文记录的就是一些常用的 HTML 和 CSS 属性,方便查阅的同时,也希望和...

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

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

HTML&CSS实验(5)---学习颜色、字体、文本格式化和盒模型的样式定义

HTML&CSS实验(5)---学习颜色、字体、文本格式化和盒模型的样式定义

  【实验题目】HTML&CSS实验(5) 【实验目的】学习颜色、字体、文本格式化和盒模型的样式定义。                  ----------------------个人作业,如果有后辈的作业习题一致,可以参考学习,一起交流...

html中css字体颜色代码大全,css字体颜色的设置方法

html中css字体颜色代码大全,css字体颜色的设置方法

css字体颜色的设置方法:首先创建一个HTML示例文件;然后在body定义一些p标签并在p标签中输入文字内容;最后给p标签添加css样式为“p{color: blue}”即可修改字体颜色。 本文操作环境:windows7系统、HTML5&am...

HTML/CSS/JS编码规范

HTML/CSS/JS编码规范

最近整理了一份HTML/CSS/JS编码规范,供大家参考。目录:一、HTML编码规范二、CSS编码规范三、JS编码规范 一、HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签要写alt属性,如果没有就写一个空的。但是一般要写一个有内容的,根据...

html中怎样给svg文件改变颜色,通过CSS改变svg image引入的图片颜色?

在html元素中通过background设置图片icon,然后通过css3的filter滤镜的drop-shadow 设置阴影来呈现这种改变图片颜色的效果。很不错的方法。 但是我现在的元素是在svg中,即图片的引入是通过image元素xlink:href来引入图...

CSS学习笔记-常用表格标签

CSS学习笔记-常用表格标签

CSS学习笔记-表格标签 常用表格标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...

深入理解CSS动画animation

深入理解CSS动画animation

[1]定义 [2]关键帧 [3]动画属性 [4]多值 [5]API 前面的话   transition过渡是通过初始和结束两个状态之间的平滑过渡实现简单动画的;而animation则是通过关键帧@keyframes来实现更为复杂的动画效果。本文将介绍关于ani...

发表评论

访客

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