首页 > 代码库 > 十六进制颜色码大全,可以点击复制

十六进制颜色码大全,可以点击复制

平时做一些demo的时候,需要用到颜色,但是好多好看的颜色又记不住,所以做了一个demo,点击可以直接复制颜色的颜色码

技术分享

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>颜色代码大全</title>
    <style>
        *{margin:0;padding:0;}
        #container{width: 30%;height: 100%;float: left;}
        #content{width: 70%;height: 100%;float: left;}
        .box,.box2{text-align: center;line-height: 50px;float: left;height: 50px;font-size: 12px;color:#fff;text-shadow: 0 0 1px #000;}
        .box{width: 16.66%;}
        .box2{width: 6.66%;}
        #success{width: 200px;height: 40px;background:#ccff00;text-align: center;line-height: 40px;position: fixed;margin:auto;left: 0;right: 0;top: 100px;box-shadow: 0px 0px 2px 2px #ccff00;color: #fff;border-radius: 5px;-webkit-transition:all 0.5s;opacity: 0;text-shadow: 0 0 1px #000;}
        .show{
            -webkit-animation:show 1s;
        }
        @keyframes show{
            /*from, 60%, 75%, 90%, 100% {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
                animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
              }*/

              0% {
                opacity: 1;
                -webkit-transform: translate3d(0, -3000px, 0);
              }

              20% {
                opacity: 1;
                -webkit-transform: translate3d(0, 25px, 0);
              }

              35% {
                -webkit-transform: translate3d(0, -10px, 0);
              }

              50% {
                -webkit-transform: translate3d(0, 5px, 0);
              }
              95% {
                -webkit-transform: translate3d(0, 5px, 0);
              }
              100% {
                -webkit-transform: translate3d(0, -200px, 0);
                opacity: 1;
              }

              /*100% {
                -webkit-transform: none;
                transform: none;
                opacity: 1;
              }*/
        }
    </style>
</head>
<body>
    <section id="container">
        <div class="box" style="background:#ffff00;">#ffff00</div>
        <div class="box" style="background:#ffff33;">#ffff33</div>
        <div class="box" style="background:#ffff66;">#ffff66</div>
        <div class="box" style="background:#ffff99;">#ffff99</div>
        <div class="box" style="background:#ffffcc;">#ffffcc</div>
        <div class="box" style="background:#ffffff;">#ffffff</div>
        <div class="box" style="background:#ffcc00;">#ffcc00</div>
        <div class="box" style="background:#ffcc33;">#ffcc33</div>
        <div class="box" style="background:#ffcc66;">#ffcc66</div>
        <div class="box" style="background:#ffcc99;">#ffcc99</div>
        <div class="box" style="background:#ffcccc;">#ffcccc</div>
        <div class="box" style="background:#ffccff;">#ffccff</div>
        <div class="box" style="background:#ff9900;">#ff9900</div>
        <div class="box" style="background:#ff9933;">#ff9933</div>
        <div class="box" style="background:#ff9966;">#ff9966</div>
        <div class="box" style="background:#ff9999;">#ff9999</div>
        <div class="box" style="background:#ff99cc;">#ff99cc</div>
        <div class="box" style="background:#ff99ff;">#ff99ff</div>
        <div class="box" style="background:#ff6600;">#ff6600</div>
        <div class="box" style="background:#ff6633;">#ff6633</div>
        <div class="box" style="background:#ff6666;">#ff6666</div>
        <div class="box" style="background:#ff6699;">#ff6699</div>
        <div class="box" style="background:#ff66cc;">#ff66cc</div>
        <div class="box" style="background:#ff66ff;">#ff66ff</div>
        <div class="box" style="background:#ff3300;">#ff3300</div>
        <div class="box" style="background:#ff3333;">#ff3333</div>
        <div class="box" style="background:#ff3366;">#ff3366</div>
        <div class="box" style="background:#ff3399;">#ff3399</div>
        <div class="box" style="background:#ff33cc;">#ff33cc</div>
        <div class="box" style="background:#ff33ff;">#ff33ff</div>
        <div class="box" style="background:#ff0000;">#ff0000</div>
        <div class="box" style="background:#ff0033;">#ff0033</div>
        <div class="box" style="background:#ff0066;">#ff0066</div>
        <div class="box" style="background:#ff0099;">#ff0099</div>
        <div class="box" style="background:#ff00cc;">#ff00cc</div>
        <div class="box" style="background:#ff00ff;">#ff00ff</div>
        <div class="box" style="background:#ccff00;">#ccff00</div>
        <div class="box" style="background:#ccff33;">#ccff33</div>
        <div class="box" style="background:#ccff66;">#ccff66</div>
        <div class="box" style="background:#ccff99;">#ccff99</div>
        <div class="box" style="background:#ccffcc;">#ccffcc</div>
        <div class="box" style="background:#ccffff;">#ccffff</div>
        <div class="box" style="background:#cccc00;">#cccc00</div>
        <div class="box" style="background:#cccc33;">#cccc33</div>
        <div class="box" style="background:#cccc66;">#cccc66</div>
        <div class="box" style="background:#cccc99;">#cccc99</div>
        <div class="box" style="background:#cccccc;">#cccccc</div>
        <div class="box" style="background:#ccccff;">#ccccff</div>
        <div class="box" style="background:#cc9900;">#cc9900</div>
        <div class="box" style="background:#cc9933;">#cc9933</div>
        <div class="box" style="background:#cc9966;">#cc9966</div>
        <div class="box" style="background:#cc9999;">#cc9999</div>
        <div class="box" style="background:#cc99cc;">#cc99cc</div>
        <div class="box" style="background:#cc99ff;">#cc99ff</div>
        <div class="box" style="background:#cc6600;">#cc6600</div>
        <div class="box" style="background:#cc6633;">#cc6633</div>
        <div class="box" style="background:#cc6666;">#cc6666</div>
        <div class="box" style="background:#cc6699;">#cc6699</div>
        <div class="box" style="background:#cc66cc;">#cc66cc</div>
        <div class="box" style="background:#cc66ff;">#cc66ff</div>
        <div class="box" style="background:#cc3300;">#cc3300</div>
        <div class="box" style="background:#cc3333;">#cc3333</div>
        <div class="box" style="background:#cc3366;">#cc3366</div>
        <div class="box" style="background:#cc3399;">#cc3399</div>
        <div class="box" style="background:#cc33cc;">#cc33cc</div>
        <div class="box" style="background:#cc33ff;">#cc33ff</div>
        <div class="box" style="background:#cc0000;">#cc0000</div>
        <div class="box" style="background:#cc0033;">#cc0033</div>
        <div class="box" style="background:#cc0066;">#cc0066</div>
        <div class="box" style="background:#cc0099;">#cc0099</div>
        <div class="box" style="background:#cc00cc;">#cc00cc</div>
        <div class="box" style="background:#cc00ff;">#cc00ff</div>
        <div class="box" style="background:#99ff00;">#99ff00</div>
        <div class="box" style="background:#99ff33;">#99ff33</div>
        <div class="box" style="background:#99ff66;">#99ff66</div>
        <div class="box" style="background:#99ff99;">#99ff99</div>
        <div class="box" style="background:#99ffcc;">#99ffcc</div>
        <div class="box" style="background:#99ffff;">#99ffff</div>
        <div class="box" style="background:#99cc00;">#99cc00</div>
        <div class="box" style="background:#99cc33;">#99cc33</div>
        <div class="box" style="background:#99cc66;">#99cc66</div>
        <div class="box" style="background:#99cc99;">#99cc99</div>
        <div class="box" style="background:#99cccc;">#99cccc</div>
        <div class="box" style="background:#99ccff;">#99ccff</div>
        <div class="box" style="background:#999900;">#999900</div>
        <div class="box" style="background:#999933;">#999933</div>
        <div class="box" style="background:#999966;">#999966</div>
        <div class="box" style="background:#999999;">#999999</div>
        <div class="box" style="background:#9999cc;">#9999cc</div>
        <div class="box" style="background:#9999ff;">#9999ff</div>
        <div class="box" style="background:#996600;">#996600</div>
        <div class="box" style="background:#996633;">#996633</div>
        <div class="box" style="background:#996666;">#996666</div>
        <div class="box" style="background:#996699;">#996699</div>
        <div class="box" style="background:#9966cc;">#9966cc</div>
        <div class="box" style="background:#9966ff;">#9966ff</div>
        <div class="box" style="background:#993300;">#993300</div>
        <div class="box" style="background:#993333;">#993333</div>
        <div class="box" style="background:#993366;">#993366</div>
        <div class="box" style="background:#993399;">#993399</div>
        <div class="box" style="background:#9933cc;">#9933cc</div>
        <div class="box" style="background:#9933ff;">#9933ff</div>
        <div class="box" style="background:#990000;">#990000</div>
        <div class="box" style="background:#990033;">#990033</div>
        <div class="box" style="background:#990066;">#990066</div>
        <div class="box" style="background:#990099;">#990099</div>
        <div class="box" style="background:#9900cc;">#9900cc</div>
        <div class="box" style="background:#9900ff;">#9900ff</div>
        <div class="box" style="background:#66ff00;">#66ff00</div>
        <div class="box" style="background:#66ff33;">#66ff33</div>
        <div class="box" style="background:#66ff66;">#66ff66</div>
        <div class="box" style="background:#66ff99;">#66ff99</div>
        <div class="box" style="background:#66ffcc;">#66ffcc</div>
        <div class="box" style="background:#66ffff;">#66ffff</div>
        <div class="box" style="background:#66cc00;">#66cc00</div>
        <div class="box" style="background:#66cc33;">#66cc33</div>
        <div class="box" style="background:#66cc66;">#66cc66</div>
        <div class="box" style="background:#66cc99;">#66cc99</div>
        <div class="box" style="background:#66cccc;">#66cccc</div>
        <div class="box" style="background:#66ccff;">#66ccff</div>
        <div class="box" style="background:#669900;">#669900</div>
        <div class="box" style="background:#669933;">#669933</div>
        <div class="box" style="background:#669966;">#669966</div>
        <div class="box" style="background:#669999;">#669999</div>
        <div class="box" style="background:#6699cc;">#6699cc</div>
        <div class="box" style="background:#6699ff;">#6699ff</div>
        <div class="box" style="background:#666600;">#666600</div>
        <div class="box" style="background:#666633;">#666633</div>
        <div class="box" style="background:#666666;">#666666</div>
        <div class="box" style="background:#666699;">#666699</div>
        <div class="box" style="background:#6666cc;">#6666cc</div>
        <div class="box" style="background:#6666ff;">#6666ff</div>
        <div class="box" style="background:#663300;">#663300</div>
        <div class="box" style="background:#663333;">#663333</div>
        <div class="box" style="background:#663366;">#663366</div>
        <div class="box" style="background:#663399;">#663399</div>
        <div class="box" style="background:#6633cc;">#6633cc</div>
        <div class="box" style="background:#6633ff;">#6633ff</div>
        <div class="box" style="background:#660000;">#660000</div>
        <div class="box" style="background:#660033;">#660033</div>
        <div class="box" style="background:#660066;">#660066</div>
        <div class="box" style="background:#660099;">#660099</div>
        <div class="box" style="background:#6600cc;">#6600cc</div>
        <div class="box" style="background:#6600ff;">#6600ff</div>
        <div class="box" style="background:#33ff00;">#33ff00</div>
        <div class="box" style="background:#33ff33;">#33ff33</div>
        <div class="box" style="background:#33ff66;">#33ff66</div>
        <div class="box" style="background:#33ff99;">#33ff99</div>
        <div class="box" style="background:#33ffcc;">#33ffcc</div>
        <div class="box" style="background:#33ffff;">#33ffff</div>
        <div class="box" style="background:#33cc00;">#33cc00</div>
        <div class="box" style="background:#33cc33;">#33cc33</div>
        <div class="box" style="background:#33cc66;">#33cc66</div>
        <div class="box" style="background:#33cc99;">#33cc99</div>
        <div class="box" style="background:#33cccc;">#33cccc</div>
        <div class="box" style="background:#33ccff;">#33ccff</div>
        <div class="box" style="background:#339900;">#339900</div>
        <div class="box" style="background:#339933;">#339933</div>
        <div class="box" style="background:#339966;">#339966</div>
        <div class="box" style="background:#339999;">#339999</div>
        <div class="box" style="background:#3399cc;">#3399cc</div>
        <div class="box" style="background:#3399ff;">#3399ff</div>
        <div class="box" style="background:#336600;">#336600</div>
        <div class="box" style="background:#336633;">#336633</div>
        <div class="box" style="background:#336666;">#336666</div>
        <div class="box" style="background:#336699;">#336699</div>
        <div class="box" style="background:#3366cc;">#3366cc</div>
        <div class="box" style="background:#3366ff;">#3366ff</div>
        <div class="box" style="background:#333300;">#333300</div>
        <div class="box" style="background:#333333;">#333333</div>
        <div class="box" style="background:#333366;">#333366</div>
        <div class="box" style="background:#333399;">#333399</div>
        <div class="box" style="background:#3333cc;">#3333cc</div>
        <div class="box" style="background:#3333ff;">#3333ff</div>
        <div class="box" style="background:#330000;">#330000</div>
        <div class="box" style="background:#330033;">#330033</div>
        <div class="box" style="background:#330066;">#330066</div>
        <div class="box" style="background:#330099;">#330099</div>
        <div class="box" style="background:#3300cc;">#3300cc</div>
        <div class="box" style="background:#3300ff;">#3300ff</div>
        <div class="box" style="background:#00ff00;">#00ff00</div>
        <div class="box" style="background:#00ff33;">#00ff33</div>
        <div class="box" style="background:#00ff66;">#00ff66</div>
        <div class="box" style="background:#00ff99;">#00ff99</div>
        <div class="box" style="background:#00ffcc;">#00ffcc</div>
        <div class="box" style="background:#00ffff;">#00ffff</div>
        <div class="box" style="background:#00cc00;">#00cc00</div>
        <div class="box" style="background:#00cc33;">#00cc33</div>
        <div class="box" style="background:#00cc66;">#00cc66</div>
        <div class="box" style="background:#00cc99;">#00cc99</div>
        <div class="box" style="background:#00cccc;">#00cccc</div>
        <div class="box" style="background:#00ccff;">#00ccff</div>
        <div class="box" style="background:#009900;">#009900</div>
        <div class="box" style="background:#009933;">#009933</div>
        <div class="box" style="background:#009966;">#009966</div>
        <div class="box" style="background:#009999;">#009999</div>
        <div class="box" style="background:#0099cc;">#0099cc</div>
        <div class="box" style="background:#0099ff;">#0099ff</div>
        <div class="box" style="background:#006600;">#006600</div>
        <div class="box" style="background:#006633;">#006633</div>
        <div class="box" style="background:#006666;">#006666</div>
        <div class="box" style="background:#006699;">#006699</div>
        <div class="box" style="background:#0066cc;">#0066cc</div>
        <div class="box" style="background:#0066ff;">#0066ff</div>
        <div class="box" style="background:#003300;">#003300</div>
        <div class="box" style="background:#003333;">#003333</div>
        <div class="box" style="background:#003366;">#003366</div>
        <div class="box" style="background:#003399;">#003399</div>
        <div class="box" style="background:#0033cc;">#0033cc</div>
        <div class="box" style="background:#0033ff;">#0033ff</div>
        <div class="box" style="background:#000000;">#000000</div>
        <div class="box" style="background:#000033;">#000033</div>
        <div class="box" style="background:#000066;">#000066</div>
        <div class="box" style="background:#000099;">#000099</div>
        <div class="box" style="background:#0000cc;">#0000cc</div>
        <div class="box" style="background:#0000ff;">#0000ff</div>
    </section>
    <section id="content">
        <div class="box2" style="background:#FFFFFF;">#FFFFFF</div>
        <div class="box2" style="background:#FFFFF0;">#FFFFF0</div>
        <div class="box2" style="background:#FFFFE0;">#FFFFE0</div>
        <div class="box2" style="background:#FFFF00;">#FFFF00</div>
        <div class="box2" style="background:#FFFAFA;">#FFFAFA</div>
        <div class="box2" style="background:#FFFAF0;">#FFFAF0</div>
        <div class="box2" style="background:#FFFACD;">#FFFACD</div>
        <div class="box2" style="background:#FFF8DC;">#FFF8DC</div>
        <div class="box2" style="background:#FFF68F;">#FFF68F</div>
        <div class="box2" style="background:#FFF5EE;">#FFF5EE</div>
        <div class="box2" style="background:#FFF0F5;">#FFF0F5</div>
        <div class="box2" style="background:#FFEFDB;">#FFEFDB</div>
        <div class="box2" style="background:#FFEFD5;">#FFEFD5</div>
        <div class="box2" style="background:#FFEC8B;">#FFEC8B</div>
        <div class="box2" style="background:#FFEBCD;">#FFEBCD</div>
        <div class="box2" style="background:#FFE7BA;">#FFE7BA</div>
        <div class="box2" style="background:#FFE4E1;">#FFE4E1</div>
        <div class="box2" style="background:#FFE4C4;">#FFE4C4</div>
        <div class="box2" style="background:#FFE4B5;">#FFE4B5</div>
        <div class="box2" style="background:#FFE1FF;">#FFE1FF</div>
        <div class="box2" style="background:#FFDEAD;">#FFDEAD</div>
        <div class="box2" style="background:#FFDAB9;">#FFDAB9</div>
        <div class="box2" style="background:#FFD700;">#FFD700</div>
        <div class="box2" style="background:#FFD39B;">#FFD39B</div>
        <div class="box2" style="background:#FFC1C1;">#FFC1C1</div>
        <div class="box2" style="background:#FFC125;">#FFC125</div>
        <div class="box2" style="background:#FFC0CB;">#FFC0CB</div>
        <div class="box2" style="background:#FFBBFF;">#FFBBFF</div>
        <div class="box2" style="background:#FFB90F;">#FFB90F</div>
        <div class="box2" style="background:#FFB6C1;">#FFB6C1</div>
        <div class="box2" style="background:#FFB5C5;">#FFB5C5</div>
        <div class="box2" style="background:#FFAEB9;">#FFAEB9</div>
        <div class="box2" style="background:#FFA54F;">#FFA54F</div>
        <div class="box2" style="background:#FFA500;">#FFA500</div>
        <div class="box2" style="background:#FFA07A;">#FFA07A</div>
        <div class="box2" style="background:#FF8C69;">#FF8C69</div>
        <div class="box2" style="background:#FF8C00;">#FF8C00</div>
        <div class="box2" style="background:#FF83FA;">#FF83FA</div>
        <div class="box2" style="background:#FF82AB;">#FF82AB</div>
        <div class="box2" style="background:#FF8247;">#FF8247</div>
        <div class="box2" style="background:#FF7F50;">#FF7F50</div>
        <div class="box2" style="background:#FF7F24;">#FF7F24</div>
        <div class="box2" style="background:#FF7F00;">#FF7F00</div>
        <div class="box2" style="background:#FF7256;">#FF7256</div>
        <div class="box2" style="background:#FF6EB4;">#FF6EB4</div>
        <div class="box2" style="background:#FF6A6A;">#FF6A6A</div>
        <div class="box2" style="background:#FF69B4;">#FF69B4</div>
        <div class="box2" style="background:#FF6347;">#FF6347</div>
        <div class="box2" style="background:#FF4500;">#FF4500</div>
        <div class="box2" style="background:#FF4040;">#FF4040</div>
        <div class="box2" style="background:#FF3E96;">#FF3E96</div>
        <div class="box2" style="background:#FF34B3;">#FF34B3</div>
        <div class="box2" style="background:#FF3030;">#FF3030</div>
        <div class="box2" style="background:#FF1493;">#FF1493</div>
        <div class="box2" style="background:#FF00FF;">#FF00FF</div>
        <div class="box2" style="background:#FF0000;">#FF0000</div>
        <div class="box2" style="background:#FDF5E6;">#FDF5E6</div>
        <div class="box2" style="background:#FCFCFC;">#FCFCFC</div>
        <div class="box2" style="background:#FAFAFA;">#FAFAFA</div>
        <div class="box2" style="background:#FAFAD2;">#FAFAD2</div>
        <div class="box2" style="background:#FAF0E6;">#FAF0E6</div>
        <div class="box2" style="background:#FAEBD7;">#FAEBD7</div>
        <div class="box2" style="background:#FA8072;">#FA8072</div>
        <div class="box2" style="background:#F8F8FF;">#F8F8FF</div>
        <div class="box2" style="background:#F7F7F7;">#F7F7F7</div>
        <div class="box2" style="background:#F5FFFA;">#F5FFFA</div>
        <div class="box2" style="background:#F5F5F5;">#F5F5F5</div>
        <div class="box2" style="background:#F5F5DC;">#F5F5DC</div>
        <div class="box2" style="background:#F5DEB3;">#F5DEB3</div>
        <div class="box2" style="background:#F4F4F4;">#F4F4F4</div>
        <div class="box2" style="background:#F4A460;">#F4A460</div>
        <div class="box2" style="background:#F2F2F2;">#F2F2F2</div>
        <div class="box2" style="background:#F0FFFF;">#F0FFFF</div>
        <div class="box2" style="background:#F0FFF0;">#F0FFF0</div>
        <div class="box2" style="background:#F0F8FF;">#F0F8FF</div>
        <div class="box2" style="background:#F0F0F0;">#F0F0F0</div>
        <div class="box2" style="background:#F0E68C;">#F0E68C</div>
        <div class="box2" style="background:#F08080;">#F08080</div>
        <div class="box2" style="background:#EEEEE0;">#EEEEE0</div>
        <div class="box2" style="background:#EEEED1;">#EEEED1</div>
        <div class="box2" style="background:#EEEE00;">#EEEE00</div>
        <div class="box2" style="background:#EEE9E9;">#EEE9E9</div>
        <div class="box2" style="background:#EEE9BF;">#EEE9BF</div>
        <div class="box2" style="background:#EEE8CD;">#EEE8CD</div>
        <div class="box2" style="background:#EEE8AA;">#EEE8AA</div>
        <div class="box2" style="background:#EEE685;">#EEE685</div>
        <div class="box2" style="background:#EEE5DE;">#EEE5DE</div>
        <div class="box2" style="background:#EEE0E5;">#EEE0E5</div>
        <div class="box2" style="background:#EEDFCC;">#EEDFCC</div>
        <div class="box2" style="background:#EEDC82;">#EEDC82</div>
        <div class="box2" style="background:#EED8AE;">#EED8AE</div>
        <div class="box2" style="background:#EED5D2;">#EED5D2</div>
        <div class="box2" style="background:#EED5B7;">#EED5B7</div>
        <div class="box2" style="background:#EED2EE;">#EED2EE</div>
        <div class="box2" style="background:#EECFA1;">#EECFA1</div>
        <div class="box2" style="background:#EECBAD;">#EECBAD</div>
        <div class="box2" style="background:#EEC900;">#EEC900</div>
        <div class="box2" style="background:#EEC591;">#EEC591</div>
        <div class="box2" style="background:#EEB4B4;">#EEB4B4</div>
        <div class="box2" style="background:#EEB422;">#EEB422</div>
        <div class="box2" style="background:#EEAEEE;">#EEAEEE</div>
        <div class="box2" style="background:#EEAD0E;">#EEAD0E</div>
        <div class="box2" style="background:#EEA9B8;">#EEA9B8</div>
        <div class="box2" style="background:#EEA2AD;">#EEA2AD</div>
        <div class="box2" style="background:#EE9A49;">#EE9A49</div>
        <div class="box2" style="background:#EE9A00;">#EE9A00</div>
        <div class="box2" style="background:#EE9572;">#EE9572</div>
        <div class="box2" style="background:#EE82EE;">#EE82EE</div>
        <div class="box2" style="background:#EE8262;">#EE8262</div>
        <div class="box2" style="background:#EE7AE9;">#EE7AE9</div>
        <div class="box2" style="background:#EE799F;">#EE799F</div>
        <div class="box2" style="background:#EE7942;">#EE7942</div>
        <div class="box2" style="background:#EE7621;">#EE7621</div>
        <div class="box2" style="background:#EE7600;">#EE7600</div>
        <div class="box2" style="background:#EE6AA7;">#EE6AA7</div>
        <div class="box2" style="background:#EE6A50;">#EE6A50</div>
        <div class="box2" style="background:#EE6363;">#EE6363</div>
        <div class="box2" style="background:#EE5C42;">#EE5C42</div>
        <div class="box2" style="background:#EE4000;">#EE4000</div>
        <div class="box2" style="background:#EE3B3B;">#EE3B3B</div>
        <div class="box2" style="background:#EE3A8C;">#EE3A8C</div>
        <div class="box2" style="background:#EE30A7;">#EE30A7</div>
        <div class="box2" style="background:#EE2C2C;">#EE2C2C</div>
        <div class="box2" style="background:#EE1289;">#EE1289</div>
        <div class="box2" style="background:#EE00EE;">#EE00EE</div>
        <div class="box2" style="background:#EE0000;">#EE0000</div>
        <div class="box2" style="background:#EDEDED;">#EDEDED</div>
        <div class="box2" style="background:#EBEBEB;">#EBEBEB</div>
        <div class="box2" style="background:#EAEAEA;">#EAEAEA</div>
        <div class="box2" style="background:#E9967A;">#E9967A</div>
        <div class="box2" style="background:#E8E8E8;">#E8E8E8</div>
        <div class="box2" style="background:#E6E6FA;">#E6E6FA</div>
        <div class="box2" style="background:#E5E5E5;">#E5E5E5</div>
        <div class="box2" style="background:#E3E3E3;">#E3E3E3</div>
        <div class="box2" style="background:#E0FFFF;">#E0FFFF</div>
        <div class="box2" style="background:#E0EEEE;">#E0EEEE</div>
        <div class="box2" style="background:#E0EEE0;">#E0EEE0</div>
        <div class="box2" style="background:#E0E0E0;">#E0E0E0</div>
        <div class="box2" style="background:#E066FF;">#E066FF</div>
        <div class="box2" style="background:#DEDEDE;">#DEDEDE</div>
        <div class="box2" style="background:#DEB887;">#DEB887</div>
        <div class="box2" style="background:#DDA0DD;">#DDA0DD</div>
        <div class="box2" style="background:#DCDCDC;">#DCDCDC</div>
        <div class="box2" style="background:#DC143C;">#DC143C</div>
        <div class="box2" style="background:#DBDBDB;">#DBDBDB</div>
        <div class="box2" style="background:#DB7093;">#DB7093</div>
        <div class="box2" style="background:#DAA520;">#DAA520</div>
        <div class="box2" style="background:#DA70D6;">#DA70D6</div>
        <div class="box2" style="background:#D9D9D9;">#D9D9D9</div>
        <div class="box2" style="background:#D8BFD8;">#D8BFD8</div>
        <div class="box2" style="background:#D6D6D6;">#D6D6D6</div>
        <div class="box2" style="background:#D4D4D4;">#D4D4D4</div>
        <div class="box2" style="background:#D3D3D3;">#D3D3D3</div>
        <div class="box2" style="background:#D2B48C;">#D2B48C</div>
        <div class="box2" style="background:#D2691E;">#D2691E</div>
        <div class="box2" style="background:#D1EEEE;">#D1EEEE</div>
        <div class="box2" style="background:#D1D1D1;">#D1D1D1</div>
        <div class="box2" style="background:#D15FEE;">#D15FEE</div>
        <div class="box2" style="background:#D02090;">#D02090</div>
        <div class="box2" style="background:#CFCFCF;">#CFCFCF</div>
        <div class="box2" style="background:#CDCDC1;">#CDCDC1</div>
        <div class="box2" style="background:#CDCDB4;">#CDCDB4</div>
        <div class="box2" style="background:#CDCD00;">#CDCD00</div>
        <div class="box2" style="background:#CDC9C9;">#CDC9C9</div>
        <div class="box2" style="background:#CDC9A5;">#CDC9A5</div>
        <div class="box2" style="background:#CDC8B1;">#CDC8B1</div>
        <div class="box2" style="background:#CDC673;">#CDC673</div>
        <div class="box2" style="background:#CDC5BF;">#CDC5BF</div>
        <div class="box2" style="background:#CDC1C5;">#CDC1C5</div>
        <div class="box2" style="background:#CDC0B0;">#CDC0B0</div>
        <div class="box2" style="background:#CDBE70;">#CDBE70</div>
        <div class="box2" style="background:#CDBA96;">#CDBA96</div>
        <div class="box2" style="background:#CDB7B5;">#CDB7B5</div>
        <div class="box2" style="background:#CDB79E;">#CDB79E</div>
        <div class="box2" style="background:#CDB5CD;">#CDB5CD</div>
        <div class="box2" style="background:#CDB38B;">#CDB38B</div>
        <div class="box2" style="background:#CDAF95;">#CDAF95</div>
        <div class="box2" style="background:#CDAD00;">#CDAD00</div>
        <div class="box2" style="background:#CDAA7D;">#CDAA7D</div>
        <div class="box2" style="background:#CD9B9B;">#CD9B9B</div>
        <div class="box2" style="background:#CD9B1D;">#CD9B1D</div>
        <div class="box2" style="background:#CD96CD;">#CD96CD</div>
        <div class="box2" style="background:#CD950C;">#CD950C</div>
        <div class="box2" style="background:#CD919E;">#CD919E</div>
        <div class="box2" style="background:#CD8C95;">#CD8C95</div>
        <div class="box2" style="background:#CD853F;">#CD853F</div>
        <div class="box2" style="background:#CD8500;">#CD8500</div>
        <div class="box2" style="background:#CD8162;">#CD8162</div>
        <div class="box2" style="background:#CD7054;">#CD7054</div>
        <div class="box2" style="background:#CD69C9;">#CD69C9</div>
        <div class="box2" style="background:#CD6889;">#CD6889</div>
        <div class="box2" style="background:#CD6839;">#CD6839</div>
        <div class="box2" style="background:#CD661D;">#CD661D</div>
        <div class="box2" style="background:#CD6600;">#CD6600</div>
        <div class="box2" style="background:#CD6090;">#CD6090</div>
        <div class="box2" style="background:#CD5C5C;">#CD5C5C</div>
        <div class="box2" style="background:#CD5B45;">#CD5B45</div>
        <div class="box2" style="background:#CD5555;">#CD5555</div>
        <div class="box2" style="background:#CD4F39;">#CD4F39</div>
        <div class="box2" style="background:#CD3700;">#CD3700</div>
        <div class="box2" style="background:#CD3333;">#CD3333</div>
        <div class="box2" style="background:#CD3278;">#CD3278</div>
        <div class="box2" style="background:#CD2990;">#CD2990</div>
        <div class="box2" style="background:#CD2626;">#CD2626</div>
        <div class="box2" style="background:#CD1076;">#CD1076</div>
        <div class="box2" style="background:#CD00CD;">#CD00CD</div>
        <div class="box2" style="background:#CD0000;">#CD0000</div>
        <div class="box2" style="background:#CCCCCC;">#CCCCCC</div>
        <div class="box2" style="background:#CAFF70;">#CAFF70</div>
        <div class="box2" style="background:#CAE1FF;">#CAE1FF</div>
        <div class="box2" style="background:#C9C9C9;">#C9C9C9</div>
        <div class="box2" style="background:#C7C7C7;">#C7C7C7</div>
        <div class="box2" style="background:#C71585;">#C71585</div>
        <div class="box2" style="background:#C6E2FF;">#C6E2FF</div>
        <div class="box2" style="background:#C67171;">#C67171</div>
        <div class="box2" style="background:#C5C1AA;">#C5C1AA</div>
        <div class="box2" style="background:#C4C4C4;">#C4C4C4</div>
        <div class="box2" style="background:#C2C2C2;">#C2C2C2</div>
        <div class="box2" style="background:#C1FFC1;">#C1FFC1</div>
        <div class="box2" style="background:#C1CDCD;">#C1CDCD</div>
        <div class="box2" style="background:#C1CDC1;">#C1CDC1</div>
        <div class="box2" style="background:#C1C1C1;">#C1C1C1</div>
        <div class="box2" style="background:#C0FF3E;">#C0FF3E</div>
        <div class="box2" style="background:#BFEFFF;">#BFEFFF</div>
        <div class="box2" style="background:#BFBFBF;">#BFBFBF</div>
        <div class="box2" style="background:#BF3EFF;">#BF3EFF</div>
        <div class="box2" style="background:#BEBEBE;">#BEBEBE</div>
        <div class="box2" style="background:#BDBDBD;">#BDBDBD</div>
        <div class="box2" style="background:#BDB76B;">#BDB76B</div>
        <div class="box2" style="background:#BCEE68;">#BCEE68</div>
        <div class="box2" style="background:#BCD2EE;">#BCD2EE</div>
        <div class="box2" style="background:#BC8F8F;">#BC8F8F</div>
        <div class="box2" style="background:#BBFFFF;">#BBFFFF</div>
        <div class="box2" style="background:#BABABA;">#BABABA</div>
        <div class="box2" style="background:#BA55D3;">#BA55D3</div>
        <div class="box2" style="background:#B9D3EE;">#B9D3EE</div>
        <div class="box2" style="background:#B8B8B8;">#B8B8B8</div>
        <div class="box2" style="background:#B8860B;">#B8860B</div>
        <div class="box2" style="background:#B7B7B7;">#B7B7B7</div>
        <div class="box2" style="background:#B5B5B5;">#B5B5B5</div>
        <div class="box2" style="background:#B4EEB4;">#B4EEB4</div>
        <div class="box2" style="background:#B4CDCD;">#B4CDCD</div>
        <div class="box2" style="background:#B452CD;">#B452CD</div>
        <div class="box2" style="background:#B3EE3A;">#B3EE3A</div>
        <div class="box2" style="background:#B3B3B3;">#B3B3B3</div>
        <div class="box2" style="background:#B2DFEE;">#B2DFEE</div>
        <div class="box2" style="background:#B23AEE;">#B23AEE</div>
        <div class="box2" style="background:#B22222;">#B22222</div>
        <div class="box2" style="background:#B0E2FF;">#B0E2FF</div>
        <div class="box2" style="background:#B0E0E6;">#B0E0E6</div>
        <div class="box2" style="background:#B0C4DE;">#B0C4DE</div>
        <div class="box2" style="background:#B0B0B0;">#B0B0B0</div>
        <div class="box2" style="background:#B03060;">#B03060</div>
        <div class="box2" style="background:#AEEEEE;">#AEEEEE</div>
        <div class="box2" style="background:#ADFF2F;">#ADFF2F</div>
        <div class="box2" style="background:#ADD8E6;">#ADD8E6</div>
        <div class="box2" style="background:#ADADAD;">#ADADAD</div>
        <div class="box2" style="background:#ABABAB;">#ABABAB</div>
        <div class="box2" style="background:#AB82FF;">#AB82FF</div>
        <div class="box2" style="background:#AAAAAA;">#AAAAAA</div>
        <div class="box2" style="background:#A9A9A9;">#A9A9A9</div>
        <div class="box2" style="background:#A8A8A8;">#A8A8A8</div>
        <div class="box2" style="background:#A6A6A6;">#A6A6A6</div>
        <div class="box2" style="background:#A52A2A;">#A52A2A</div>
        <div class="box2" style="background:#A4D3EE;">#A4D3EE</div>
        <div class="box2" style="background:#A3A3A3;">#A3A3A3</div>
        <div class="box2" style="background:#A2CD5A;">#A2CD5A</div>
        <div class="box2" style="background:#A2B5CD;">#A2B5CD</div>
        <div class="box2" style="background:#A1A1A1;">#A1A1A1</div>
        <div class="box2" style="background:#A0522D;">#A0522D</div>
        <div class="box2" style="background:#A020F0;">#A020F0</div>
        <div class="box2" style="background:#9FB6CD;">#9FB6CD</div>
        <div class="box2" style="background:#9F79EE;">#9F79EE</div>
        <div class="box2" style="background:#9E9E9E;">#9E9E9E</div>
        <div class="box2" style="background:#9C9C9C;">#9C9C9C</div>
        <div class="box2" style="background:#9BCD9B;">#9BCD9B</div>
        <div class="box2" style="background:#9B30FF;">#9B30FF</div>
        <div class="box2" style="background:#9AFF9A;">#9AFF9A</div>
        <div class="box2" style="background:#9ACD32;">#9ACD32</div>
        <div class="box2" style="background:#9AC0CD;">#9AC0CD</div>
        <div class="box2" style="background:#9A32CD;">#9A32CD</div>
        <div class="box2" style="background:#999999;">#999999</div>
        <div class="box2" style="background:#9932CC;">#9932CC</div>
        <div class="box2" style="background:#98FB98;">#98FB98</div>
        <div class="box2" style="background:#98F5FF;">#98F5FF</div>
        <div class="box2" style="background:#97FFFF;">#97FFFF</div>
        <div class="box2" style="background:#96CDCD;">#96CDCD</div>
        <div class="box2" style="background:#969696;">#969696</div>
        <div class="box2" style="background:#949494;">#949494</div>
        <div class="box2" style="background:#9400D3;">#9400D3</div>
        <div class="box2" style="background:#9370DB;">#9370DB</div>
        <div class="box2" style="background:#919191;">#919191</div>
        <div class="box2" style="background:#912CEE;">#912CEE</div>
        <div class="box2" style="background:#90EE90;">#90EE90</div>
        <div class="box2" style="background:#8FBC8F;">#8FBC8F</div>
        <div class="box2" style="background:#8F8F8F;">#8F8F8F</div>
        <div class="box2" style="background:#8EE5EE;">#8EE5EE</div>
        <div class="box2" style="background:#8E8E8E;">#8E8E8E</div>
        <div class="box2" style="background:#8E8E38;">#8E8E38</div>
        <div class="box2" style="background:#8E388E;">#8E388E</div>
        <div class="box2" style="background:#8DEEEE;">#8DEEEE</div>
        <div class="box2" style="background:#8DB6CD;">#8DB6CD</div>
        <div class="box2" style="background:#8C8C8C;">#8C8C8C</div>
        <div class="box2" style="background:#8B8B83;">#8B8B83</div>
        <div class="box2" style="background:#8B8B7A;">#8B8B7A</div>
        <div class="box2" style="background:#8B8B00;">#8B8B00</div>
        <div class="box2" style="background:#8B8989;">#8B8989</div>
        <div class="box2" style="background:#8B8970;">#8B8970</div>
        <div class="box2" style="background:#8B8878;">#8B8878</div>
        <div class="box2" style="background:#8B8682;">#8B8682</div>
        <div class="box2" style="background:#8B864E;">#8B864E</div>
        <div class="box2" style="background:#8B8386;">#8B8386</div>
        <div class="box2" style="background:#8B8378;">#8B8378</div>
        <div class="box2" style="background:#8B814C;">#8B814C</div>
        <div class="box2" style="background:#8B7E66;">#8B7E66</div>
        <div class="box2" style="background:#8B7D7B;">#8B7D7B</div>
        <div class="box2" style="background:#8B7D6B;">#8B7D6B</div>
        <div class="box2" style="background:#8B7B8B;">#8B7B8B</div>
        <div class="box2" style="background:#8B795E;">#8B795E</div>
        <div class="box2" style="background:#8B7765;">#8B7765</div>
        <div class="box2" style="background:#8B7500;">#8B7500</div>
        <div class="box2" style="background:#8B7355;">#8B7355</div>
        <div class="box2" style="background:#8B6969;">#8B6969</div>
        <div class="box2" style="background:#8B6914;">#8B6914</div>
        <div class="box2" style="background:#8B668B;">#8B668B</div>
        <div class="box2" style="background:#8B6508;">#8B6508</div>
        <div class="box2" style="background:#8B636C;">#8B636C</div>
        <div class="box2" style="background:#8B5F65;">#8B5F65</div>
        <div class="box2" style="background:#8B5A2B;">#8B5A2B</div>
        <div class="box2" style="background:#8B5A00;">#8B5A00</div>
        <div class="box2" style="background:#8B5742;">#8B5742</div>
        <div class="box2" style="background:#8B4C39;">#8B4C39</div>
        <div class="box2" style="background:#8B4789;">#8B4789</div>
        <div class="box2" style="background:#8B475D;">#8B475D</div>
        <div class="box2" style="background:#8B4726;">#8B4726</div>
        <div class="box2" style="background:#8B4513;">#8B4513</div>
        <div class="box2" style="background:#8B4500;">#8B4500</div>
        <div class="box2" style="background:#8B3E2F;">#8B3E2F</div>
        <div class="box2" style="background:#8B3A62;">#8B3A62</div>
        <div class="box2" style="background:#8B3A3A;">#8B3A3A</div>
        <div class="box2" style="background:#8B3626;">#8B3626</div>
        <div class="box2" style="background:#8B2500;">#8B2500</div>
        <div class="box2" style="background:#8B2323;">#8B2323</div>
        <div class="box2" style="background:#8B2252;">#8B2252</div>
        <div class="box2" style="background:#8B1C62;">#8B1C62</div>
        <div class="box2" style="background:#8B1A1A;">#8B1A1A</div>
        <div class="box2" style="background:#8B0A50;">#8B0A50</div>
        <div class="box2" style="background:#8B008B;">#8B008B</div>
        <div class="box2" style="background:#8B0000;">#8B0000</div>
        <div class="box2" style="background:#8A8A8A;">#8A8A8A</div>
        <div class="box2" style="background:#8A2BE2;">#8A2BE2</div>
        <div class="box2" style="background:#8968CD;">#8968CD</div>
        <div class="box2" style="background:#87CEFF;">#87CEFF</div>
        <div class="box2" style="background:#87CEFA;">#87CEFA</div>
        <div class="box2" style="background:#87CEEB;">#87CEEB</div>
        <div class="box2" style="background:#878787;">#878787</div>
        <div class="box2" style="background:#858585;">#858585</div>
        <div class="box2" style="background:#848484;">#848484</div>
        <div class="box2" style="background:#8470FF;">#8470FF</div>
        <div class="box2" style="background:#838B8B;">#838B8B</div>
        <div class="box2" style="background:#838B83;">#838B83</div>
        <div class="box2" style="background:#836FFF;">#836FFF</div>
        <div class="box2" style="background:#828282;">#828282</div>
        <div class="box2" style="background:#7FFFD4;">#7FFFD4</div>
        <div class="box2" style="background:#7FFF00;">#7FFF00</div>
        <div class="box2" style="background:#7F7F7F;">#7F7F7F</div>
        <div class="box2" style="background:#7EC0EE;">#7EC0EE</div>
        <div class="box2" style="background:#7D9EC0;">#7D9EC0</div>
        <div class="box2" style="background:#7D7D7D;">#7D7D7D</div>
        <div class="box2" style="background:#7D26CD;">#7D26CD</div>
        <div class="box2" style="background:#7CFC00;">#7CFC00</div>
        <div class="box2" style="background:#7CCD7C;">#7CCD7C</div>
        <div class="box2" style="background:#7B68EE;">#7B68EE</div>
        <div class="box2" style="background:#7AC5CD;">#7AC5CD</div>
        <div class="box2" style="background:#7A8B8B;">#7A8B8B</div>
        <div class="box2" style="background:#7A7A7A;">#7A7A7A</div>
        <div class="box2" style="background:#7A67EE;">#7A67EE</div>
        <div class="box2" style="background:#7A378B;">#7A378B</div>
        <div class="box2" style="background:#79CDCD;">#79CDCD</div>
        <div class="box2" style="background:#787878;">#787878</div>
        <div class="box2" style="background:#778899;">#778899</div>
        <div class="box2" style="background:#76EEC6;">#76EEC6</div>
        <div class="box2" style="background:#76EE00;">#76EE00</div>
        <div class="box2" style="background:#757575;">#757575</div>
        <div class="box2" style="background:#737373;">#737373</div>
        <div class="box2" style="background:#71C671;">#71C671</div>
        <div class="box2" style="background:#7171C6;">#7171C6</div>
        <div class="box2" style="background:#708090;">#708090</div>
        <div class="box2" style="background:#707070;">#707070</div>
        <div class="box2" style="background:#6E8B3D;">#6E8B3D</div>
        <div class="box2" style="background:#6E7B8B;">#6E7B8B</div>
        <div class="box2" style="background:#6E6E6E;">#6E6E6E</div>
        <div class="box2" style="background:#6CA6CD;">#6CA6CD</div>
        <div class="box2" style="background:#6C7B8B;">#6C7B8B</div>
        <div class="box2" style="background:#6B8E23;">#6B8E23</div>
        <div class="box2" style="background:#6B6B6B;">#6B6B6B</div>
        <div class="box2" style="background:#6A5ACD;">#6A5ACD</div>
        <div class="box2" style="background:#698B69;">#698B69</div>
        <div class="box2" style="background:#698B22;">#698B22</div>
        <div class="box2" style="background:#696969;">#696969</div>
        <div class="box2" style="background:#6959CD;">#6959CD</div>
        <div class="box2" style="background:#68838B;">#68838B</div>
        <div class="box2" style="background:#68228B;">#68228B</div>
        <div class="box2" style="background:#66CDAA;">#66CDAA</div>
        <div class="box2" style="background:#66CD00;">#66CD00</div>
        <div class="box2" style="background:#668B8B;">#668B8B</div>
        <div class="box2" style="background:#666666;">#666666</div>
        <div class="box2" style="background:#6495ED;">#6495ED</div>
        <div class="box2" style="background:#63B8FF;">#63B8FF</div>
        <div class="box2" style="background:#636363;">#636363</div>
        <div class="box2" style="background:#616161;">#616161</div>
        <div class="box2" style="background:#607B8B;">#607B8B</div>
        <div class="box2" style="background:#5F9EA0;">#5F9EA0</div>
        <div class="box2" style="background:#5E5E5E;">#5E5E5E</div>
        <div class="box2" style="background:#5D478B;">#5D478B</div>
        <div class="box2" style="background:#5CACEE;">#5CACEE</div>
        <div class="box2" style="background:#5C5C5C;">#5C5C5C</div>
        <div class="box2" style="background:#5B5B5B;">#5B5B5B</div>
        <div class="box2" style="background:#595959;">#595959</div>
        <div class="box2" style="background:#575757;">#575757</div>
        <div class="box2" style="background:#556B2F;">#556B2F</div>
        <div class="box2" style="background:#555555;">#555555</div>
        <div class="box2" style="background:#551A8B;">#551A8B</div>
        <div class="box2" style="background:#54FF9F;">#54FF9F</div>
        <div class="box2" style="background:#548B54;">#548B54</div>
        <div class="box2" style="background:#545454;">#545454</div>
        <div class="box2" style="background:#53868B;">#53868B</div>
        <div class="box2" style="background:#528B8B;">#528B8B</div>
        <div class="box2" style="background:#525252;">#525252</div>
        <div class="box2" style="background:#515151;">#515151</div>
        <div class="box2" style="background:#4F94CD;">#4F94CD</div>
        <div class="box2" style="background:#4F4F4F;">#4F4F4F</div>
        <div class="box2" style="background:#4EEE94;">#4EEE94</div>
        <div class="box2" style="background:#4D4D4D;">#4D4D4D</div>
        <div class="box2" style="background:#4B0082;">#4B0082</div>
        <div class="box2" style="background:#4A708B;">#4A708B</div>
        <div class="box2" style="background:#4A4A4A;">#4A4A4A</div>
        <div class="box2" style="background:#48D1CC;">#48D1CC</div>
        <div class="box2" style="background:#4876FF;">#4876FF</div>
        <div class="box2" style="background:#483D8B;">#483D8B</div>
        <div class="box2" style="background:#474747;">#474747</div>
        <div class="box2" style="background:#473C8B;">#473C8B</div>
        <div class="box2" style="background:#4682B4;">#4682B4</div>
        <div class="box2" style="background:#458B74;">#458B74</div>
        <div class="box2" style="background:#458B00;">#458B00</div>
        <div class="box2" style="background:#454545;">#454545</div>
        <div class="box2" style="background:#43CD80;">#43CD80</div>
        <div class="box2" style="background:#436EEE;">#436EEE</div>
        <div class="box2" style="background:#424242;">#424242</div>
        <div class="box2" style="background:#4169E1;">#4169E1</div>
        <div class="box2" style="background:#40E0D0;">#40E0D0</div>
        <div class="box2" style="background:#404040;">#404040</div>
        <div class="box2" style="background:#3D3D3D;">#3D3D3D</div>
        <div class="box2" style="background:#3CB371;">#3CB371</div>
        <div class="box2" style="background:#3B3B3B;">#3B3B3B</div>
        <div class="box2" style="background:#3A5FCD;">#3A5FCD</div>
        <div class="box2" style="background:#388E8E;">#388E8E</div>
        <div class="box2" style="background:#383838;">#383838</div>
        <div class="box2" style="background:#36648B;">#36648B</div>
        <div class="box2" style="background:#363636;">#363636</div>
        <div class="box2" style="background:#333333;">#333333</div>
        <div class="box2" style="background:#32CD32;">#32CD32</div>
        <div class="box2" style="background:#303030;">#303030</div>
        <div class="box2" style="background:#2F4F4F;">#2F4F4F</div>
        <div class="box2" style="background:#2E8B57;">#2E8B57</div>
        <div class="box2" style="background:#2E2E2E;">#2E2E2E</div>
        <div class="box2" style="background:#2B2B2B;">#2B2B2B</div>
        <div class="box2" style="background:#292929;">#292929</div>
        <div class="box2" style="background:#282828;">#282828</div>
        <div class="box2" style="background:#27408B;">#27408B</div>
        <div class="box2" style="background:#262626;">#262626</div>
        <div class="box2" style="background:#242424;">#242424</div>
        <div class="box2" style="background:#228B22;">#228B22</div>
        <div class="box2" style="background:#218868;">#218868</div>
        <div class="box2" style="background:#212121;">#212121</div>
        <div class="box2" style="background:#20B2AA;">#20B2AA</div>
        <div class="box2" style="background:#1F1F1F;">#1F1F1F</div>
        <div class="box2" style="background:#1E90FF;">#1E90FF</div>
        <div class="box2" style="background:#1E1E1E;">#1E1E1E</div>
        <div class="box2" style="background:#1C86EE;">#1C86EE</div>
        <div class="box2" style="background:#1C1C1C;">#1C1C1C</div>
        <div class="box2" style="background:#1A1A1A;">#1A1A1A</div>
        <div class="box2" style="background:#191970;">#191970</div>
        <div class="box2" style="background:#1874CD;">#1874CD</div>
        <div class="box2" style="background:#171717;">#171717</div>
        <div class="box2" style="background:#141414;">#141414</div>
        <div class="box2" style="background:#121212;">#121212</div>
        <div class="box2" style="background:#104E8B;">#104E8B</div>
        <div class="box2" style="background:#0F0F0F;">#0F0F0F</div>
        <div class="box2" style="background:#0D0D0D;">#0D0D0D</div>
        <div class="box2" style="background:#0A0A0A;">#0A0A0A</div>
        <div class="box2" style="background:#080808;">#080808</div>
        <div class="box2" style="background:#050505;">#050505</div>
        <div class="box2" style="background:#030303;">#030303</div>
        <div class="box2" style="background:#00FFFF;">#00FFFF</div>
        <div class="box2" style="background:#00FF7F;">#00FF7F</div>
        <div class="box2" style="background:#00FF00;">#00FF00</div>
        <div class="box2" style="background:#00FA9A;">#00FA9A</div>
        <div class="box2" style="background:#00F5FF;">#00F5FF</div>
        <div class="box2" style="background:#00EEEE;">#00EEEE</div>
        <div class="box2" style="background:#00EE76;">#00EE76</div>
        <div class="box2" style="background:#00EE00;">#00EE00</div>
        <div class="box2" style="background:#00E5EE;">#00E5EE</div>
        <div class="box2" style="background:#00CED1;">#00CED1</div>
        <div class="box2" style="background:#00CDCD;">#00CDCD</div>
        <div class="box2" style="background:#00CD66;">#00CD66</div>
        <div class="box2" style="background:#00CD00;">#00CD00</div>
        <div class="box2" style="background:#00C5CD;">#00C5CD</div>
        <div class="box2" style="background:#00BFFF;">#00BFFF</div>
        <div class="box2" style="background:#00B2EE;">#00B2EE</div>
        <div class="box2" style="background:#009ACD;">#009ACD</div>
        <div class="box2" style="background:#008B8B;">#008B8B</div>
        <div class="box2" style="background:#008B45;">#008B45</div>
        <div class="box2" style="background:#008B00;">#008B00</div>
        <div class="box2" style="background:#00868B;">#00868B</div>
        <div class="box2" style="background:#00688B;">#00688B</div>
        <div class="box2" style="background:#006400;">#006400</div>
        <div class="box2" style="background:#0000FF;">#0000FF</div>
        <div class="box2" style="background:#0000EE;">#0000EE</div>
        <div class="box2" style="background:#0000CD;">#0000CD</div>
        <div class="box2" style="background:#0000AA;">#0000AA</div>
        <div class="box2" style="background:#00008B;">#00008B</div>
        <div class="box2" style="background:#000080;">#000080</div>
        <div class="box2" style="background:#000000;">#000000</div>
    </section>
    <input onclick="oCopy(this)" value="" id="input">
    <div id="success" class="">复制成功</div>
</body>
<script>
var div = document.getElementsByTagName("div")
for(var i=0;i<div.length;i++){
    div[i].onclick = function(){
        console.log(this.innerHTML)
        var i = document.getElementById("input");
        var show = document.getElementById("success")
        show.className = "";
        i.value = this.innerHTML;
        i.select();
        document.execCommand("Copy")
        show.style.background =this.innerHTML;
        show.style.boxShadow = "0px 0px 2px 2px "+this.innerHTML;
        show.innerHTML = this.innerHTML+"复制成功"
        show.className = "show";
        console.log("复制成功!");
    }
}
</script>
</html>

 

十六进制颜色码大全,可以点击复制