Как сделать, чтобы пользователь сам менял цвет фона сайта?

Question

[Ян Ветров]

Я хочу, чтобы пользователь сам выбирал цвет для страницы (для body) из современной палитры, как можно такое реализовать?

Answer 1

[Владимир Проскурин]

https://jsfiddle.net/a8039mm7/

Comments

[Ян Ветров]

Спасибо.

Answer 2

[Антон Швец]

document.documentElement.style.backgroundColor = "#ff00ff";

Палитру можно готовую загуглить. Например такую gnatkovsky.com.ua/skript-palitra-cvetov-s-pomoshhy...

Comments

[Ян Ветров]

Спасибо за альтернативный метод.

Answer 3

[Павел Корнилов]

ИМХО, самый простой способ, без внешних библиотек:

<input id="bodybg" type="color">

<script>
	document.getElementById('bodybg').onchange = function () {
		document.body.style.backgroundColor = this.value;
	}
</script>

https://codepen.io/anon/pen/bKEQvR

Comments

[Сергей]

Ещё бы более широкую поддержку браузерами https://caniuse.com/#feat=input-color