Color Palette

Demo: https://davinaleong.github.io/proj-color-palette/

Tech Stack

• jQuery
• HTML/CSS

Sample JSON file:

[
    {
        "name": "Group Name",
        "colors": [
            {
                "name": "Swatch Group Name",
                "count": 3,
                "swatches: [
                    {
                        "name": "White",
                        "hex": "#FFFFFF",
                        "rgb": "rgb(255, 255, 255)",
                        "hsl": "hsl(0, 0%, 100%)",
                        "text": "#000000"
                    },
                    {
                        "name": "Black",
                        "hex": "#000000",
                        "rgb": "rgb(0, 0, 0)",
                        "hsl": "hsl(0, 0%, 0%)",
                        "text": "#FFFFFF"
                    },
                    {
                        "name": "Gray",
                        "hex": "#888888",
                        "rgb": "rgb(136, 136, 136)",
                        "hsl": "hsl(0, 0%, 53%)",
                        "text": "#000000"
                    },
                ]
            }
        ]
    }
]