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

🌹作者主页:青花锁 🌹简介: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一下,这章内容是常访问内容之一。


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

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/521467.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

高效办公-浏览器基本操作

日常我们使用电脑,其实很大部分是用于网络功能,这里面除了客户端程序剩余的就是通过我们的浏览器获取信息或者使用业务系统了,这里就简单学习下浏览器基本常识与操作。 一、浏览器是什么? 白话讲浏览器就是一个软件,我…

Windows Server 2012 R2 安装SNMP服务失败,提示:无法打开匿名级安全令牌。错误:0x8007050543

Windows Server 2012 R2 安装SNMP服务失败,提示:无法打开匿名级安全令牌。错误:0x8007050543 解决方法如下: 1、打开运行,输入:dcomcnfg.exe 2、依次进入:【组件服务】-【计算机】-【我的电脑】…

MyBatis Oracle 批量插入数据

MyBatis Oracle 批量插入数据 1.需求描述2.实现方案2.1 循环 insert 插入2.2 insert all 插入2.3 insert union all 插入 3.分析总结 系统:Win10 JDK:1.8.0_351 IDEA:2022.3.3 1.需求描述 在一次项目中实施过程中,后台需要将地区…

HelpLook 和 confluence:创建知识库我选HelpLook

企业要想快速创建知识库,最好的方法就是利用好工具。而市面上创建知识库的平台多而繁杂,无法在最快时间内判断哪一个是最适合企业解决问题的。HelpLook和confluence功能相似,多数人无法判断并做出最佳选择,今天就跟着LookLook同学…

【动态规划.2】5292. 跳台阶

承接上一篇 升级版&#xff0c;别怕&#xff0c;上一篇弄会了&#xff0c;这个就是 豆芽菜✌️ https://www.acwing.com/problem/content/description/5295/ f1.递归 #include <bits/stdc.h> // 2024-03-08 Come on ! using namespace std; #define ll long l…

HEUFT电源维修x-ray发生器维修HBE211226

HEUFT电源维修x-ray发生器维修HBE211253;海富HEUFT在线液位检测X射线发生器维修&#xff0c;不限型型号系列。 德国海富推出HEUFT在线液位检测装置,满瓶检测系统HEUFT有着强大的功能,它的模块机构能整合很多程序,并依据不同的产品及其包装特性,照相技术,高频技术或X-ray技术。…

linux centos系统搭建samba文件服务器 NetBIOS解析 (超详细)

CSDN 成就一亿技术人&#xff01; 作者主页&#xff1a;点击&#xff01; Linux专栏&#xff1a;点击&#xff01; CSDN 成就一亿技术人&#xff01; 前言———— Samba 是一个开源软件套件&#xff0c;可为 SMB/CIFS 客户端&#xff08;包括 Windows&#xff09;提供文件…

unicloud 云数据库概念及创建一个云数据库表并添加记录(数据)

云数据库概念 uniCloud提供了一个 JSON 格式的文档型数据库。顾名思义&#xff0c;数据库中的每条记录都是一个 JSON 格式的文档。 它是 nosql 非关系型数据库&#xff0c;如果您之前熟悉 sql 关系型数据库&#xff0c;那么两者概念对应关系如下表&#xff1a; 关系型JSON 文…

Flask python开发篇: 写一个简单的接口

第一步&#xff1a;新建flask项目 参考使用pycharm新建一个项目 打开pycharm&#xff0c;根据下面图中箭头顺序&#xff0c;新建一个flask的项目&#xff1b; 第二步&#xff1a;运行项目&#xff0c; 安装成功以后&#xff0c;会有个app.py文件&#xff0c;打开以后&#…

Rethinking Data Augmentation for Image Super-resolution

文章目录 Rethinking Data Augmentation for Image Super-resolution:1.概述2.一些现有方法的分析3.cutblur4.MOA 各种策略的混合5.降噪6.cutblur 代码 Rethinking Data Augmentation for Image Super-resolution: A Comprehensive Analysis and a New Strategy 1.概述 根据…

springcloud容错机制改进

文章目录 Spring Cloud的容错机制改进常见方案示例 Spring Cloud的容错机制改进常见方案 Spring Cloud的容错机制改进常见方案主要包括以下几个方面&#xff1a; 替换或升级熔断器组件&#xff1a; 从Hystrix迁移到其他高性能的熔断器&#xff1a;由于Hystrix已停止维护&#…

案例研究|辛格林电梯借助DataEase实现数据整合与智能展示

辛格林电梯&#xff08;SIGLEN&#xff09;于2012年创立&#xff0c;是电梯领域的领军品牌之一。该公司总部位于广东佛山&#xff0c;是全国首批获得A1级电梯制造资质的企业&#xff0c;拥有省级工程技术研究中心。辛格林电梯专注于研发和生产高品质电梯产品&#xff0c;涵盖别…