JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Klick</title>
<style type="text/css">
  .color{
    display:inline-block;
    width:60px;
    height:60px;
    margin:0 10px 10px 0;
    padding:10px 0 0 10px;
    -moz-border-radius:5px;
    -moz-box-shadow: 5px 5px 10px #ccc;}  
</style>
<script type="text/javascript">
var r = 255;
var g = 255; 
var b = 255; 
var step = 9;
for (var i = 0, x=1; i < step; i++, x+=1) {
    if (!(i % 3)) {
    document.write('<br>');
    }
    
    document.write('<span class="color" style="background:rgb(' + r + ', ' + g +  ', ' + b + ')" title="#' + r.toString(16) + g.toString(16) + b.toString(16) + '">'+x+'</span>');
}   
</script>
</head>
<body>
</body>
</html>