COLOR

Table of Contents

• Table of Contents
  • What is Color?
  • Description
  • Technology Used
  • Live Demo
  • 🎨 Click here for a live demo!
  • Getting Started
  • How to Contribute
  • Contributors

What is Color?

Color is a single page application that can show you monotone color palettes with different shades (S and L) according to the input given by the user.

Description

It is a simple color picker tool in which the basic idea is that the user will input a color, and the app will output a monochromatic color palette from the hue of the color. Monochromatic color schemes are derived from a single base hue and extended using its shades, tones and tints. From the palette, the user can grab the hex code of any color. This kind of tool is very useful for frontend developers while creating monochromatic theme based designs.

Technology Used

1) ReactJS 2) CSS

Live Demo

🎨 Click here for a live demo!

Getting Started

In order to run the application on your local machine, follow the steps given below:

1. Download and install Node.js from here

2. Clone the Color repository

   git clone https://github.com/SscSPs/color.git

3. CD into the local directory

   cd color

4. Install the required npm packages

   npm install

5. Start the application

   npm start

   Running npm start will start the application in development mode at http://localhost:3000.

   Any errors will be logged in the terminal. If you make any edits the page will automatically update.

How to Contribute

Contributions and improvements are welcome! I made this last year when I needed to try out a few things. This year, I just refreshed it and pushed it up here. Open a PR or an issue for your improvements and/or queries and I'll try to reply to as many as I can.

Please read the contributing guide for instructions on how to make and submit changes.

Contributors