🎨 ColorGen

Color Palette Generator. Simple, fast and private. Mady by developer for developers.

Created for HackClub Anvil

Features · Demo · Installation · Usage · Technologies

Features

• Generate random harmonious color palettes
• Copy individual colors with one click
• Save and remove favorite palettes locally
• Export palette as:
  • CSS variables
  • Tailwind config
  • JSON
• Responsive layout for mobile, tablet and desktop
• Fast and lightweight

Demo

Live Demo

Installation

Clone the repository:

git clone https://github.com/Jimi090/ColorGen.git

Go to the project directory:

cd colorGen

Install dependencies:

npm install

Run the development server:

npm run dev

Build for production:

npm run build

Preview production build:

npm run preview

Usage

1. Click Generate to create a new palette.

2. Click any color to copy its HEX value.

3. Click Add to favorites to save the current palette.

4. Open Favorites to view saved palettes.

5. Export your palette as CSS, Tailwind config or JSON.

Technologies

• HTML
• CSS
• JavaScript
• chroma.js
• Vite