JSFiddle - React, Tailwind, and code Playground

JavaScript

var HSVtoRGB = function(h, s, v) {
    var r, g, b, i, f, p, q, t;
    if (h && s === undefined && v === undefined) {
        s = h.s, v = h.v, h = h.h;
    }
    h = h/360
    s = s/100;
    v = v/100;
    i = Math.floor(h * 6);
    f = h * 6 - i;
    p = v * (1 - s);
    q = v * (1 - f * s);
    t = v * (1 - (1 - f) * s);
    switch (i % 6) {
        case 0: r = v, g = t, b = p; break;
        case 1: r = q, g = v, b = p; break;
        case 2: r = p, g = v, b = t; break;
        case 3: r = p, g = q, b = v; break;
        case 4: r = t, g = p, b = v; break;
        case 5: r = v, g = p, b = q; break;
    }
    return {
        r: Math.floor(r * 255),
        g: Math.floor(g * 255),
        b: Math.floor(b * 255)
    };
};

for (i = 0; i < 360; i += 36) {
    hsv = {h: i, s: 100, v: 100};
    rgb = HSVtoRGB(hsv);
    var div = document.createElement('div');
    div.style.color = 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')';
    hsv.h /= 36;
    div.textContent = JSON.stringify(hsv);
    document.body.appendChild(div);
}