You can change background color of this div just bringing your mouse over colors.
Code of Javascript/HTML:
<script language="javascript">
function change_background_color(c){
document.getElementById('div2change').style.backgroundColor= '#'+c;
}
</script>
<div id="div2change" style="background-color: #cde; padding: 10px ; text-align: center;">
You can change background color of this div just bringing your mouse over colors.
<a style="background-color: #0f3;" class="cc" onMouseOver="change_background_color('00ff33'); ">00ff33</a>
<a style="background-color: #6cf;" class="cc" onMouseOver="change_background_color('66ccff'); ">66ccff</a>
<a style="background-color: #ff9;" class="cc" onMouseOver="change_background_color('ffff99'); ">ffff99</a>
<a style="background-color: #0fc;" class="cc" onMouseOver="change_background_color('00ffcc'); ">00ffcc</a>
</div>