标签:fda pac box radius key name line content bezier
平时做一些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>
标签:fda pac box radius key name line content bezier
原文地址:http://www.cnblogs.com/holdonBestrong/p/6429354.html