небольшие правки к предыдущему посту:
<!doctype html>
<html>
<head>
<script type="text/javascript">
window.onload = function(){
var str = '';
var p = document.getElementsByTagName('p');
for(var i = 0; i < p.length; i++){
str += p[i].style.backgroundColor+'\n';
}
alert(str);
}
</script>
</head>
<body>
<p style = "background-color:red">this is red</p>
<p style = "background-color:green">this is green</p>
<p style = "background-color:blue">this is blue</p>
<button> return </button>
</body>
</html>
а дальше все просто.. создаешь массив, в котором присваиваешь название каждому коду цвета, ищешь значение, которое возвращает
p[i].style.backgroundColor по ключам массива и вешаешь обработчик события клика мыши на свою кнопку.