如何用JavaScript通过滑块调整网页背景颜色？

本文共计563个文字，预计阅读时间需要3分钟。

今天我看web前端HTML时，发现input标签的type属性是range，这时页面上显示的是一个滑动条。我突发奇想，能不能通过滑动条来改变网页的颜色。现在我和大家分享一下，通过滑动条来改变网页的色

大家好，今天我在看web前端的HTML时，看到input标签的type属性是range时在页面上显示的是一个滑块，我突发奇想能不能通过滑来改变网页的颜色。现在我和大家分享一下通过滑块来改变网页的颜色。

首先要知道怎么样来表示颜色，颜色的表示有四种方式：

1、用颜色的名称来表示颜色：red,green...等

2、用#加16进制数表示：#FF0000/#F00 红色、#00FF00/#0F0 绿色 ...等

3、用rgb值：rgb(0,0,0) 黑色、rgb(255,255,255) 白色....等

4、用rgba值表示：rgba(0,0,0,0.5) 半透明黑色、rgba(255,0,0,.5) 半透明红色（a值表示透明度）

我用的是rgb值表示颜色的，r值，g值，b值的取值范围都是0~255。