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