JSFiddle - React, Tailwind, and code Playground

by mohayonao

HTML

<div id="list"></div>

JavaScript

var list = document.getElementById("list");

[
    "#000000",
    "#660000",
    "#cc0000",
    "#ff0000",
    "#006600",
    "#666600",
    "#cc6600",
    "#ff6600",
    "#00cc00",
    "#66cc00",
    "#cccc00",
    "#ffcc00",
    "#00ff00",
    "#66ff00",
    "#ccff00",
    "#ffff00",
].forEach(function(color, index) {
    var div = document.createElement("div");
    div.textContent = index + " ■ " + color ;
    div.style.fontSize = 32;
    div.style.color = color;
    list.appendChild(div);
});