JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

JavaScript

const colorNames = {
  aliceblue: { red: 240, green: 248, blue: 255 },
  antiquewhite: { red: 250, green: 235, blue: 215 },
  aqua: { red: 0, green: 255, blue: 255 },
  aquamarine: { red: 127, green: 255, blue: 212 },
  azure: { red: 240, green: 255, blue: 255 },
  beige: { red: 245, green: 245, blue: 220 },
  bisque: { red: 255, green: 228, blue: 196 },
  black: { red: 0, green: 0, blue: 0 },
  blanchedalmond: { red: 255, green: 235, blue: 205 },
  blue: { red: 0, green: 0, blue: 255 },
  blueviolet: { red: 138, green: 43, blue: 226 },
  brown: { red: 165, green: 42, blue: 42 },
  burlywood: { red: 222, green: 184, blue: 135 },
  cadetblue: { red: 95, green: 158, blue: 160 },
  chartreuse: { red: 127, green: 255, blue: 0 },
  chocolate: { red: 210, green: 105, blue: 30 },
  coral: { red: 255, green: 127, blue: 80 },
  cornflowerblue: { red: 100, green: 149, blue: 237 },
  cornsilk: { red: 255, green: 248, blue: 220 },
  crimson: { red: 220, green: 20, blue: 60 },
  cyan: { red: 0, green: 255, blue: 255 },
  darkblue: { red: 0, green: 0, blue: 139 },
  darkcyan: { red: 0, green: 139, blue: 139 },
  darkgoldenrod: { red: 184, green: 134, blue: 11 },
  darkgray: { red: 169, green: 169, blue: 169 },
  darkgreen: { red: 0, green: 100, blue: 0 },
  darkgrey: { red: 169, green: 169, blue: 169 },
  darkkhaki: { red: 189, green: 183, blue: 107 },
  darkmagenta: { red: 139, green: 0, blue: 139 },
  darkolivegreen: { red: 85, green: 107, blue: 47 },
  darkorange: { red: 255, green: 140, blue: 0 },
  darkorchid: { red: 153, green: 50, blue: 204 },
  darkred: { red: 139, green: 0, blue: 0 },
  darksalmon: { red: 233, green: 150, blue: 122 },
  darkseagreen: { red: 143, green: 188, blue: 143 },
  darkslateblue: { red: 72, green: 61, blue: 139 },
  darkslategray: { red: 47, green: 79, blue: 79 },
  darkslategrey: { red: 47, green: 79, blue: 79 },
  darkturquoise: { red: 0, green: 206, blue: 209 },
  darkviolet: { red: 148, green: 0, blue: 211 },
  deeppink: { red: 255, green:...