Как задать случайное значение hue-rotate()
 

Добрый день!

Подскажите, пожалуйста. Есть задача по выводу картинки со случайно искаженной цветовой палитрой при загрузке страницы. То есть заходя несколько раз (или обновляя) картинка должна рандомиться. Вроде должен подойти hue-rotate типа:
<img src="images/1.jpg" style="-webkit-filter: hue-rotate(150deg);filter: hue-rotate(150deg);" width="100%">

НО можно ли задать рандом на значения в скобках? Или есть более простой и эффективный способ решить этот вопрос?

Крайний вариант это сделать n-ное количество картинок с измененными цветами и рандом-скриптом их показывать, но хочется сделать покачественнее.

п.с. может про это надо спрашивать в разделе скриптов?

Step_An,

<script>
    var n = 360*Math.random()|0;
    document.write('<img src="https://webref.ru/example/image/winnie.png" style="-webkit-filter: hue-rotate('+n+'deg);filter: hue-rotate('+n+'deg);" width="100%"> ')
</script>

Классно, спасибо большое! Почему-то не могу поставить +, наверное мало на сайте пробыл :(

Step_An, вероятно вы на http версии сайта :)
Попробуйте перейти на https версию.