Javascript 将表中的十进制转换为十六进制

我正在尝试创建一个类似于此的表：

我上传了该网站，因此可以在此处查看：

在脚本文件中，我试图通过修改

generateRandomReds（）

函数来填充“Red Hex”列，如下所示：

function generateRandomReds(){
     for(var i=0; i<11; i++){
    var randRed = Math.random();
    randRed = randRed.toFixed(2);

      var sel = document.getElementById('genRandomReds');
      var opt = document.createElement('option');
      opt.innerHTML = randRed;
      opt.value = randRed;
      sel.appendChild(opt);

      //Trying to convert decimal to hex and populate the "Red Hex" 
      //column in the Generate random colors table
      //but for some reason adding this code makes it so only 1 random 
      //red decimal value is created and that's it:

      var selHex = document.getElementById('genRedHex');
      var optHex = document.createElement('option');
      optHex.innerHTML = randRed(parseInt( number , 10)).toString(16);
      optHex.value = randRed(parseInt( number , 10)).toString(16);
      selHex.appendChild(optHex);
      }
}

函数生成器域（）{
对于（var i=0；iA），创建了以下代码来解释：

HTML:

generate随机颜色



红绿蓝值
RGH十六进制值
展示

Javascript:

document.getElementById('generate-btn').addEventListener("click", generateRandom);
var tbody = document.getElementById('tbody');

function generateRandom() {

    tbody.innerHTML = '';

    for (var i = 0; i < 11; ++i) {
        var randR = (Math.random().toFixed(3) * 1000) % 256;
        var randG = (Math.random().toFixed(3) * 1000) % 256;
        var randB = (Math.random().toFixed(3) * 1000) % 256;       

        var rgbValue = '(' + randR + ', ' + randG + ', ' + randB + ')';
        var tdF = '<td>' + rgbValue + '</td>';

        var hexValue = '#' + randR.toString(16) + randG.toString(16) + randB.toString(16);
        var tdH = '<td>' + hexValue + '</td>';

        var display = '';
        var tdD = '<td style="background-color:' + hexValue + '"></td>';

        var tr = '<tr>' + tdF + tdH + tdD + '</tr>'        

        tbody.innerHTML = tbody.innerHTML + tr;

    }
}

document.getElementById（'generate-btn'）。addEventListener（“单击”，generateradom）；
var tbody=document.getElementById（'tbody'）；
函数GeneratorDOM（）{
tbody.innerHTML=''；
对于（变量i=0；i<11；++i）{
var randR=（Math.random（）.toFixed（3）*1000）%256；
var randG=（Math.random（）.toFixed（3）*1000）%256；
var randB=（Math.random（）.toFixed（3）*1000）%256；
变量rgbValue='（'+randR+'、'+randG+'、'+randB+'）；
var tdF=''+rgbValue+''；
var hexValue='#'+randR.toString（16）+randG.toString（16）+randB.toString（16）；
变量tdH=''+hexValue+''；
变量显示=“”；
var tdD=“”；
var tr=''+tdF+tdH+tdD+''的
tbody.innerHTML=tbody.innerHTML+tr；
}
}

在这个例子中，我生成的是RBG数字的整数。RGB从0到255，所以a创建了一个3位数的随机数，最大值为255。
要转换为十六进制，请简单使用toString（16）

请参阅以下内容：
问题是什么？我的问题是如何使用“红色浮动”列转换为十六进制的值填充生成随机颜色表中的“红色十六进制”列？
document.getElementById('generate-btn').addEventListener("click", generateRandom);
var tbody = document.getElementById('tbody');

function generateRandom() {

    tbody.innerHTML = '';

    for (var i = 0; i < 11; ++i) {
        var randR = (Math.random().toFixed(3) * 1000) % 256;
        var randG = (Math.random().toFixed(3) * 1000) % 256;
        var randB = (Math.random().toFixed(3) * 1000) % 256;       

        var rgbValue = '(' + randR + ', ' + randG + ', ' + randB + ')';
        var tdF = '<td>' + rgbValue + '</td>';

        var hexValue = '#' + randR.toString(16) + randG.toString(16) + randB.toString(16);
        var tdH = '<td>' + hexValue + '</td>';

        var display = '';
        var tdD = '<td style="background-color:' + hexValue + '"></td>';

        var tr = '<tr>' + tdF + tdH + tdD + '</tr>'        

        tbody.innerHTML = tbody.innerHTML + tr;

    }
}