Skip to content

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

Notifications You must be signed in to change notification settings

Hallowdread/color-palette

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

color-palette

color_palette_img

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published