JSFiddle - React, Tailwind, and code Playground

by Jim_Toth

HTML

<H2>Solid Color</H2>

<div>

    <span style="background-color:#fdfdfd;"></span>
    <span style="background-color:#eeeeee;"></span>
    <span style="background-color:#e8e8e8;"></span>
    <span style="background-color:#dadfe1;"></span>
    <span style="background-color:#bfbfbf;"></span>
    <span style="background-color:#5f5959;"></span>
    <span style="background-color:#2e3131;"></span>
    <span style="background-color:#1e2121;"></span>
    <span style="background-color:#231e1e;"></span>
    <span style="background-color:#000000;"></span>

    <span style="background-color:#f9eeec;"></span>
    <span style="background-color:#fde4e1;"></span>
    <span style="background-color:#f1a9a0;"></span>
    <span style="background-color:#f1828d;"></span>
    <span style="background-color:#f9544e;"></span>
    <span style="background-color:#cf000f;"></span>
    <span style="background-color:#96281b;"></span>
    <span style="background-color:#d2527f;"></span>
    <span style="background-color:#f62459;"></span>
    <span style="background-color:#db0a5b;"></span>

    <span style="background-color:#f1e7fe;"></span>
    <span style="background-color:#d5b8ff;"></span>
    <span style="background-color:#a96dad;"></span>
    <span style="background-color:#913d88;"></span>
    <span style="background-color:#963694;"></span>
    <span style="background-color:#8e44ad;"></span>
    <span style="background-color:#674172;"></span>
    <span style="background-color:#663399;"></span>
    <span style="background-color:#a537fd;"></span>
    <span style="background-color:#9a12b3;"></span>

    <span style="background-color:#e4f1fe;"></span>
    <span style="background-color:#c5eff7;"></span>
    <span style="background-color:#81cfe0;"></span>
    <span style="background-color:#59abe3;"></span>
    <span style="background-color:#22a7f0;"></span>
    <span style="background-color:#19b5fe;"></span>
    <span style="background-color:#5333ed;"></span>
    <span...

CSS

h2{
  font-size: 13px;
    line-height: 1.4em;
    cursor: default;
    display: block;
}

div{
  width: 280px;
}

span{
  color: transparent;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
}