Skip to content

Latest commit

 

History

History
83 lines (65 loc) · 3.94 KB

README.md

File metadata and controls

83 lines (65 loc) · 3.94 KB

Color faviconCOLOR

Desktop
Total lines Number of visitors Stars badge Forks badge Pull requests badge Issues badge GitHub contributors

Table of Contents

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

Color

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

Profile pictures of GitHub contributors