背景生成器使用随机颜色，但我在javascript文件上收到警告消息

我试图添加随机按钮来自动更改背景颜色，但我遇到了这个错误。 如何更好地开发此代码

指定值“rgb（182,22242）”不符合要求 格式。格式为“#rrggbb”，其中rr、gg、bb为两位数字 十六进制数

var css=document.querySelector（“h3”）；
var color1=document.querySelector（“.color1”）；
var color2=document.querySelector（“.color2”）；
var body=document.getElementById（“梯度”）；
var按钮=document.getElementById（“随机”）；
函数gradientcolor（）{
body.style.background=
线性渐变（向右）
+颜色1.0
+ ","
+颜色2.0
+ ")";
css.textContent=body.style.background+“；”；
}
函数随机（）{
var x=Math.floor（Math.random（）*255）；
var y=Math.floor（Math.random（）*255）；
var z=Math.floor（Math.random（）*255）；
color1.value=“rgb（“+x+”、“+y+”、“+z+”）；
}
按钮。addEventListener（“单击”，随机）；
颜色1.addEventListener（“输入”，渐变颜色）；
color2.addEventListener（“输入”，渐变色）
正文{
背景：线性渐变（向右、红色、黄色）；
文本对齐：居中；
字体系列：“Mukta”，无衬线；
文本转换：大写；
}
h1{
颜色：rgba（0,0,0,0.5）；
字母间距：1rem；；
字号：100；
}
氢{
颜色：rgba（0,0,0,0.5）；
字母间距：0.3em；
}

背景发生器
背景发生器
当前css背景
点击我
HTML5规范不允许颜色输入类型值属性使用RGB值，只允许使用简单的颜色名称或十六进制值


值清理算法如下：如果
元素是有效的简单颜色，然后将其设置为
元素转换为ASCII小写；否则，将其设置为
字符串“#000000”

始终注意尝试并遵守规范，以便跨浏览器工作，并且您不会遇到任何错误


var css=document.querySelector（“h3”）；
var color1=document.querySelector（“.color1”）；
var color2=document.querySelector（“.color2”）；
var body=document.getElementById（“梯度”）；
var按钮=document.getElementById（“随机”）；
函数gradientcolor（）{
body.style.background=
线性渐变（向右）+
颜色1.0+
"," +
颜色2.0+
")";
css.textContent=body.style.background+“；”；
}
函数随机（）{
const red=Math.floor（Math.random（）*255）.toString（16）.padStart（2，'0'）；
const green=Math.floor（Math.random（）*255）.toString（16）.padStart（2，'0'）；
const blue=Math.floor（Math.random（）*255）.toString（16）.padStart（2，'0'）；
color1.value=`${red}${green}${blue}`；
}
addEventListener（“单击”，（）=>{random（）；gradientcolor（）；}）；
颜色1.addEventListener（“输入”，渐变颜色）；
color2.addEventListener（“输入”，渐变色）
正文{
背景：线性渐变（向右、红色、黄色）；
文本对齐：居中；
字体系列：“Mukta”，无衬线；
文本转换：大写；
}
h1{
颜色：rgba（0,0,0,0.5）；
字母间距：1rem；
;
字号：100；
}
氢{
颜色：rgba（0,0,0,0.5）；
字母间距：0.3em；
}

背景发生器
背景发生器
当前css背景
点击我
HTML5规范不允许颜色输入类型值属性使用RGB值，只允许使用简单的颜色名称或十六进制值


值清理算法如下：如果
元素是有效的简单颜色，然后将其设置为
元素转换为ASCII小写；否则，将其设置为
字符串“#000000”

始终注意尝试并遵守规范，以便跨浏览器工作，并且您不会遇到任何错误


var css=document.querySelector（“h3”）；
var color1=document.querySelector（“.color1”）；
var color2=document.querySelector（“.color2”）；
var body=document.getElementById（“梯度”）；
var按钮=document.getElementById（“随机”）；
函数gradientcolor（）{
body.style.background=
线性渐变（向右）+
颜色1.0+
"," +
颜色2.0+
")";
css.textContent=body.style.background+“；”；
}
函数随机（）{
const red=Math.floor（Math.random（）*255）.toString（16）.padStart（2，'0'）；
const green=Math.floor（Math.random（）*255）.toString（16）.padStart（2，'0'）；
const blue=Math.floor（Math.random（）*255）.toString（16）.padStart（2，'0'）；
color1.value=`${red}${green}${blue}`；
}
addEventListener（“单击”，（）=>{random（）；gradientcolor（）；}）；
颜色1.addEventListener（“输入”，渐变颜色）；
color2.addEventListener（“输入”，渐变色）
正文{
背景：线性渐变（向右、红色、黄色）；
文本对齐：居中；
字体系列：“Mukta”，无衬线；
文本转换：大写；
}
h1{
颜色：rgba（0,0,0,0.5）；
字母间距：1rem；
;
字号：100；
}
氢{
颜色：rgba（0,0,0,0.5）；
字母间距：0.3em；
}

背景发生器
背景发生器
当前css背景
点击我
输入颜色与HTML value=“ff0000”中的十六进制代码一起工作，但脚本会生成RGB（X，Y，Z）。尝试更改，但十六进制颜色包括数字以外的字母。您可以通过从所有字母[[A-Z]和数字[0-9]的数组中选择random并更改Math.floor（Math.random（）*255）来执行相同的操作

您可以检查下面的链接，输入颜色与HTML value=“ff0000”中的十六进制代码相同，但您的脚本会生成RGB（X，Y，Z）。请尝试更改该链接，但十六进制颜色包括除数字以外的字母。您可以通过从所有字体的数组中选择“随机”来执行相同操作
    function random() {
      const randomColor = Math.floor(Math.random()*16777215).toString(16);
      const randomColor1 = Math.floor(Math.random()*16777215).toString(16);
        document.body.style.backgroundColor = "#" + randomColor;
         color1.value = "#" + randomColor;
         color2.value = "#" + randomColor1;
    }

<input type="color" value="#ff0000">


function getRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}



function setRandomColor() {
  $("#colorpad").css("background-color", getRandomColor());
}