Skip to content

This project is a simple and interactive Color Picker built with React. The application allows users to select colors, view harmonious color schemes, save favorite colors, and export their color palettes in JSON or CSS format. The app also maintains a history of selected colors, offering an organized and user-friendly experience.

Notifications You must be signed in to change notification settings

AlexanderDuya/Colour-Picker-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 

Repository files navigation

Color Picker Application 🎨

A simple and interactive Color Picker built with React and Vite. This app allows users to select colors, generate harmonious color schemes, save favorite colors, track color history, and export palettes in JSON or CSS formats for easy use.


Features

  • Color Selection: Pick any color with an intuitive HTML color input.
  • Color Harmonies: Automatically generate complementary, analogous, triadic, and tetradic color schemes based on the selected color.
  • Favorites Management: Save and remove favorite colors for quick access.
  • Color History: Keep track of all selected colors during the session.
  • Export Palette: Export your current color palette as JSON or CSS for use in your projects.

Demo

1723818401831.mp4

Getting Started

Prerequisites

Make sure you have the following installed on your machine:

  • Node.js (v12.x or later)
  • npm (comes with Node.js)

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/color-picker.git
  2. Navigate into the project directory:
    cd color-picker
  3. Install dependencies:
    npm install

Running the Application

Start the development server:

npm run dev

About

This project is a simple and interactive Color Picker built with React. The application allows users to select colors, view harmonious color schemes, save favorite colors, and export their color palettes in JSON or CSS format. The app also maintains a history of selected colors, offering an organized and user-friendly experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published