CSS 色彩表

 #000000 #2F0000 #600030 #460046 #28004D
 #272727 #4D0000 #820041 #5E005E #3A006F
 #3C3C3C #600000 #9F0050 #750075 #4B0091
 #4F4F4F #750000 #BF0060 #930093 #5B00AE
 #5B5B5B #930000 #D9006C #AE00AE #6F00D2
 #6C6C6C #AE0000 #F00078 #D200D2 #8600FF
 #7B7B7B #CE0000 #FF0080 #E800E8 #921AFF
 #8E8E8E #EA0000 #FF359A #FF00FF #9F35FF
 #9D9D9D #FF0000 #FF60AF #FF44FF #B15BFF
 #ADADAD #FF2D2D #FF79BC #FF77FF #BE77FF
 #BEBEBE #FF5151 #FF95CA #FF8EFF #CA8EFF
 #d0d0d0 #ff7575 #ffaad5 #ffa6ff #d3a4ff
 #E0E0E0 #FF9797 #FFC1E0 #FFBFFF #DCB5FF
 #F0F0F0 #FFB5B5 #FFD9EC #FFD0FF #E6CAFF
 #FCFCFC #FFD2D2 #FFECF5 #FFE6FF #F1E1FF
 #FFFFFF #FFECEC #FFF7FB #FFF7FF #FAF4FF
 #000079 #000079 #003E3E #006030 #006000
 #000093 #003D79 #005757 #01814A #007500
 #0000C6 #004B97 #007979 #019858 #009100
 #0000C6 #005AB5 #009393 #01B468 #00A600
 #0000E3 #0066CC #00AEAE #02C874 #00BB00
 #2828FF #0072E3 #00CACA #02DF82 #00DB00
 #4A4AFF #0080FF #00E3E3 #02F78E #00EC00
 #6A6AFF #2894FF #00FFFF #1AFD9C #28FF28
 #7D7DFF #46A3FF #4DFFFF #4EFEB3 #53FF53
 #9393FF #66B3FF #80FFFF #7AFEC6 #79FF79
 #AAAAFF #84C1FF #A6FFFF #96FED1 #93FF93
 #B9B9FF #97CBFF #BBFFFF #ADFEDC #A6FFA6
 #CECEFF #ACD6FF #CAFFFF #C1FFE4 #BBFFBB
 #DDDDFF #C4E1FF #D9FFFF #D7FFEE #CEFFCE
 #ECECFF #D2E9FF #ECFFFF #E8FFF5 #DFFFDF
 #FBFBFF #ECF5FF #FDFFFF #FBFFFD #F0FFF0
 #467500 #424200 #5B4B00 #844200 #642100
 #548C00 #5B5B00 #796400 #9F5000 #842B00
 #64A600 #737300 #977C00 #BB5E00 #A23400
 #73BF00 #8C8C00 #AE8F00 #D26900 #BB3D00
 #82D900 #A6A600 #C6A300 #EA7500 #D94600
 #8CEA00 #C4C400 #D9B300 #FF8000 #F75000
 #9AFF02 #E1E100 #EAC100 #FF9224 #FF5809
 #A8FF24 #F9F900 #FFD306 #FFA042 #FF8040
 #B7FF4A #FFFF37 #FFDC35 #FFAF60 #FF8F59
 #C2FF68 #FFFF6F #FFE153 #FFBB77 #FF9D6F
 #CCFF80 #FFFF93 #FFE66F #FFC78E #FFAD86
 #D3FF93 #FFFFAA #FFED97 #FFD1A4 #FFBD9D
 #DEFFAC #FFFFB9 #FFF0AC #FFDCB9 #FFCBB3
 #E8FFC4 #FFFFCE #FFF4C1 #FFE4CA #FFDAC8
 #EFFFD7 #FFFFDF #FFF8D7 #FFEEDD #FFE6D9
 #F5FFE8 #FFFFF4 #FFFCEC #FFFAF4 #FFF3EE
 #613030 #616130 #336666 #484891 #6C3365
 #743A3A #707038 #3D7878 #5151A2 #7E3D76
 #804040 #808040 #408080 #5A5AAD #8F4586
 #984B4B #949449 #4F9D9D #7373B9 #9F4D95
 #AD5A5A #A5A552 #5CADAD #8080C0 #AE57A4
 #B87070 #AFAF61 #6FB7B7 #9999CC #B766AD
 #C48888 #B9B973 #81C0C0 #A6A6D2 #C07AB8
 #CF9E9E #C2C287 #95CACA #B8B8DC #CA8EC2
 #D9B3B3 #CDCD9A #A3D1D1 #C7C7E2 #D2A2CC
 #E1C4C4 #D6D6AD #B3D9D9 #D8D8EB #DAB1D5
 #EBD6D6 #DEDEBE #C4E1E1 #E6E6F2 #E2C2DE
 #F2E6E6 #E8E8D0 #D1E9E9 #F3F3FA #EBD3E8

 

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 
darkgray#A9A9A9 
silver#C0C0C0 
lightgray#D3D3D3 
gainsboro#DCDCDC 
whitesmoke#F5F5F5 
ghostwhite#F8F8FF 
white#FFFFFF

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值