js随机暖色,亮色,暗色。

4,620 阅读1分钟

颜色值越接近255的越亮,越偏向0的越暗。

  • 暖色

      rdmRgbColor() {
      		//随机生成RGB颜色
      		let arr = [];
      		for (var i = 0; i < 3; i++) {
      		    // 暖色
      		    arr.push(Math.floor(Math.random() * 128 + 64));
      		    // 亮色
      		    arr.push(Math.floor(Math.random() * 128 + 128));
      		}
      		let [r, g, b] = arr;
      		// rgb颜色
      		// var color=`rgb(${r},${g},${b})`;
      		// 16进制颜色
      		var color = `#${r.toString(16).length > 1 ? r.toString(16) : '0' + r.toString(16)}${g.toString(16).length > 1 ? g.toString(16) : '0' + g.toString(16)}${
      			b.toString(16).length > 1 ? b.toString(16) : '0' + b.toString(16)}`;
      		return color;
      	}
    
  • 暗色

      rdmRgbColor() {
      		//随机生成RGB颜色
      		let arr = [];
      		for (var i = 0; i < 3; i++) {
      		    // 暗色
      		    arr.push(Math.floor(Math.random() * 128));
      		    // 暗黑色
      		    arr.push(Math.floor(Math.random() * 64));
      			
      		}
      		let [r, g, b] = arr;
      		// rgb颜色
      		// var color=`rgb(${r},${g},${b})`;
      		// 16进制颜色
      		var color = `#${r.toString(16).length > 1 ? r.toString(16) : '0' + r.toString(16)}${g.toString(16).length > 1 ? g.toString(16) : '0' + g.toString(16)}${
      			b.toString(16).length > 1 ? b.toString(16) : '0' + b.toString(16)}`;
      		return color;
      	}
    
  • 随机所有色

      rdmRgbColor() {
      		//随机生成RGB颜色
      		let arr = [];
      		for (var i = 0; i < 3; i++) {
      			arr.push(Math.floor(Math.random() * 256));
      		}
      		let [r, g, b] = arr;
      		// rgb颜色
      		// var color=`rgb(${r},${g},${b})`;
      		// 16进制颜色
      		var color = `#${r.toString(16).length > 1 ? r.toString(16) : '0' + r.toString(16)}${g.toString(16).length > 1 ? g.toString(16) : '0' + g.toString(16)}${
      			b.toString(16).length > 1 ? b.toString(16) : '0' + b.toString(16)}`;
      		return color;
      	}