JS ，JQuery 随机输出一种颜色

任何一种颜色都可用红（Red）、绿（Green）、蓝（Blue）三种基本颜色按不同的比例混合得到，称为相加混色。 在计算机中，将红、绿、蓝三种颜色分别按光强度（深浅）的不同分为256个级别，0级实际上是黑色，255级是纯色（红、绿或蓝），分别用8位二进制数表示。

纯黑 ：0 0 0
纯白：255 255 255
纯红：255 0 0
纯绿：0 255 0
纯蓝：0 0 255
将0-255折算成十六进制：是RBG值的另一种表达方式，适用于网页取色

//进制转换和反转
//10进制转成其他进制
var str = 10;
str.toString(2); // 2进制
str.toString(16); //16进制
str.toString(32); //32进制

//反转，将其他进制转换成10进制
/*转换时str可以是字符串也可以是直接的对应的int值，但必须是m进制符合的数值，如果不符合那么可能导致NaN 或者 直接为 0*/
var str= 1010; //带转换的字符串
var m = 2; //m是要当前数的进制值
parseInt(str , m);

HTML代码：

<!--为这个div块添加随机颜色样式-->
<div id="add"></div>

JS / JQuery

//红，绿，蓝三原色，10进制码转16进制，随机数1到256之间
var red = parseInt(Math.random()*257).toString(16);
var blue = parseInt(Math.random()*257).toString(16);
var green= parseInt(Math.random()*257).toString(16);

var color = '#'+red+blue+green;

console.log(color); //输出16进制颜色编码

//JS添加样式代码：
var draw = document.getElementById('add');
draw.style.cssText =`background : ${color};
                     width : 100px;
                     height : 100px;
                     border : 1px solid`;

//JQuery添加样式代码：
$('#add').css({'background' : color,
               'width' : '100px',
               'height' : '100px',
               'border' : '1px solid'})