CSS 颜色代码大全 CSS颜色对照表-程序员宅基地

技术标签: CSS  css  前端  html  

设计稿常用颜色

设计稿底色
#EFEFEF

HTML及CSS常用颜色英文词汇

黑色 银色 灰色 白色 茶色 红色 紫色 紫红
black silver gray white maroon red purple fuchsia
#000000 #C0C0C0 #808080 #FFFFFF #800000 #FF0000 #800080 #FF00FF
绿色 亮绿 橄榄 黄色 深蓝 蓝色 青色 浅绿
green lime olive yellow navy blue teal aqua
#008000 #00FF00 #808000 #FFFF00 #000080 #0000FF #008080 #00FFFF

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
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/hnyanzijun1/article/details/118931973

智能推荐

高性能计算(HPC)-一文全面理解高性能计算_hpc领域-程序员宅基地

文章浏览阅读1.5k次,点赞31次,收藏24次。AI的疯狂发展以及视频、图像、音频、3D数据的迫切需要,导致传统的CPU不能满足这样大算力的计算。由于这些数据的运算多是一些简单的运算,因此需要设计出多个算术运算单元的芯片来应对这种少控制多计算的场景。这是并行计算、高性能计算诞生的重要动力。为了适配这样的场景,设计出了以GPU为核心的并行处理芯片、包括DSP、VPU、DPU、NPU等。本文主要介绍基于这些芯片以及网络、系统引入的高性能计算,比较全面的介绍高性能计算,希望对高性能计算的理解起到一个宏观的作用。:一个全栈工程师的升级之路!_hpc领域

俄亥俄大学计算机科学专业,美国计算机科学专业最新排名!-程序员宅基地

文章浏览阅读145次。1 Carnegie Mellon University 卡内基梅隆大学1 Massachusetts Institute of Technology 麻省理工学院1 Stanford University 斯坦福大学1 University of California -Berkeley 加州大学伯克利分校5 Cornell University 康奈尔大学5 University of Ill..._俄亥俄大学计算机科学专业

socket编程:socket()函数详解-程序员宅基地

文章浏览阅读1.9w次,点赞19次,收藏88次。文章目录1. 什么是socket?1.1 意义1.2 本质1.3 应用1.4 结论2. socket() 函数参数介绍2.1 参数1:int af2.2 参数2:int type2.3 参数3:int protocol3. socket()函数返回值介绍1. 什么是socket?套接字函数创建一个绑定到特定传输服务提供者的套接字。将底层复杂的协议体系,执行流程,进行了封装,封装完的结果,就是一个SOCKET了,也就是说,SOCKET是我们调用协议进行通信的操作接口。1.1 意义将复杂的协议过程与我_socket()

基于python+opencv的DCT(离散余弦变换)实验-程序员宅基地

文章浏览阅读2.5w次,点赞24次,收藏84次。离散余弦变换是图像处理中非常常用的算法,可以用于jpg图像压缩等领域。数学原理我就不扯了,网上一大堆。但介于网上实在没有关于python+opencv来实现DCT的好文章(至少木盏没有搜到过)。于是稍微写一个博文做一个总结,给后人便利。要用到的模块是opencv,安装方法看另一篇文章《opencv快速安装》python==3.6.5opencv==3.1.0scipy==1.1.0...

【前后端】django前后端交互_前后端数据是交互用的什么软件-程序员宅基地

文章浏览阅读567次,点赞4次,收藏11次。随着开发语言及人工智能工具的普及,使得越来越多的人会主动学习使用一些开发语言,本文主要介绍django前后端交互的基础内容。以上就是今天要讲的内容,这些步骤提供了一种简单的方式来实现 Django 应用的前后端交互。在实际项目中,你可能需要处理更复杂的逻辑和数据,并且可以使用 Django REST Framework 等工具来简化 RESTful API 的开发。_前后端数据是交互用的什么软件

MySQL数据库的下载安装教程(非常详细)从零基础入门到精通,看完这一篇就够了_mysql下载安装教程-程序员宅基地

文章浏览阅读2.8k次,点赞3次,收藏4次。作为一个数据分析师,经常要和数据打交道,而数据存储在数据库中,所以掌握一些数据库知识是很有必要的。数据库有很多种,作为初学者,推荐大家学习MySQL数据库,原因有以下三点。1、使用广泛,很多公司都使用MySQL数据库,包括国内很多大型互联网公司。2、入门简单,从简单的开始学习,有助于增加我们学习的信心。3、学好了MySQL,再去学其他数据库都是类似的、相通的。MySQL的安装主要有两种以下方式:1、通过图形化的界面安装,就是下载MySQL的安装包,双击运行后,直接下一步、下一步即可;_mysql下载安装教程

随便推点

分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(11月28日-12月4日)-程序员宅基地

文章浏览阅读1.6k次。分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(11月28日-12月4日)本周Silverlight学习资源更新Silverlight HttpUtil 封装Post调用nivana999Silverlight中Grid.ColumnDefinitions属性设置错误xjbestSilverli

工业互联网平台选型星级评估申请要求-程序员宅基地

文章浏览阅读116次,点赞5次,收藏3次。工业互联网

iPhone网页显示不全(被遮挡)怎么办?-程序员宅基地

文章浏览阅读1.2w次。iPhone网页显示不全(被遮挡)怎么办?今天再次遇到了这样一个历史遗留问题:我们在用iPhone浏览部分网页时,有时候会出现部分选项被界面遮挡的情况,如:

在eclipse中使用vim-程序员宅基地

文章浏览阅读52次。转自:http://blog.csdn.net/eplaylity/article/details/6168283 1. vrapper(开源) 直接从eclipse安装即可,地址:http://vrapper.sourceforge.net/update-site/stable/ 2. viplugin(收费) 下载后,拷贝到eclipse相应目录即可,地址 http://www.vip..._在eclipse中配置vim编辑

使用JDK命令排查故障实战案例详解_jdk巡检的检查项-程序员宅基地

文章浏览阅读2.2k次,点赞8次,收藏12次。文章目录服务器CPU使用率达到99%程序发生了死锁java应用大量消耗内存 学习了JDK命令,就是为了排查故障的,今天通过几个分类来了解在程序遇到故障的时候,如果使用JDK命令排查问题服务器CPU使用率达到99% 这里我们先写一个demo,写一个死循环..._jdk巡检的检查项

Geoserver的一些关键设置(持续更新)_- found system environment variablegeoserver_data_-程序员宅基地

文章浏览阅读2.3k次。关于geoserver的data_dir目录使用geoserver时特别注意,所有的数据都保存在 data_dir中,data_dir目录存储了workspace、data store、featuretype、layergroup等设置在使用 tomcat部署时,如果一不小心undeploy了,程序丢了,如果data_dir也在程序目录里面,那就.....所以,在环境变量中添加GEOSE..._- found system environment variablegeoserver_data_dir set to /geoserver_tile