Skip to content

A simple color picker built with Vite, React, styled-components and chroma.js

License

renans2/pickolor

Repository files navigation

Pickolor 🖌️

A simple color picker built with Vite, React, styled-components and chroma.js.

Features

  • Precise color selection: Drag and drop the color pin to pick the exact shade you want.
  • Hue slider: Adjust the hue value using an intuitive range slider.
  • Multiple color formats: Input colors in three different formats (RGB, HSL and HEX).
  • Color preview: Large preview rectangle to instantly visualize the selected color.
  • Local storage support: Save colors in your browser, and easily view, edit, or delete previously saved ones.
  • Copy to clipboard: Quickly copy any color in all three formats (RGB, HSL and HEX).

Running locally

# 1. Clone the repository
git clone https://github.com/renans2/pickolor.git
cd pickolor

# 2. Install dependencies
npm install

# 3. Start the development server
npm run dev

About

A simple color picker built with Vite, React, styled-components and chroma.js

Topics

Resources

License

Stars

Watchers

Forks