hallowdread/color-palette

A GitHub repository containing a minimalist web application that allows users to explore and create color palettes.

color-palette

Description

This is a color palette generator that allows you to create, save, and modify custom color palettes. It generates 5 different colors displayed with their hex codes. You can click on the hex codes to copy them to your clipboard. The application also includes a save feature that allows you to name and save your color palette. There is a library feature that lets you select and load previously saved palettes. Each color in the palette has sliders to adjust the hue, saturation, and brightness. The site is live on: https://hallowdread.github.io/color-palette/

Features

1. Generate Button: This button generates 5 random colors each time it's clicked. Each color is displayed along with its hex code.

2. Hex Codes: Each color is accompanied by its hex code. Clicking on the hex code will copy it to your clipboard.

3. Save Button: This button allows you to save your current color palette. You will be prompted to enter a name for the palette.

4. Library Button: This button opens a library of all your saved color palettes. You can select any palette from the library to load it into the generator.

5. Color Sliders: Each color has three sliders that adjust the hue, saturation, and brightness of the color.

6. Lock Feature: Each color has a lock button to not change the color when generating a new one.

How to Use

1. Click the "Generate" button to create a new color palette.
2. Adjust the hue, saturation, and brightness of each color using the sliders.
3. You can also click on the lock button a particular color to stop it from changing
4. Click on a hex code to copy it to your clipboard.
5. Click the "Save" button to save your palette. You will be prompted to enter a name for the palette.
6. Click the "Library" button to view and load your saved palettes.

Installation

1. Clone the repository: git clone https://github.com/Hallowdread/color-palette.git
2. Navigate to the project directory: cd color-palette
3. Right click on index.html
4. Click on run on live server

Contributing

This project is open-source and contributions are welcome. Please feel free to fork the repository and submit pull requests.