Ce qu'il faut savoir c'est si le changement c'est pour toujours (enfin jusqu'à ce qu'il rechange), ou juste pour l'affichage actuel de la page.
Premier cas, tu dois avoir un serveur web avec un moyen d'enregistrer le changement dans la base de donnée.
Second, tu utilises du javascript pour changer en live. Et dans ce cas tu as plusieurs solutions et plusieurs méthodes, changer le style, changer la classe. Nous on va changer le style la parceque c'est le moins verbeux.
Ici, ce sera un simple bouton fonctionnant seul, à toi de voir comment récupérer la valeur de l'input pour set la bonne couleur.
Genre ta div à changer, c'est ca
<div id="cameleon">
</div>
Ton bouton ca
<a onclick="cameleonMaster()"></a>
Avant la fin du body idéalement, tu rajoutes un code javascript
<script type="text/javascript">
function cameleonMaster() {
// tu peux récuperer la valeur de ton input ici !!
var maDivCameleon = document.getElementById("cameleon");
maDivCameleon.style["background-color"] = "red";
}
</script>
J'ai pas testé c'est ptet pas bon ou y'a des typos, mais cherche sur google à chaque fois, tu trouveras des exemples (notamment sur stackoverflow) et tu avance en les comprenant