apphouse/dist/utils/color/names.ts

Component library for React that uses observable state management and theme-able components.

export const colorsByName: { [colorName: string]: string } = {
  AliceBlue: "#F0F8FF",
  AntiqueWhite: "#FAEBD7",
  Aqua: "#00FFFF",
  Aquamarine: "#7FFFD4",
  Azure: "#F0FFFF",
  Beige: "#F5F5DC",
  Bisque: "#FFE4C4",
  Black: "#000000",
  BlanchedAlmond: "#FFEBCD",
  Blue: "#0000FF",
  BlueViolet: "#8A2BE2",
  Brown: "#A52A2A",
  BurlyWood: "#DEB887",
  CadetBlue: "#5F9EA0",
  Chartreuse: "#7FFF00",
  Chocolate: "#D2691E",
  Coral: "#FF7F50",
  CornflowerBlue: "#6495ED",
  Cornsilk: "#FFF8DC",
  Crimson: "#DC143C",
  Cyan: "#00FFFF",
  DarkBlue: "#00008B",
  DarkCyan: "#008B8B",
  DarkGoldenRod: "#B8860B",
  DarkGray: "#A9A9A9",
  DarkGreen: "#006400",
  DarkKhaki: "#BDB76B",
  DarkMagenta: "#8B008B",
  DarkOliveGreen: "#556B2F",
  Darkorange: "#FF8C00",
  DarkOrchid: "#9932CC",
  DarkRed: "#8B0000",
  DarkSalmon: "#E9967A",
  DarkSeaGreen: "#8FBC8F",
  DarkSlateBlue: "#483D8B",
  DarkSlateGray: "#2F4F4F",
  DarkTurquoise: "#00CED1",
  DarkViolet: "#9400D3",
  DeepPink: "#FF1493",
  DeepSkyBlue: "#00BFFF",
  DimGray: "#696969",
  DodgerBlue: "#1E90FF",
  FireBrick: "#B22222",
  FloralWhite: "#FFFAF0",
  ForestGreen: "#228B22",
  Fuchsia: "#FF00FF",
  Gainsboro: "#DCDCDC",
  GhostWhite: "#F8F8FF",
  Gold: "#FFD700",
  GoldenRod: "#DAA520",
  Gray: "#808080",
  Green: "#008000",
  GreenYellow: "#ADFF2F",
  HoneyDew: "#F0FFF0",
  HotPink: "#FF69B4",
  IndianRed: "#CD5C5C",
  Indigo: "#4B0082",
  Ivory: "#FFFFF0",
  Khaki: "#F0E68C",
  Lavender: "#E6E6FA",
  LavenderBlush: "#FFF0F5",
  LawnGreen: "#7CFC00",
  LemonChiffon: "#FFFACD",
  LightBlue: "#ADD8E6",
  LightCoral: "#F08080",
  LightCyan: "#E0FFFF",
  LightGoldenRodYellow: "#FAFAD2",
  LightGrey: "#D3D3D3",
  LightGreen: "#90EE90",
  LightPink: "#FFB6C1",
  LightSalmon: "#FFA07A",
  LightSeaGreen: "#20B2AA",
  LightSkyBlue: "#87CEFA",
  LightSlateGray: "#778899",
  LightSteelBlue: "#B0C4DE",
  LightYellow: "#FFFFE0",
  Lime: "#00FF00",
  LimeGreen: "#32CD32",
  Linen: "#FAF0E6",
  Magenta: "#FF00FF",
  Maroon: "#800000",
  MediumAquaMarine: "#66CDAA",
  MediumBlue: "#0000CD",
  MediumOrchid: "#BA55D3",
  MediumPurple: "#9370D8",
  MediumSeaGreen: "#3CB371",
  MediumSlateBlue: "#7B68EE",
  MediumSpringGreen: "#00FA9A",
  MediumTurquoise: "#48D1CC",
  MediumVioletRed: "#C71585",
  MidnightBlue: "#191970",
  MintCream: "#F5FFFA",
  MistyRose: "#FFE4E1",
  Moccasin: "#FFE4B5",
  NavajoWhite: "#FFDEAD",
  Navy: "#000080",
  OldLace: "#FDF5E6",
  Olive: "#808000",
  OliveDrab: "#6B8E23",
  Orange: "#FFA500",
  OrangeRed: "#FF4500",
  Orchid: "#DA70D6",
  PaleGoldenRod: "#EEE8AA",
  PaleGreen: "#98FB98",
  PaleTurquoise: "#AFEEEE",
  PaleVioletRed: "#D87093",
  PapayaWhip: "#FFEFD5",
  PeachPuff: "#FFDAB9",
  Peru: "#CD853F",
  Pink: "#FFC0CB",
  Plum: "#DDA0DD",
  PowderBlue: "#B0E0E6",
  Purple: "#800080",
  Red: "#FF0000",
  RosyBrown: "#BC8F8F",
  RoyalBlue: "#4169E1",
  SaddleBrown: "#8B4513",
  Salmon: "#FA8072",
  SandyBrown: "#F4A460",
  SeaGreen: "#2E8B57",
  SeaShell: "#FFF5EE",
  Sienna: "#A0522D",
  Silver: "#C0C0C0",
  SkyBlue: "#87CEEB",
  SlateBlue: "#6A5ACD",
  SlateGray: "#708090",
  Snow: "#FFFAFA",
  SpringGreen: "#00FF7F",
  SteelBlue: "#4682B4",
  Tan: "#D2B48C",
  Teal: "#008080",
  Thistle: "#D8BFD8",
  Tomato: "#FF6347",
  Turquoise: "#40E0D0",
  Violet: "#EE82EE",
  Wheat: "#F5DEB3",
  White: "#FFFFFF",
  WhiteSmoke: "#F5F5F5",
  Yellow: "#FFFF00",
  YellowGreen: "#9ACD",
};
export interface ColorRGBValue {
  [colorName: string]: number[];
}
export const colorNamesRGB: ColorRGBValue = {
  aliceblue: [240, 248, 255],
  antiquewhite: [250, 235, 215],
  aqua: [0, 255, 255],
  aquamarine: [127, 255, 212],
  azure: [240, 255, 255],
  beige: [245, 245, 220],
  bisque: [255, 228, 196],
  black: [0, 0, 0],
  blanchedalmond: [255, 235, 205],
  blue: [0, 0, 255],
  blueviolet: [138, 43, 226],
  brown: [165, 42, 42],
  burlywood: [222, 184, 135],
  cadetblue: [95, 158, 160],
  chartreuse: [127, 255, 0],
  chocolate: [210, 105, 30],
  coral: [255, 127, 80],
  cornflowerblue: [100, 149, 237],
  cornsilk: [255, 248, 220],
  crimson: [220, 20, 60],
  cyan: [0, 255, 255],
  darkblue: [0, 0, 139],
  darkcyan: [0, 139, 139],
  darkgoldenrod: [184, 134, 11],
  darkgray: [169, 169, 169],
  darkgreen: [0, 100, 0],
  darkgrey: [169, 169, 169],
  darkkhaki: [189, 183, 107],
  darkmagenta: [139, 0, 139],
  darkolivegreen: [85, 107, 47],
  darkorange: [255, 140, 0],
  darkorchid: [153, 50, 204],
  darkred: [139, 0, 0],
  darksalmon: [233, 150, 122],
  darkseagreen: [143, 188, 143],
  darkslateblue: [72, 61, 139],
  darkslategray: [47, 79, 79],
  darkslategrey: [47, 79, 79],
  darkturquoise: [0, 206, 209],
  darkviolet: [148, 0, 211],
  deeppink: [255, 20, 147],
  deepskyblue: [0, 191, 255],
  dimgray: [105, 105, 105],
  dimgrey: [105, 105, 105],
  dodgerblue: [30, 144, 255],
  firebrick: [178, 34, 34],
  floralwhite: [255, 250, 240],
  forestgreen: [34, 139, 34],
  fuchsia: [255, 0, 255],
  gainsboro: [220, 220, 220],
  ghostwhite: [248, 248, 255],
  gold: [255, 215, 0],
  goldenrod: [218, 165, 32],
  gray: [128, 128, 128],
  green: [0, 128, 0],
  greenyellow: [173, 255, 47],
  grey: [128, 128, 128],
  honeydew: [240, 255, 240],
  hotpink: [255, 105, 180],
  indianred: [205, 92, 92],
  indigo: [75, 0, 130],
  ivory: [255, 255, 240],
  khaki: [240, 230, 140],
  lavender: [230, 230, 250],
  lavenderblush: [255, 240, 245],
  lawngreen: [124, 252, 0],
  lemonchiffon: [255, 250, 205],
  lightblue: [173, 216, 230],
  lightcoral: [240, 128, 128],
  lightcyan: [224, 255, 255],
  lightgoldenrodyellow: [250, 250, 210],
  lightgray: [211, 211, 211],
  lightgreen: [144, 238, 144],
  lightgrey: [211, 211, 211],
  lightpink: [255, 182, 193],
  lightsalmon: [255, 160, 122],
  lightseagreen: [32, 178, 170],
  lightskyblue: [135, 206, 250],
  lightslategray: [119, 136, 153],
  lightslategrey: [119, 136, 153],
  lightsteelblue: [176, 196, 222],
  lightyellow: [255, 255, 224],
  lime: [0, 255, 0],
  limegreen: [50, 205, 50],
  linen: [250, 240, 230],
  magenta: [255, 0, 255],
  maroon: [128, 0, 0],
  mediumaquamarine: [102, 205, 170],
  mediumblue: [0, 0, 205],
  mediumorchid: [186, 85, 211],
  mediumpurple: [147, 112, 219],
  mediumseagreen: [60, 179, 113],
  mediumslateblue: [123, 104, 238],
  mediumspringgreen: [0, 250, 154],
  mediumturquoise: [72, 209, 204],
  mediumvioletred: [199, 21, 133],
  midnightblue: [25, 25, 112],
  mintcream: [245, 255, 250],
  mistyrose: [255, 228, 225],
  moccasin: [255, 228, 181],
  navajowhite: [255, 222, 173],
  navy: [0, 0, 128],
  oldlace: [253, 245, 230],
  olive: [128, 128, 0],
  olivedrab: [107, 142, 35],
  orange: [255, 165, 0],
  orangered: [255, 69, 0],
  orchid: [218, 112, 214],
  palegoldenrod: [238, 232, 170],
  palegreen: [152, 251, 152],
  paleturquoise: [175, 238, 238],
  palevioletred: [219, 112, 147],
  papayawhip: [255, 239, 213],
  peachpuff: [255, 218, 185],
  peru: [205, 133, 63],
  pink: [255, 192, 203],
  plum: [221, 160, 221],
  powderblue: [176, 224, 230],
  purple: [128, 0, 128],
  rebeccapurple: [102, 51, 153],
  red: [255, 0, 0],
  rosybrown: [188, 143, 143],
  royalblue: [65, 105, 225],
  saddlebrown: [139, 69, 19],
  salmon: [250, 128, 114],
  sandybrown: [244, 164, 96],
  seagreen: [46, 139, 87],
  seashell: [255, 245, 238],
  sienna: [160, 82, 45],
  silver: [192, 192, 192],
  skyblue: [135, 206, 235],
  slateblue: [106, 90, 205],
  slategray: [112, 128, 144],
  slategrey: [112, 128, 144],
  snow: [255, 250, 250],
  springgreen: [0, 255, 127],
  steelblue: [70, 130, 180],
  tan: [210, 180, 140],
  teal: [0, 128, 128],
  thistle: [216, 191, 216],
  tomato: [255, 99, 71],
  turquoise: [64, 224, 208],
  violet: [238, 130, 238],
  wheat: [245, 222, 179],
  white: [255, 255, 255],
  whitesmoke: [245, 245, 245],
  yellow: [255, 255, 0],
  yellowgreen: [154, 205, 50],
};

const colorRGBHash: { [rgb: string]: string } = {
  "240, 248, 255": "aliceblue",
  "250, 235, 215": "antiquewhite",
  // "0, 255, 255": "aqua",
  "127, 255, 212": "aquamarine",
  "240, 255, 255": "azure",
  "245, 245, 220": "beige",
  "255, 228, 196": "bisque",
  "0, 0, 0": "black",
  "255, 235, 205": "blanchedalmond",
  "0, 0, 255": "blue",
  "138, 43, 226": "blueviolet",
  "165, 42, 42": "brown",
  "222, 184, 135": "burlywood",
  "95, 158, 160": "cadetblue",
  "127, 255, 0": "chartreuse",
  "210, 105, 30": "chocolate",
  "255, 127, 80": "coral",
  "100, 149, 237": "cornflowerblue",
  "255, 248, 220": "cornsilk",
  "220, 20, 60": "crimson",
  "0, 255, 255": "cyan",
  "0, 0, 139": "darkblue",
  "0, 139, 139": "darkcyan",
  "184, 134, 11": "darkgoldenrod",
  "169, 169, 169": "darkgray",
  "0, 100, 0": "darkgreen",
  "189, 183, 107": "darkkhaki",
  "139, 0, 139": "darkmagenta",
  "85, 107, 47": "darkolivegreen",
  "255, 140, 0": "darkorange",
  "153, 50, 204": "darkorchid",
  "139, 0, 0": "darkred",
  "233, 150, 122": "darksalmon",
  "143, 188, 143": "darkseagreen",
  "72, 61, 139": "darkslateblue",
  "47, 79, 79": "darkslategray",
  "0, 206, 209": "darkturquoise",
  "148, 0, 211": "darkviolet",
  "255, 20, 147": "deeppink",
  "0, 191, 255": "deepskyblue",
  "105, 105, 105": "dimgray",
  "30, 144, 255": "dodgerblue",
  "178, 34, 34": "firebrick",
  "255, 250, 240": "floralwhite",
  "34, 139, 34": "forestgreen",
  "255, 0, 255": "fuchsia",
  "220, 220, 220": "gainsboro",
  "248, 248, 255": "ghostwhite",
  "255, 215, 0": "gold",
  "218, 165, 32": "goldenrod",
  "128, 128, 128": "gray",
  "0, 128, 0": "green",
  "173, 255, 47": "greenyellow",
  // "128, 128, 128": "grey",
  "240, 255, 240": "honeydew",
  "255, 105, 180": "hotpink",
  "205, 92, 92": "indianred",
  "75, 0, 130": "indigo",
  "255, 255, 240": "ivory",
  "240, 230, 140": "khaki",
  "230, 230, 250": "lavender",
  "255, 240, 245": "lavenderblush",
  "124, 252, 0": "lawngreen",
  "255, 250, 205": "lemonchiffon",
  "173, 216, 230": "lightblue",
  "240, 128, 128": "lightcoral",
  "224, 255, 255": "lightcyan",
  "250, 250, 210": "lightgoldenrodyellow",
  "211, 211, 211": "lightgray",
  "144, 238, 144": "lightgreen",
  // "211, 211, 211": "lightgrey",
  "255, 182, 193": "lightpink",
  "255, 160, 122": "lightsalmon",
  "32, 178, 170": "lightseagreen",
  "135, 206, 250": "lightskyblue",
  "119, 136, 153": "lightslategray",
  // "119, 136, 153": "lightslategrey",
  "176, 196, 222": "lightsteelblue",
  "255, 255, 224": "lightyellow",
  "0, 255, 0": "lime",
  "50, 205, 50": "limegreen",
  "250, 240, 230": "linen",
  // "255, 0, 255": "magenta",
  "128, 0, 0": "maroon",
  "102, 205, 170": "mediumaquamarine",
  "0, 0, 205": "mediumblue",
  "186, 85, 211": "mediumorchid",
  "147, 112, 219": "mediumpurple",
  "60, 179, 113": "mediumseagreen",
  "123, 104, 238": "mediumslateblue",
  "0, 250, 154": "mediumspringgreen",
  "72, 209, 204": "mediumturquoise",
  "199, 21, 133": "mediumvioletred",
  "25, 25, 112": "midnightblue",
  "245, 255, 250": "mintcream",
  "255, 228, 225": "mistyrose",
  "255, 228, 181": "moccasin",
  "255, 222, 173": "navajowhite",
  "0, 0, 128": "navy",
  "253, 245, 230": "oldlace",
  "128, 128, 0": "olive",
  "107, 142, 35": "olivedrab",
  "255, 165, 0": "orange",
  "255, 69, 0": "orangered",
  "218, 112, 214": "orchid",
  "238, 232, 170": "palegoldenrod",
  "152, 251, 152": "palegreen",
  "175, 238, 238": "paleturquoise",
  "219, 112, 147": "palevioletred",
  "255, 239, 213": "papayawhip",
  "255, 218, 185": "peachpuff",
  "205, 133, 63": "peru",
  "255, 192, 203": "pink",
  "221, 160, 221": "plum",
  "176, 224, 230": "powderblue",
  "128, 0, 128": "purple",
  "102, 51, 153": "rebeccapurple",
  "255, 0, 0": "red",
  "188, 143, 143": "rosybrown",
  "65, 105, 225": "royalblue",
  "139, 69, 19": "saddlebrown",
  "250, 128, 114": "salmon",
  "244, 164, 96": "sandybrown",
  "46, 139, 87": "seagreen",
  "255, 245, 238": "seashell",
  "160, 82, 45": "sienna",
  "192, 192, 192": "silver",
  "135, 206, 235": "skyblue",
  "106, 90, 205": "slateblue",
  "112, 128, 144": "slategray",
  "255, 250, 250": "snow",
  "0, 255, 127": "springgreen",
  "70, 130, 180": "steelblue",
  "210, 180, 140": "tan",
  "0, 128, 128": "teal",
  "216, 191, 216": "thistle",
  "255, 99, 71": "tomato",
  "64, 224, 208": "turquoise",
  "238, 130, 238": "violet",
  "245, 222, 179": "wheat",
  "255, 255, 255": "white",
  "245, 245, 245": "whitesmoke",
  "255, 255, 0": "yellow",
  "154, 205, 50": "yellowgreen",
};
export interface ApphouseRGBColorFormat {
  name: string;
  r: number;
  g: number;
  b: number;
}

export const colorsRGB: ApphouseRGBColorFormat[] = [
  { name: "aliceblue", r: 240, g: 248, b: 255 },
  { name: "antiquewhite", r: 250, g: 235, b: 215 },
  { name: "aqua", r: 0, g: 255, b: 255 },
  { name: "aquamarine", r: 127, g: 255, b: 212 },
  { name: "azure", r: 240, g: 255, b: 255 },
  { name: "beige", r: 245, g: 245, b: 220 },
  { name: "bisque", r: 255, g: 228, b: 196 },
  { name: "black", r: 0, g: 0, b: 0 },
  { name: "blanchedalmond", r: 255, g: 235, b: 205 },
  { name: "blue", r: 0, g: 0, b: 255 },
  { name: "blueviolet", r: 138, g: 43, b: 226 },
  { name: "brown", r: 165, g: 42, b: 42 },
  { name: "burlywood", r: 222, g: 184, b: 135 },
  { name: "cadetblue", r: 95, g: 158, b: 160 },
  { name: "chartreuse", r: 127, g: 255, b: 0 },
  { name: "chocolate", r: 210, g: 105, b: 30 },
  { name: "coral", r: 255, g: 127, b: 80 },
  { name: "cornflowerblue", r: 100, g: 149, b: 237 },
  { name: "cornsilk", r: 255, g: 248, b: 220 },
  { name: "crimson", r: 220, g: 20, b: 60 },
  { name: "cyan", r: 0, g: 255, b: 255 },
  { name: "darkblue", r: 0, g: 0, b: 139 },
  { name: "darkcyan", r: 0, g: 139, b: 139 },
  { name: "darkgoldenrod", r: 184, g: 134, b: 11 },
  { name: "darkgray", r: 169, g: 169, b: 169 },
  { name: "darkgreen", r: 0, g: 100, b: 0 },
  { name: "darkgrey", r: 169, g: 169, b: 169 },
  { name: "darkkhaki", r: 189, g: 183, b: 107 },
  { name: "darkmagenta", r: 139, g: 0, b: 139 },
  { name: "darkolivegreen", r: 85, g: 107, b: 47 },
  { name: "darkorange", r: 255, g: 140, b: 0 },
  { name: "darkorchid", r: 153, g: 50, b: 204 },
  { name: "darkred", r: 139, g: 0, b: 0 },
  { name: "darksalmon", r: 233, g: 150, b: 122 },
  { name: "darkseagreen", r: 143, g: 188, b: 143 },
  { name: "darkslateblue", r: 72, g: 61, b: 139 },
  { name: "darkslategray", r: 47, g: 79, b: 79 },
  { name: "darkslategrey", r: 47, g: 79, b: 79 },
  { name: "darkturquoise", r: 0, g: 206, b: 209 },
  { name: "darkviolet", r: 148, g: 0, b: 211 },
  { name: "deeppink", r: 255, g: 20, b: 147 },
  { name: "deepskyblue", r: 0, g: 191, b: 255 },
  { name: "dimgray", r: 105, g: 105, b: 105 },
  { name: "dimgrey", r: 105, g: 105, b: 105 },
  { name: "dodgerblue", r: 30, g: 144, b: 255 },
  { name: "firebrick", r: 178, g: 34, b: 34 },
  { name: "floralwhite", r: 255, g: 250, b: 240 },
  { name: "forestgreen", r: 34, g: 139, b: 34 },
  { name: "fuchsia", r: 255, g: 0, b: 255 },
  { name: "gainsboro", r: 220, g: 220, b: 220 },
  { name: "ghostwhite", r: 248, g: 248, b: 255 },
  { name: "gold", r: 255, g: 215, b: 0 },
  { name: "goldenrod", r: 218, g: 165, b: 32 },
  { name: "gray", r: 128, g: 128, b: 128 },
  { name: "green", r: 0, g: 128, b: 0 },
  { name: "greenyellow", r: 173, g: 255, b: 47 },
  { name: "grey", r: 128, g: 128, b: 128 },
  { name: "honeydew", r: 240, g: 255, b: 240 },
  { name: "hotpink", r: 255, g: 105, b: 180 },
  { name: "indianred", r: 205, g: 92, b: 92 },
  { name: "indigo", r: 75, g: 0, b: 130 },
  { name: "ivory", r: 255, g: 255, b: 240 },
  { name: "khaki", r: 240, g: 230, b: 140 },
  { name: "lavender", r: 230, g: 230, b: 250 },
  { name: "lavenderblush", r: 255, g: 240, b: 245 },
  { name: "lawngreen", r: 124, g: 252, b: 0 },
  { name: "lemonchiffon", r: 255, g: 250, b: 205 },
  { name: "lightblue", r: 173, g: 216, b: 230 },
  { name: "lightcoral", r: 240, g: 128, b: 128 },
  { name: "lightcyan", r: 224, g: 255, b: 255 },
  { name: "lightgoldenrodyellow", r: 250, g: 250, b: 210 },
  { name: "lightgray", r: 211, g: 211, b: 211 },
  { name: "lightgreen", r: 144, g: 238, b: 144 },
  { name: "lightgrey", r: 211, g: 211, b: 211 },
  { name: "lightpink", r: 255, g: 182, b: 193 },
  { name: "lightsalmon", r: 255, g: 160, b: 122 },
  { name: "lightseagreen", r: 32, g: 178, b: 170 },
  { name: "lightskyblue", r: 135, g: 206, b: 250 },
  { name: "lightslategray", r: 119, g: 136, b: 153 },
  { name: "lightslategrey", r: 119, g: 136, b: 153 },
  { name: "lightsteelblue", r: 176, g: 196, b: 222 },
  { name: "lightyellow", r: 255, g: 255, b: 224 },
  { name: "lime", r: 0, g: 255, b: 0 },
  { name: "limegreen", r: 50, g: 205, b: 50 },
  { name: "linen", r: 250, g: 240, b: 230 },
  { name: "magenta", r: 255, g: 0, b: 255 },
  { name: "maroon", r: 128, g: 0, b: 0 },
  { name: "mediumaquamarine", r: 102, g: 205, b: 170 },
  { name: "mediumblue", r: 0, g: 0, b: 205 },
  { name: "mediumorchid", r: 186, g: 85, b: 211 },
  { name: "mediumpurple", r: 147, g: 112, b: 219 },
  { name: "mediumseagreen", r: 60, g: 179, b: 113 },
  { name: "mediumslateblue", r: 123, g: 104, b: 238 },
  { name: "mediumspringgreen", r: 0, g: 250, b: 154 },
  { name: "mediumturquoise", r: 72, g: 209, b: 204 },
  { name: "mediumvioletred", r: 199, g: 21, b: 133 },
  { name: "midnightblue", r: 25, g: 25, b: 112 },
  { name: "mintcream", r: 245, g: 255, b: 250 },
  { name: "mistyrose", r: 255, g: 228, b: 225 },
  { name: "moccasin", r: 255, g: 228, b: 181 },
  { name: "navajowhite", r: 255, g: 222, b: 173 },
  { name: "navy", r: 0, g: 0, b: 128 },
  { name: "oldlace", r: 253, g: 245, b: 230 },
  { name: "olive", r: 128, g: 128, b: 0 },
  { name: "olivedrab", r: 107, g: 142, b: 35 },
  { name: "orange", r: 255, g: 165, b: 0 },
  { name: "orangered", r: 255, g: 69, b: 0 },
  { name: "orchid", r: 218, g: 112, b: 214 },
  { name: "palegoldenrod", r: 238, g: 232, b: 170 },
  { name: "palegreen", r: 152, g: 251, b: 152 },
  { name: "paleturquoise", r: 175, g: 238, b: 238 },
  { name: "palevioletred", r: 219, g: 112, b: 147 },
  { name: "papayawhip", r: 255, g: 239, b: 213 },
  { name: "peachpuff", r: 255, g: 218, b: 185 },
  { name: "peru", r: 205, g: 133, b: 63 },
  { name: "pink", r: 255, g: 192, b: 203 },
  { name: "plum", r: 221, g: 160, b: 221 },
  { name: "powderblue", r: 176, g: 224, b: 230 },
  { name: "purple", r: 128, g: 0, b: 128 },
  { name: "rebeccapurple", r: 102, g: 51, b: 153 },
  { name: "red", r: 255, g: 0, b: 0 },
  { name: "rosybrown", r: 188, g: 143, b: 143 },
  { name: "royalblue", r: 65, g: 105, b: 225 },
  { name: "saddlebrown", r: 139, g: 69, b: 19 },
  { name: "salmon", r: 250, g: 128, b: 114 },
  { name: "sandybrown", r: 244, g: 164, b: 96 },
  { name: "seagreen", r: 46, g: 139, b: 87 },
  { name: "seashell", r: 255, g: 245, b: 238 },
  { name: "sienna", r: 160, g: 82, b: 45 },
  { name: "silver", r: 192, g: 192, b: 192 },
  { name: "skyblue", r: 135, g: 206, b: 235 },
  { name: "slateblue", r: 106, g: 90, b: 205 },
  { name: "slategray", r: 112, g: 128, b: 144 },
  { name: "slategrey", r: 112, g: 128, b: 144 },
  { name: "snow", r: 255, g: 250, b: 250 },
  { name: "springgreen", r: 0, g: 255, b: 127 },
  { name: "steelblue", r: 70, g: 130, b: 180 },
  { name: "tan", r: 210, g: 180, b: 140 },
  { name: "teal", r: 0, g: 128, b: 128 },
  { name: "thistle", r: 216, g: 191, b: 216 },
  { name: "tomato", r: 255, g: 99, b: 71 },
  { name: "turquoise", r: 64, g: 224, b: 208 },
  { name: "violet", r: 238, g: 130, b: 238 },
  { name: "wheat", r: 245, g: 222, b: 179 },
  { name: "white", r: 255, g: 255, b: 255 },
  { name: "whitesmoke", r: 245, g: 245, b: 245 },
  { name: "yellow", r: 255, g: 255, b: 0 },
  { name: "yellowgreen", r: 154, g: 205, b: 50 },
];

export const PrimaryColors: ApphouseRGBColorFormat[] = [
  { name: "red", r: 255, g: 0, b: 0 },
  { name: "green", r: 0, g: 255, b: 0 },
  { name: "blue", r: 0, g: 0, b: 255 },
];

export const SecondaryColors: ApphouseRGBColorFormat[] = [
  { name: "yellow", r: 255, g: 255, b: 0 },
  { name: "cyan", r: 0, g: 255, b: 255 },
  { name: "magenta", r: 255, g: 0, b: 255 },
];

export const TertiaryColors: ApphouseRGBColorFormat[] = [
  { name: "Orange ", r: 255, g: 125, b: 0 },
  { name: "Yellow-Green ", r: 125, g: 255, b: 0 },
  { name: "Cyan-Green ", r: 0, g: 255, b: 125 },
  { name: "Cyan-Blue", r: 0, g: 125, b: 255 },
  { name: "Blue-Magenta ", r: 125, g: 0, b: 255 },
  { name: "Red-Magenta", r: 255, g: 0, b: 125 },
];

export const getRedVariants = (): ApphouseRGBColorFormat[] => {
  const colors: ApphouseRGBColorFormat[] = [];
  let colorName = "";
  for (let i = 0; i < 256; i += 6) {
    for (let j = 0; j < 256; j += 6) {
      //   for (let k = 0; k < 255; k++) {
      const id = `${i}, ${j}, ${0}`;
      let name = id;
      if (colorRGBHash[id]) {
        colorName = colorRGBHash[id];
        name = `${colorRGBHash[id]}`;
      } else {
        name = `${colorName}-${i}-${j}`;
      }
      colors.push({ name, r: i, g: j, b: 0 });
    }
    // }
  }

  return colors;
};