Update app.py

app.py

@@ -19,166 +19,288 @@ class Config:
 # The color palette data is kept separate for clarity and easy modification.
 
 COLOR_DATA = [
-  {
-    "name": "Crimson",
-    "hex": "#DC143C",
-    "description": "A deep, rich red color, leaning slightly towards purple."
-  },
-  {
-    "name": "Scarlet",
-    "hex": "#FF2400",
-    "description": "A brilliant, vivid red with a hint of orange."
-  },
-  {
-    "name": "Coral",
-    "hex": "#FF7F50",
-    "description": "A vibrant pinkish-orange reminiscent of marine invertebrates."
-  },
-  {
-    "name": "Tangerine",
-    "hex": "#F28500",
-    "description": "A saturated, zesty orange, like the ripe citrus fruit."
-  },
-  {
-    "name": "Gold",
-    "hex": "#FFD700",
-    "description": "A bright, metallic yellow associated with wealth and luxury."
-  },
-  {
-    "name": "Lemon Chiffon",
-    "hex": "#FFFACD",
-    "description": "A pale, light yellow, as soft and airy as the dessert."
-  },
-  {
-    "name": "Lime Green",
-    "hex": "#32CD32",
-    "description": "A bright green color, evoking freshness and zesty energy."
-  },
-  {
-    "name": "Forest Green",
-    "hex": "#228B22",
-    "description": "A dark, shaded green, like the canopy of a dense forest."
-  },
-  {
-    "name": "Teal",
-    "hex": "#008080",
-    "description": "A medium blue-green color, often seen as sophisticated and calming."
-  },
-  {
-    "name": "Cyan",
-    "hex": "#00FFFF",
-    "description": "A vibrant greenish-blue, one of the primary subtractive colors."
-  },
-  {
-    "name": "Sky Blue",
-    "hex": "#87CEEB",
-    "description": "A light, pale blue, like the color of a clear daytime sky."
-  },
-  {
-    "name": "Royal Blue",
-    "hex": "#4169E1",
-    "description": "A deep, vivid blue that is both rich and bright."
-  },
-  {
-    "name": "Indigo",
-    "hex": "#4B0082",
-    "description": "A deep, rich color between blue and violet in the spectrum."
-  },
-  {
-    "name": "Lavender",
-    "hex": "#E6E6FA",
-    "description": "A light, pale purple with a bluish hue, named after the flower."
-  },
-  {
-    "name": "Plum",
-    "hex": "#DDA0DD",
-    "description": "A reddish-purple color, like the ripe fruit it's named after."
-  },
-  {
-    "name": "Magenta",
-    "hex": "#FF00FF",
-    "description": "A purplish-red color that lies between red and violet."
-  },
-  {
-    "name": "Hot Pink",
-    "hex": "#FF69B4",
-    "description": "A bright, vivid pink that is both bold and energetic."
-  },
-  {
-    "name": "Ivory",
-    "hex": "#FFFFF0",
-    "description": "An off-white color that resembles the material from tusks and teeth."
-  },
-  {
-    "name": "Beige",
-    "hex": "#F5F5DC",
-    "description": "A pale sandy fawn color, often used as a warm, neutral tone."
-  },
-  {
-    "name": "Taupe",
-    "hex": "#483C32",
-    "description": "A dark grayish-brown or brownish-gray color."
-  },
-  {
-    "name": "Slate Gray",
-    "hex": "#708090",
-    "description": "A medium gray with a slight blue tinge, like the metamorphic rock."
-  },
-  {
-    "name": "Charcoal",
-    "hex": "#36454F",
-    "description": "A dark, almost black gray, like burnt wood."
-  },
-  {
-    "name": "Onyx",
-    "hex": "#353839",
-    "description": "A deep, rich black, often with a subtle hint of dark blue."
-  },
-  {
-    "name": "Emerald",
-    "hex": "#50C878",
-    "description": "A brilliant green, named after the precious gemstone."
-  },
-  {
-    "name": "Sapphire",
-    "hex": "#0F52BA",
-    "description": "A deep, lustrous blue, reminiscent of the valuable gemstone."
-  },
-  {
-    "name": "Ruby",
-    "hex": "#E0115F",
-    "description": "A deep red color, inspired by the gemstone of the same name."
-  },
-  {
-    "name": "Amethyst",
-    "hex": "#9966CC",
-    "description": "A moderate, violet-purple color, like the quartz gemstone."
-  },
-  {
-    "name": "Peridot",
-    "hex": "#E6E200",
-    "description": "A light olive-green or yellowish-green, named for the gem."
-  },
-  {
-    "name": "Turquoise",
-    "hex": "#40E0D0",
-    "description": "A greenish-blue color, often associated with tropical waters."
-  },
-  {
-    "name": "Silver",
-    "hex": "#C0C0C0",
-    "description": "A metallic gray color that resembles polished silver."
-  },
-  {
-    "name": "Bronze",
-    "hex": "#CD7F32",
-    "description": "A metallic brown color that resembles the alloy of copper and tin."
-  },
-  {
-    "name": "Obsidian",
-    "hex": "#000000",
-    "description": "A pure, deep black, like the volcanic glass formed from cooled lava."
-  }
+    # Reds & Pinks
+    {
+        "name": "Crimson",
+        "hex": "#DC143C",
+        "description": "A deep, rich red color, leaning slightly towards purple."
+    },
+    {
+        "name": "Scarlet",
+        "hex": "#FF2400",
+        "description": "A brilliant, vivid red with a hint of orange."
+    },
+    {
+        "name": "Ruby",
+        "hex": "#E0115F",
+        "description": "A deep red color, inspired by the gemstone of the same name."
+    },
+    {
+        "name": "Maroon",
+        "hex": "#800000",
+        "description": "A dark, brownish-red color, evoking richness and sophistication."
+    },
+    {
+        "name": "Coral",
+        "hex": "#FF7F50",
+        "description": "A vibrant pinkish-orange reminiscent of marine invertebrates."
+    },
+    {
+        "name": "Hot Pink",
+        "hex": "#FF69B4",
+        "description": "A bright, vivid pink that is both bold and energetic."
+    },
+    {
+        "name": "Fuchsia",
+        "hex": "#FF00FF",
+        "description": "An intense, purplish-pink color, vivid and bold."
+    },
+    {
+        "name": "Salmon",
+        "hex": "#FA8072",
+        "description": "A pinkish-orange hue, similar to the flesh of the fish."
+    },
+    {
+        "name": "Rose Gold",
+        "hex": "#B76E79",
+        "description": "A soft, pinkish metallic hue that blends gold and copper tones."
+    },
+    # Oranges & Yellows
+    {
+        "name": "Tangerine",
+        "hex": "#F28500",
+        "description": "A saturated, zesty orange, like the ripe citrus fruit."
+    },
+    {
+        "name": "Gold",
+        "hex": "#FFD700",
+        "description": "A bright, metallic yellow associated with wealth and luxury."
+    },
+    {
+        "name": "Lemon Chiffon",
+        "hex": "#FFFACD",
+        "description": "A pale, light yellow, as soft and airy as the dessert."
+    },
+    {
+        "name": "Amber",
+        "hex": "#FFBF00",
+        "description": "A warm, honey-yellow color, named after the fossilized resin."
+    },
+    {
+        "name": "Mustard",
+        "hex": "#FFDB58",
+        "description": "A dull, brownish-yellow, like the condiment."
+    },
+    {
+        "name": "Peach",
+        "hex": "#FFE5B4",
+        "description": "A light, orangey-pink, resembling the skin of the fruit."
+    },
+    # Greens
+    {
+        "name": "Lime Green",
+        "hex": "#32CD32",
+        "description": "A bright green color, evoking freshness and zesty energy."
+    },
+    {
+        "name": "Forest Green",
+        "hex": "#228B22",
+        "description": "A dark, shaded green, like the canopy of a dense forest."
+    },
+    {
+        "name": "Emerald",
+        "hex": "#50C878",
+        "description": "A brilliant green, named after the precious gemstone."
+    },
+    {
+        "name": "Peridot",
+        "hex": "#E6E200",
+        "description": "A light olive-green or yellowish-green, named for the gem."
+    },
+    {
+        "name": "Olive",
+        "hex": "#808000",
+        "description": "A dark, yellowish-green, like the color of unripe olives."
+    },
+    {
+        "name": "Sage",
+        "hex": "#BCB88A",
+        "description": "A muted, grayish-green, often associated with tranquility and nature."
+    },
+    {
+        "name": "Mint",
+        "hex": "#98FF98",
+        "description": "A pale, soft green with a hint of blue, reminiscent of a refreshing mint leaf."
+    },
+    # Blues & Teals
+    {
+        "name": "Teal",
+        "hex": "#008080",
+        "description": "A medium blue-green color, often seen as sophisticated and calming."
+    },
+    {
+        "name": "Cyan",
+        "hex": "#00FFFF",
+        "description": "A vibrant greenish-blue, one of the primary subtractive colors."
+    },
+    {
+        "name": "Sky Blue",
+        "hex": "#87CEEB",
+        "description": "A light, pale blue, like the color of a clear daytime sky."
+    },
+    {
+        "name": "Royal Blue",
+        "hex": "#4169E1",
+        "description": "A deep, vivid blue that is both rich and bright."
+    },
+    {
+        "name": "Sapphire",
+        "hex": "#0F52BA",
+        "description": "A deep, lustrous blue, reminiscent of the valuable gemstone."
+    },
+    {
+        "name": "Turquoise",
+        "hex": "#40E0D0",
+        "description": "A greenish-blue color, often associated with tropical waters."
+    },
+    {
+        "name": "Aquamarine",
+        "hex": "#7FFFD4",
+        "description": "A light blue-green color, reminiscent of clear tropical waters."
+    },
+    {
+        "name": "Navy Blue",
+        "hex": "#000080",
+        "description": "A very dark blue, evoking the deep sea and formal attire."
+    },
+    {
+        "name": "Cobalt",
+        "hex": "#0047AB",
+        "description": "A deep, vivid blue with a medium to dark shade."
+    },
+    # Purples & Violets
+    {
+        "name": "Indigo",
+        "hex": "#4B0082",
+        "description": "A deep, rich color between blue and violet in the spectrum."
+    },
+    {
+        "name": "Lavender",
+        "hex": "#E6E6FA",
+        "description": "A light, pale purple with a bluish hue, named after the flower."
+    },
+    {
+        "name": "Plum",
+        "hex": "#DDA0DD",
+        "description": "A reddish-purple color, like the ripe fruit it's named after."
+    },
+    {
+        "name": "Magenta",
+        "hex": "#FF00FF",
+        "description": "A purplish-red color that lies between red and violet."
+    },
+    {
+        "name": "Amethyst",
+        "hex": "#9966CC",
+        "description": "A moderate, violet-purple color, like the quartz gemstone."
+    },
+    {
+        "name": "Mauve",
+        "hex": "#E0B0FF",
+        "description": "A pale purple color, sitting between violet and pink."
+    },
+    {
+        "name": "Lilac",
+        "hex": "#C8A2C8",
+        "description": "A pale, soft violet color named after the flower."
+    },
+    {
+        "name": "Orchid",
+        "hex": "#DA70D6",
+        "description": "A bright, pinkish-purple, named after the vibrant flower."
+    },
+    # Browns & Neutrals
+    {
+        "name": "Ivory",
+        "hex": "#FFFFF0",
+        "description": "An off-white color that resembles the material from tusks and teeth."
+    },
+    {
+        "name": "Beige",
+        "hex": "#F5F5DC",
+        "description": "A pale sandy fawn color, often used as a warm, neutral tone."
+    },
+    {
+        "name": "Taupe",
+        "hex": "#483C32",
+        "description": "A dark grayish-brown or brownish-gray color."
+    },
+    {
+        "name": "Sienna",
+        "hex": "#A0522D",
+        "description": "A reddish-brown earth pigment, named after the Italian city of Siena."
+    },
+    {
+        "name": "Chocolate",
+        "hex": "#D2691E",
+        "description": "A rich, deep brown, like milk chocolate."
+    },
+    {
+        "name": "Tan",
+        "hex": "#D2B48C",
+        "description": "A pale tone of brown, the color of tanned leather."
+    },
+    {
+        "name": "Khaki",
+        "hex": "#C3B091",
+        "description": "A light-brown color with a yellowish hue, often used for military uniforms."
+    },
+    {
+        "name": "Cream",
+        "hex": "#FFFDD0",
+        "description": "An off-white color with a yellowish tinge, like dairy cream."
+    },
+    # Grays, Blacks & Metallics
+    {
+        "name": "Slate Gray",
+        "hex": "#708090",
+        "description": "A medium gray with a slight blue tinge, like the metamorphic rock."
+    },
+    {
+        "name": "Charcoal",
+        "hex": "#36454F",
+        "description": "A dark, almost black gray, like burnt wood."
+    },
+    {
+        "name": "Onyx",
+        "hex": "#353839",
+        "description": "A deep, rich black, often with a subtle hint of dark blue."
+    },
+    {
+        "name": "Obsidian",
+        "hex": "#000000",
+        "description": "A pure, deep black, like the volcanic glass formed from cooled lava."
+    },
+    {
+        "name": "Silver",
+        "hex": "#C0C0C0",
+        "description": "A metallic gray color that resembles polished silver."
+    },
+    {
+        "name": "Bronze",
+        "hex": "#CD7F32",
+        "description": "A metallic brown color that resembles the alloy of copper and tin."
+    },
+    {
+        "name": "Gunmetal",
+        "hex": "#2C3539",
+        "description": "A dark, bluish-gray, resembling the color of a gun barrel."
+    },
+    {
+        "name": "Ash Gray",
+        "hex": "#B2BEB5",
+        "description": "A pale, cool gray, the color of wood ash."
+    }
 ]