CSS 颜色代码大全 CSS颜色对照表

设计稿常用颜色

设计稿底色
#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
  • 44
    点赞
  • 406
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值