将json数据更改为十六进制颜色并将样式应用于div

Question

我有以下JSON数据：

 {
   "name": "faded",
   "artist": "alan walker",
   "color": "faded"
 },
 {
   "name": "i love you",
   "artist": "omfg",
   "color": "143"
 },
 {
   "name": "closer",
   "artist": "the chainsmokers",
   "color": "c105e2"
 },
 {
   "name": "roses",
   "artist": "the chainsmokers",
   "color": "205e2"
 }

我正在将十六进制代码转换为背景颜色，但是其中一些代码不起作用，因为颜色需要是6位数（#ffffff）或3位数字（#fff）。

解决方案是在数字之前添加0，仅为2,4或5位数，因此“205e2”将显示为“＃0205e2”。我还想将这个JSON数据应用于每个div：

<div style="background-color: #000;"> <!-- background-color here -->
    <h1 id="name"></h1> <!-- name goes here -->
    <h2 id="artist"></h2> <!-- artist goes here -->
    <h3 id="hex">#000000</h3><!-- color text goes here -->
    <div class="content">
    <button>Like</button>
    <button>Copy</button>
</div>

对此进行编码的可能方法是什么？