在线颜色调用工具汇集

网页颜色配色工具 颜色代码选择器 标准颜色参考工具 配 色 辞 典 在线调色板 网页安全色大全

颜 色HSL（色调，饱和度，亮度）    下面的每一个表代表一种色调。每个色调以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 选摘《中国站长天空》