Javascriptは同じ色のハイライトを持つランダムな色を生成します

Question

私はcharts.jsライブラリで作業しています。グラフの単位にランダムな色を生成する必要があります。

私はそうする方法について多くの答えを見ました。例えばAnatoliy answerのように。

問題は、charts.js Pieの「ハイライト」フィールドを満たすのと同じハイライトカラー（または近い色）が必要です。

{ 
    value: 300, 
    color: "#30a5ff", 
    highlight: "#62b9fb", 
    label: "Label" 
}, 

Answer 1

これは、さまざまな解決策の1つです。 0と360の間のランダムな色相を取得します。 "ハイライト"カラーの場合、100％彩度と50％明度を使用し、100％彩度と80％明度を使用します。 「ランコードスニペット」ボタンをクリックし続けると、よりランダムな色が表示されます。

document.querySelectorAll('div').forEach(d => { 
 
    const hue = Math.floor(Math.random() * 360); 
 
    d.style.backgroundColor = `hsl(${hue}, 100%, 50%)`; 
 
    d.style.borderColor  = `hsl(${hue}, 100%, 80%)`; 
 
});

div { 
 
    display: inline-block; 
 
    width: 20px; 
 
    height: 20px; 
 
    border: solid 5px; 
 
    margin: 5px; 
 
}

<div></div> 
 
<div></div> 
 
<div></div> 
 
<div></div> 
 
<div></div> 
 
<div></div> 
 
<div></div> 
 
<div></div> 
 
<div></div> 
 
<div></div>