首页 前端知识 CSS系列之 颜色代码大全、颜色对照表

CSS系列之 颜色代码大全、颜色对照表

2024-05-08 10:05:42 前端知识 前端哥 166 405 我要收藏

🌹作者主页:青花锁 🌹简介:Java领域优质创作者🏆、Java微服务架构公号作者😄

🌹简历模板、学习资料、面试题库、技术互助

🌹文末获取联系方式 📝

在这里插入图片描述


往期热门专栏回顾

专栏描述
Java项目实战介绍Java组件安装、使用;手写框架等
Aws服务器实战Aws Linux服务器上操作nginx、git、JDK、Vue
Java微服务实战Java 微服务实战,Spring Cloud Netflix套件、Spring Cloud Alibaba套件、Seata、gateway、shadingjdbc等实战操作
Java基础篇Java基础闲聊,已出HashMap、String、StringBuffer等源码分析,JVM分析,持续更新中
Springboot篇从创建Springboot项目,到加载数据库、静态资源、输出RestFul接口、跨越问题解决到统一返回、全局异常处理、Swagger文档
Spring MVC篇从创建Spring MVC项目,到加载数据库、静态资源、输出RestFul接口、跨越问题解决到统一返回
华为云服务器实战华为云Linux服务器上操作nginx、git、JDK、Vue等,以及使用宝塔运维操作添加Html网页、部署Springboot项目/Vue项目等
Java爬虫通过Java+Selenium+GoogleWebDriver 模拟真人网页操作爬取花瓣网图片、bing搜索图片等
Vue实战讲解Vue3的安装、环境配置,基本语法、循环语句、生命周期、路由设置、组件、axios交互、Element-ui的使用等
Spring讲解Spring(Bean)概念、IOC、AOP、集成jdbcTemplate/redis/事务等

前言

前端页面想要好看,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 

总结

喜欢的小伙伴们,可以给个关注和点赞。MARK一下,这章内容是常访问内容之一。


资料获取,更多粉丝福利,关注下方公众号获取

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7492.html
标签
评论
发布的文章

Pycharm创建json文件类型

2024-05-12 00:05:50

C#Post请求,带json参数。

2024-05-12 00:05:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!