如何在javascript中生成随机灰色

Question

我有一个功能,只想生成灰色.如何使用下面的代码执行此操作？我是javascript的新手!我很感激任何帮助.我正在使用Paper.js

 function onMouseDown(event) {
        path = new Path();
        path.fillColor = {
            hue: Math.random() * 360,
            //saturation: 0,
            //brightness: 0.5
        };

        path.add(event.point);
    }

Answer 1

由于灰色具有相同的RGB分量,因此您可以生成0 - ff范围内的十六进制,并将其用于R,G,B部分中的每一个:

function randomGreyHex() {
  var v = (Math.random()*(256)|0).toString(16);//bitwise OR. Gives value in the range 0-255 which is then converted to base 16 (hex).
  return "#" + v + v + v;
}

/* demo usage: */
var div = document.querySelector("div");
div.addEventListener("click", function() {
  var grey = randomGreyHex();
  this.style.backgroundColor = grey;
  this.innerHTML = grey;
});

div {
  height: 100px;
  border: 1px solid red;
  text-shadow: 0 0 10px white;
}

<div id="div">click me</div>