任何一种颜色都可用红(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'})