Memasang Kode warna CSS
Login ke akun blog klik tombol blog barubuat satubuah link baru  kemudian beri nama sesuai fungsi, klik Edit HTML pada link baru tersebut, hapus semua kode template  ganti dengan kode blank template, yang tersedia pada sumber  berikut ini : Get Blank Template   
edit background warna sesuai keinginan 
dan klik simpan selesai.
Kemudian klik entri halaman baru HTML pada link
tersebut. copy kode dibawah ini, pastekan kedalam halaman baru tersebut dan klik simpan selesai
<style class="Mys2010-styles">
body {
   background: #9370DB;
}

header {
  -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding:  10px 0;
  position: fixed;
  top: 0;
  width: 100%;
  background: #222;
  border-bottom: 3px solid #dad;
}

/* GRADIEND */
.ap {
position: fixed;
right: 0;
bottom: 0;
left: 0;
height: 60px;
margin: auto;
font-family: Arial, sans-serif;
font-size: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #333;
background:  #000020;
border-top: 2px solid #f0f;
z-index: 9999;
} 
 
h2 {
padding: 15px; 
background: -webkit-linear-gradient(transparent 10%, goldenrod 50%, transparent 90%); 
background: linear-gradient(transparent 10%, pink 50%, transparent 90%); 
}
  body {
  text-align: center;
}
h1 {
  color: rgba(0,0,0,.3);
  text-shadow: none !important;
}
input {
  text-align: center;
  display: inline-block;
  width: auto !important;
  margin-right: 1em;
  padding: 0 !important;
  color: black;
  line-height: 3;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,.05);
  box-shadow:
    inset rgba(0,0,0,.075) 0 -3px 10px,
    inset rgba(255,255,255,.3) 0 1px 1px,
    rgba(0,0,0,.075) 0 1px .5px,
    rgba(0,0,0,.05) 1px 3px 5px;
  cursor: pointer;
}
</style> 
<table border="" px="" solid=""><tbody>
<tr><td>
<input value="#F0F8FF" />
<input value="#FAEBD7" />
<input value="#00FFFF" />
<input value="#7FFFD4" />
</td><td>
<input value="#F0FFFF" />
<input value="#F5F5DC" />
<input value="#FFE4C4" />
<input style="color: rgba(255,255,255,.7);" value="#000000" />
</td><td>
<input value="#FFEBCD" />
<input value="#0000FF" />
<input value="#8A2BE2" />
<input style="color: rgba(255,255,255,.7);" value="#A52A2A" />
</td><td>
<input value="#DEB887" />
<input value="#5F9EAD" />
<input value="#7FFF00" />
<input value="#D2691E" />
</td><td>
<input value="#FF7F50" />
<input value="#649501" />
<input value="#249501" />
<input value="#DC143A" />
</td><td>
<input value="#00FFFF" />
<input style="color: rgba(255,255,255,.7);" value="#00008B" />
<input value="#008B8B" />
<input value="#B8860B" />
</td><td>
<input value="#A9A9A9" />
<input style="color: rgba(255,255,255,.7);" value="#006400" />
<input value="#A9A9A9" />
<input value="#BDB76B" />
</td><td>
<input style="color: rgba(255,255,255,.7);" value="#8B008B" />
<input value="#556B2F" />
<input value="#FF8C00" />
<input value="#9932CC" />
</td></tr>
</tbody></table>
<table border="" px="" solid=""><tbody>
<tr><td>
<input style="color: rgba(255,255,255,.7);" value="#8B0000" />
<input value="#E9967A" />
<input value="#8FBC8B" />
<input style="color: rgba(255,255,255,.7);" value="#483D8B" />
</td><td>
<input style="color: rgba(255,255,255,.7);" value="#2F4F4F" />
<input value="#00CED1" />
<input value="#9400D3" />
<input value="#FF1493" />
</td><td>
<input value="#00BFFF" />
<input value="#FF0000" />
<input value="#696969" />
<input value="#1E90FF" />
</td><td>
<input value="#B22222" />
<input value="#FFFAF0" />
<input value="#228B22" />
<input value="#FF00FF" />
</td><td>
<input value="#DCDCDC" />
<input value="#F8F8FF" />
<input value="#FFD700" />
<input value="#DAA520" />
</td><td>
<input value="#808080" />
<input value="#008000" />
<input value="#ADFF2F" />
<input value="#808080" />
</td><td>
<input value="#F0FFF0" />
<input value="#FF69B4" />
<input value="#CD5C5C" />
<input style="color: rgba(255,255,255,.7);" value="#4B0082" />
</td><td>
<input value="#FFFFF0" />
<input value="#F0E68C" />
<input value="#E6E6FA" />
<input value="#FFF0F5" />
</td></tr>
</tbody></table>
<table border="" px="" solid=""><tbody>
<tr><td>
<input value="#7CFC00" />
<input value="#FFFACD" />
<input value="#ADE8E6" />
<input value="#F08080" />
</td><td>
<input value="#E0FFFF" />
<input value="#FAFAD2" />
<input value="#D3D3D3" />
<input value="#90EE90" />
</td><td>
<input value="#D3D3D3" />
<input value="#FFB6C1" />
<input value="#FFA072" />
<input value="#20B2AA" />
</td><td>
<input value="#87CEFA" />
<input value="#778899" />
<input value="#666666" />
<input value="#B0C4DE" />
</td><td>
<input value="#FFFFE0" />
<input value="#00FF00" />
<input value="#32CD32" />
<input value="#FAF0E6" />
</td><td>
<input value="#FF00FF" />
<input style="color: rgba(255,255,255,.7);" value="#800000" />
<input value="#66CDAA" />
<input style="color: rgba(255,255,255,.7);" value="#0000CD" />
</td><td>
<input value="#BA55D3" />
<input value="#9370DB" />
<input value="#3CB371" />
<input value="#7B68EE" />
</td><td>
<input value="#00FA9A" />
<input value="#48D1CC" />
<input value="#C71585" />
<input style="color: rgba(255,255,255,.7);" value="#191970" />
</td></tr>
</tbody></table>
<table border="" px="" solid=""><tbody>
<tr><td>
<input value="#F5FFFA" />
<input value="#FFE4E1" />
<input value="#FFDEAD" />
<input style="color: rgba(255,255,255,.7);" value="navy" />
</td><td>
<input value="#FDF5E6" />
<input value="#808000" />
<input value="#6B8E23" />
<input value="#FFA500" />
</td><td>
<input value="#FF1000" />
<input value="#DA70D6" />
<input value="#EEE8AA" />
<input value="#98FB98" />
</td><td>
<input value="#AFEEEE" />
<input value="#DB7093" />
<input value="#FFEFD5" />
<input value="#FFDAB9" />
</td><td>
<input value="#CD853F" />
<input value="#FFC0CB" />
<input value="#DDA0DD" />
<input value="#B0E0E6" />
</td><td>
<input style="color: rgba(255,255,255,.7);" value="#800080" />
<input value="#FF0000" />
<input value="#BC8F8F" />
<input value="#4169E1" />
</td><td>
<input style="color: rgba(255,255,255,.7);" value="#8B4513" />
<input value="#FA8072" />
<input value="#F4A460" />
<input value="#2E8B57" />
</td><td>
<input value="#FFF5EE" />
<input value="#A0522D" />
<input value="#C0C0C0" />
<input value="#87CEEB" />
</td></tr>
</tbody></table>
<table border="" px="" solid=""><tbody>
<tr><td>
<input value="#7B68EE" />
<input value="#708090" />
<input value="#00ffcc" />
<input value="#FFFAFA" />
</td><td>
<input value="#00FF7F" />
<input value="#4682B4" />
<input value="#D2B48C" />
<input value="#008080" />
</td><td>
<input value="#D8BFD8" />
<input value="#FF6347" />
<input value="#40E0D0" />
<input value="#EE82EE" />
</td><td>
<input value="#F5DEB3" />
<input value="#FFFFFF" />
<input value="#F5F5F5" />
<input value="#FFFF00" />
</td><td>
<input value="#FF3300" />
<input value="#CC33CC" />
<input value="#9966FF" />
<input value="#FFFccc" />
</td><td>
<input value="#660000" />
<input value="#003300" />
<input value="#0066CC" />
<input value="#00FFCC" />
</td><td>
<input value="#FF3333" />
<input value="#CC3344" />
<input value="#996655" />
<input value="#FFFF66" />
</td><td>
<input value="#660077" />
<input value="#003388" />
<input value="#006699" />
<input value="#00FF11" />
</td></tr>
</tbody></table>
<table border="" px="" solid=""><tbody>
<tr><td>
<input value="rgb(255,0,0)" />
<input value="rgb(104,0,0)" />
<input value="RGB(128,128,128)" />
<input value="rgb(248,0,0)" />
</td><td>
<input value="rgb(48,0,0)" />
<input value="rgb(255,255,255)" />
<input value="rgb(192,192,192)" />
<input value="rgb(255,0,255)" />
</td><td>
<input value="rgb(0,255,255)" />
<input value="rgb(255,255,0)" />
<input value="rgb(0,255,0)" />
<input value="rgb(255,0,0)" />
</td><td>
<input value="rgb(255,0,0)" />
<input value="rgb(208,0,0)" />
<input value="rgb(64,64,64)" />
<input value="rgb(224,224,224)" />
</td><td>
<input value="rgb(51,51,51)" />
<input value="rgb(153,246,20)" />
<input value="rgb(0,128,128)" />
<input value="rgb(52,52,52)" />
</td><td>
<input value="rgb(0,122,122)" />
<input value="rgb(0,322,322)" />
<input value="rgb(0,722,022)" />
<input value="rgb(07,57,07)" />
</td><td>
<input value="rgb(0,0,255,1)" />
<input value="rgb(8,511,5)" />
<input value="rgba(255,0,0,0.3)" />
<input value="rgba(0,0,255,0.6)" />
</td><td>
<input value="rgb(599,9,9)" />
<input value="rgb(150,0,0)" />
<input value="rgb(122,0,2)" />
<input value="rgb(255,0,0)" />
</td></tr>
</tbody></table>
<div class="ap" id="ap">
<div align="center">
<h2>
<a href="https://sites.google.com/site/code6916/file/kode-warna-mys2010.css" title="Myscript2010s">DOWNLOAD CODE</a></h2>
</div>
</div>
</center>
<header> 
<div class="Top Title Header">
<div align="center">
<a href="http://myscript2010s.blogspot.co.id/2015/11/kode-warna.html" title="Myscript2010s"><b>KODE WARNA CSS</b></a></div>
</div>
</header>
<script src="//assets.codepen.io/assets/common/stopExecutionOnTimeout.js?t=1">
</script>
<script src="//elementqueries.com/EQCSS-polyfills.js">
</script>
<script src="//elementqueries.com/EQCSS.js">
</script>
<script>var el = document.getElementsByTagName('input');
for (i = 0; i < el.length; i++) {
    if (window.CP.shouldStopExecution(1)) {
        break;
    }
    el[i].style.background = el[i].value;
    el[i].addEventListener('click', function () {
        document.body.style.background = document.documentElement.style.background = this.value;
        document.querySelector('h1').style.color = this.style.color ? 'rgba(255,255,255,.7)' : 'rgba(0,0,0,.7)';
    });
}
window.CP.exitedLoop(1); 
</script>
Source Code by. Codepen
Design code is edited by. Mys2010 on Codepen
If you want to directly copy and paste you canDownload Here Kode Warna CSS