颜色色码表汇总表

返回-维修爱好者论坛


想要让自己的网页充满各种变化色彩,那麽色码表你就需要收藏了!


颜色代码表I

#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

  • 资料来源:网络
  • 下面的每一个表代表一种色调。每个色调以30度间隔从色环取得。
  • 表中的X轴代表饱和度(100%, 75%, 50%, 25%, 0%)。
  • Y轴代表亮度。50% 属于 '正常'。
0度 红
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #FFBFBF #F7C7C7 #EFCFCF #E7D7D7 #DFDFDF
75 #FF8080 #EF8F8F #DF9F9F #CFAFAF #BFBFBF
63 #FF4040 #E75858 #CF7070 #B78787 #9F9F9F
50 #FF0000 #DF2020 #BF4040 #9F6060 #808080
38 #BF0000 #A71818 #8F3030 #784848 #606060
25 #800000 #701010 #602020 #503030 #404040
13 #400000 #380808 #301010 #281818 #202020
0 #000000 #000000 #000000 #000000 #000000
30度 红-黄 (=橙)
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #FFDFBF #F7DFC7 #EFDFCF #E7DFD7 #DFDFDF
75 #FFBF80 #EFBF8F #DFBF9F #CFBFAF #BFBFBF
63 #FF9F40 #E79F58 #CF9F70 #B79F87 #9F9F9F
50 #FF8000 #DF8020 #BF8040 #9F8060 #808080
38 #BF6000 #A76018 #8F6030 #786048 #606060
25 #804000 #704010 #604020 #504030 #404040
13 #402000 #382008 #302010 #282018 #202020
0 #000000 #000000 #000000 #000000 #000000
60度 黄
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #FFFFBF #F7F7C7 #EFEFCF #E7E7D7 #DFDFDF
75 #FFFF80 #EFEF8F #DFDF9F #CFCFAF #BFBFBF
63 #FFFF40 #E7E758 #CFCF70 #B7B787 #9F9F9F
50 #FFFF00 #DFDF20 #BFBF40 #9F9F60 #808080
38 #BFBF00 #A7A718 #8F8F30 #787848 #606060
25 #808000 #707010 #606020 #505030 #404040
13 #404000 #383808 #303010 #282818 #202020
0 #000000 #000000 #000000 #000000 #000000
90度 黄-绿
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #DFFFBF #DFF7C7 #DFEFCF #DFE7D7 #DFDFDF
75 #BFFF80 #BFEF8F #BFDF9F #BFCFAF #BFBFBF
63 #9FFF40 #9FE758 #9FCF70 #9FB787 #9F9F9F
50 #80FF00 #80DF20 #80BF40 #809F60 #808080
38 #60BF00 #60A718 #608F30 #607848 #606060
25 #408000 #407010 #406020 #405030 #404040
13 #204000 #203808 #203010 #202818 #202020
0 #000000 #000000 #000000 #000000 #000000
120度 绿
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #BFFFBF #C7F7C7 #CFEFCF #D7E7D7 #DFDFDF
75 #80FF80 #8FEF8F #9FDF9F #AFCFAF #BFBFBF
63 #40FF40 #58E758 #70CF70 #87B787 #9F9F9F
50 #00FF00 #20DF20 #40BF40 #609F60 #808080
38 #00BF00 #18A718 #308F30 #487848 #606060
25 #008000 #107010 #206020 #305030 #404040
13 #004000 #083808 #103010 #182818 #202020
0 #000000 #000000 #000000 #000000 #000000
150度 绿-青
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #BFFFDF #C7F7DF #CFEFDF #D7E7DF #DFDFDF
75 #80FFBF #8FEFBF #9FDFBF #AFCFBF #BFBFBF
63 #40FF9F #58E79F #70CF9F #87B79F #9F9F9F
50 #00FF80 #20DF80 #40BF80 #609F80 #808080
38 #00BF60 #18A760 #308F60 #487860 #606060
25 #008040 #107040 #206040 #305040 #404040
13 #004020 #083820 #103020 #182820 #202020
0 #000000 #000000 #000000 #000000 #000000
180度 青
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #BFFFFF #C7F7F7 #CFEFEF #D7E7E7 #DFDFDF
75 #80FFFF #8FEFEF #9FDFDF #AFCFCF #BFBFBF
63 #40FFFF #58E7E7 #70CFCF #87B7B7 #9F9F9F
50 #00FFFF #20DFDF #40BFBF #609F9F #808080
38 #00BFBF #18A7A7 #308F8F #487878 #606060
25 #008080 #107070 #206060 #305050 #404040
13 #004040 #083838 #103030 #182828 #202020
0 #000000 #000000 #000000 #000000 #000000
210度 青-蓝
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #BFDFFF #C7DFF7 #CFDFEF #D7DFE7 #DFDFDF
75 #80BFFF #8FBFEF #9FBFDF #AFBFCF #BFBFBF
63 #409FFF #589FE7 #709FCF #879FB7 #9F9F9F
50 #0080FF #2080DF #4080BF #60809F #808080
38 #0060BF #1860A7 #30608F #486078 #606060
25 #004080 #104070 #204060 #304050 #404040
13 #002040 #082038 #102030 #182028 #202020
0 #000000 #000000 #000000 #000000 #000000
240度 蓝
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #BFBFFF #C7C7F7 #CFCFEF #D7D7E7 #DFDFDF
75 #8080FF #8F8FEF #9F9FDF #AFAFCF #BFBFBF
63 #4040FF #5858E7 #7070CF #8787B7 #9F9F9F
50 #0000FF #2020DF #4040BF #60609F #808080
38 #0000BF #1818A7 #30308F #484878 #606060
25 #000080 #101070 #202060 #303050 #404040
13 #000040 #080838 #101030 #181828 #202020
0 #000000 #000000 #000000 #000000 #000000
270度 蓝-紫
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #DFBFFF #DFC7F7 #DFCFEF #DFD7E7 #DFDFDF
75 #BF80FF #BF8FEF #BF9FDF #BFAFCF #BFBFBF
63 #9F40FF #9F58E7 #9F70CF #9F87B7 #9F9F9F
50 #8000FF #8020DF #8040BF #80609F #808080
38 #6000BF #6018A7 #60308F #604878 #606060
25 #400080 #401070 #402060 #403050 #404040
13 #200040 #200838 #201030 #201828 #202020
0 #000000 #000000 #000000 #000000 #000000
300度 紫
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #FFBFFF #F7C7F7 #EFCFEF #E7D7E7 #DFDFDF
75 #FF80FF #EF8FEF #DF9FDF #CFAFCF #BFBFBF
63 #FF40FF #E758E7 #CF70CF #B787B7 #9F9F9F
50 #FF00FF #DF20DF #BF40BF #9F609F #808080
38 #BF00BF #A718A7 #8F308F #784878 #606060
25 #800080 #701070 #602060 #503050 #404040
13 #400040 #380838 #301030 #281828 #202020
0 #000000 #000000 #000000 #000000 #000000
330度 紫-红
饱和度
100% 75% 50% 25% 0%
100 #FFFFFF #FFFFFF #FFFFFF #FFFFFF #FFFFFF
88 #FFBFDF #F7C7DF #EFCFDF #E7D7DF #DFDFDF
75 #FF80BF #EF8FBF #DF9FBF #CFAFBF #BFBFBF
63 #FF409F #E7589F #CF709F #B7879F #9F9F9F
50 #FF0080 #DF2080 #BF4080 #9F6080 #808080
38 #BF0060 #A71860 #8F3060 #784860 #606060
25 #800040 #701040 #602040 #503040 #404040
13 #400020 #380820 #301020 #281820 #202020
0 #000000 #000000 #000000 #000000 #000000


颜色代码表Ⅱ

1. 基本的色调(依色彩、明亮度来排列的色码表)

#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

#f63f00

#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

#3ff33

#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

#ff00ff

#cc00cc

#990099

#770077

2. 色调的转换(色调的渐层变换,寒色系转暖色系)

#000000

#000020

#000040

#000060

#000080

#0000a0

#0000c0

#0000ff

#002000

#002020

#002040

#002060

#002080

#0020a0

#0020c0

#0020ff

#004000

#004020

#004040

#004060

#004080

#0040a0

#0040c0

#0040ff

#006000

#006020

#006040

#006060

#006080

#0060a0

#0060c0

#0060ff

#008000

#008020

#008040

#008060

#008080

#0080a0

#0080c0

#0080ff

#00a000

#00a020

#00a040

#00a060

#00a080

#00a0a0

#00a0c0

#00a0ff

#00c000

#00c020

#00c040

#00c060

#00c080

#00c0a0

#00c0c0

#00c0ff

#00ff00

#00ff20

#00ff40

#00ff60

#00ff80

#00ffa0

#00ffc0

#00ffff


#200000

#200020

#200040

#200060

#200080

#2000a0

#2000c0

#2000ff

#202000

#202020

#202040

#202060

#202080

#2020a0

#2020c0

#2020ff

#204000

#204020

#204040

#204060

#204080

#2040a0

#2040c0

#2040ff

#206000

#206020

#206040

#206060

#206080

#2060a0

#2060c0

#2060ff

#208000

#208020

#208040

#208060

#208080

#2080a0

#2080c0

#2080ff

#20a000

#20a020

#20a040

#20a060

#20a080

#20a0a0

#20a0c0

#20a0ff

#20c000

#20c020

#20c040

#20c060

#20c080

#20c0a0

#20c0c0

#20c0ff

#20ff00

#20ff20

#20ff40

#20ff60

#20ff80

#20ffa0

#20ffc0

#20ffff


#400000

#400020

#400040

#400060

#400080

#4000a0

#4000c0

#4000ff

#402000

#402020

#402040

#402060

#402080

#4020a0

#4020c0

#4020ff

#404000

#404020

#404040

#404060

#404080

#4040a0

#4040c0

#4040ff

#406000

#406020

#406040

#406060

#406080

#4060a0

#4060c0

#4060ff

#408000

#408020

#408040

#408060

#408080

#4080a0

#4080c0

#4080ff

#40a000

#40a020

#40a040

#40a060

#40a080

#40a0a0

#40a0c0

#40a0ff

#40c000

#40c020

#40c040

#40c060

#40c080

#40c0a0

#40c0c0

#40c0ff

#40ff00

#40ff20

#40ff40

#40ff60

#40ff80

#40ffa0

#40ffc0

#40ffff


#800000

#800020

#800040

#800060

#800080

#8000a0

#8000c0

#8000ff

#802000

#802020

#802040

#802060

#802080

#8020a0

#8020c0

#8020ff

#804000

#804020

#804040

#804060

#804080

#8040a0

#8040c0

#8040ff

#806000

#806020

#806040

#806060

#806080

#8060a0

#8060c0

#8060ff

#808000

#808020

#808040

#808060

#808080

#8080a0

#8080c0

#8080ff

#80a000

#80a020

#80a040

#80a060

#80a080

#80a0a0

#80a0c0

#80a0ff

#80c000

#80c020

#80c040

#80c060

#80c080

#80c0a0

#80c0c0

#80c0ff

#80ff00

#80ff20

#80ff40

#80ff60

#80ff80

#80ffa0

#80ffc0

#80ffff


#a00000

#a00020

#a00040

#a00060

#a00080

#a000a0

#a000c0

#a000ff

#a02000

#a02020

#a02040

#a02060

#a02080

#a020a0

#a020c0

#a020ff

#a04000

#a04020

#a04040

#a04060

#a04080

#a040a0

#a040c0

#a040ff

#a06000

#a06020

#a06040

#a06060

#a06080

#a060a0

#a060c0

#a060ff

#a08000

#a08020

#a08040

#a08060

#a08080

#a080a0

#a080c0

#a080ff

#a0a000

#a0a020

#a0a040

#a0a060

#a0a080

#a0a0a0

#a0a0c0

#a0a0ff

#a0c000

#a0c020

#a0c040

#a0c060

#a0c080

#a0c0a0

#a0c0c0

#a0c0ff

#a0ff00

#a0ff20

#a0ff40

#a0ff60

#a0ff80

#a0ffa0

#a0ffc0

#a0ffff


#c00000

#c00020

#c00040

#c00060

#c00080

#c000a0

#c000c0

#c000ff

#c02000

#c02020

#c02040

#c02060

#c02080

#c020a0

#c020c0

#c020ff

#c04000

#c04020

#c04040

#c04060

#c04080

#c040a0

#c040c0

#c040ff

#c06000

#c06020

#c06040

#c06060

#c06080

#c060a0

#c060c0

#c060ff

#c08000

#c08020

#c08040

#c08060

#c08080

#c080a0

#c080c0

#c080ff

#c0a000

#c0a020

#c0a040

#c0a060

#c0a080

#c0a0a0

#c0a0c0

#c0a0ff

#c0c000

#c0c020

#c0c040

#c0c060

#c0c080

#c0c0a0

#c0c0c0

#c0c0ff

#c0ff00

#c0ff20

#c0ff40

#c0ff60

#c0ff80

#c0ffa0

#c0ffc0

#c0ffff



#ff0000

#ff0020

#ff0040

#ff0060

#ff0080

#ff00a0

#ff00c0

#ff00ff

#ff2000

#ff2020

#ff2040

#ff2060

#ff2080

#ff20a0

#ff20c0

#ff20ff

#ff4000

#ff4020

#ff4040

#ff4060

#ff4080

#ff40a0

#ff40c0

#ff40ff

#ff6000

#ff6020

#ff6040

#ff6060

#ff6080

#ff60a0

#ff60c0

#ff60ff

#ff8000

#ff8020

#ff8040

#ff8060

#ff8080

#ff80a0

#ff80c0

#ff80ff

#ffa000

#ffa020

#ffa040

#ffa060

#ffa080

#ffa0a0

#ffa0c0

#ffa0ff

#ffc000

#ffc020

#ffc040

#ffc060

#ffc080

#ffc0a0

#ffc0c0

#ffc0ff

#ffff00

#ffff20

#ffff40

#ffff60

#ffff80

#ffffa0

#ffffc0

#ffffff

色卡名称
red
green
blue
magenta
yellow
chocolate
black
aquamarine
lime
fuchsia
brass
azure
brown
bronze
deeppink
aliceblue
gray
copper
coral
feldspar
orange
orchid
pink
plum
quartz
purple
aliceblue
antiquewith
blanchedalmond
blueviolet
beige
burlywood
bisque
cadetblue
pink
saddlebrown
royalblue
rosybrown
purple
orengered
olivedrab
powderblue
peachpuff
papayawhip
paleturquoise
palevioletred
palegreen
navyblue
navajowhite
palegodenrod
violetred
yellowgreen
tomato
turquoise
thistle
springgreen
steelblue
salmon
scarlet
sienna
silver
tan
thistle
turquoise
violet
snow
salmon
scarlet
sienna
silver
tan
thistle
turquoise
violet
chartreuse
darkslategray
darkseagreen
darkred
mediumslateblue
mediumvioletred
oldlace
maroom
goldenrod
wheat
whitesmoke
orange
moccasin
mistyrose
mintcream
midnightblue
dimgray
darksalmon
slategray
skyblue
sienna
seashell
salmon
seagreen
sandybrown
firebrick
gold
khaki
maroom
goldenrod
wheat
whitesmoke
mediumturquoise
navy
mediumspringgreen
mediumseagreen
mediumpurpul
peru
mediumorchid
mediumblue
mediumaquamarine
maroon
limegreen
lightyellow
lightsteelblue
magenta
lightslateblue
lightslategray
lightskyblue
inen
lightseagreen
lightsalmon
lightpink
plum
lightgray
lightgreen
lightgodenrodyellow
indianred
lavender
lightblue
lavenderblush
lightcoral
lightcyan
lightgodenrod
hotpink
greenyellow
lemonchiffon
lawngreen
darkorchid
deepskyblue
honeydew
golenrod
forestgreen
gostwhite
greenyellow
gainsboro
firebrick
dodgerblue
darkturquoise
darkslateblue
darkslategray
darkseagreen
darkred
darkorchid
darkorenge
darkslateblue
darkviolet
floralwhite
cyan
darkgoldenrod
cornsilk
darkolivegreen

bisquedarkgray

darkblue
darkcyan
darkgreen
darkhaki
ivory
darkmagenta
darkgray
cornfloewrblue
cornfloewrblue
darkviolet
floralwhite
darkorenge
darkslateblue

返回-维修爱好者论坛