An awesome color manipulating project in VueJS. The project provides a palette maker, a color grid creator, an image color reader, a color conversor and a color lab.
Table of Contents
I've always wanned to explore color theory and different types of color representation. Having that in mind, I decided to create my own color manager.
Some of the features already implemented:
-
Color palette generator that allows to pick colors and organize them to form a gourgeus palette.
-
A tool that allows to get the main palette from an image, It provides a vibrant tones and their muted variants for a palette with color variety.
-
A gradient maker that allows you to pick colors, rotate, change the pattern and direction of a color gradient. It also generates CSS code with te result. 😄
-
A color lab, a space where you can turn one color into an amazing palette. From a single tone, it will suggest multiple color based on color theory.
-
A color conversor that supports: HEX, RGB, CMYK, HSL, HWB, ANSI16 and CSS keys.
Note: for the moment, these are the implemented features and more can be implemented. If you want, feel free to contribute. The data base integration in the "my-palettes" page as well as the blog and explore pages were discontinued but the routes were kept so that they could be added eventually.
This application was built with:
To get a local copy up and running follow these simple steps.
You will need Vue.js and npm.
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/edumigueis/Collorizer.git
- Install NPM packages
npm install
- Run the application in dev mode
npm run devContributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
-
Fork the Project
-
Create your Feature Branch (
git checkout -b feature/AmazingFeature) -
Commit your Changes (
git commit -m 'Add some AmazingFeature') -
Push to the Branch (
git push origin feature/AmazingFeature) -
Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Eduardo Migueis- edumigueis
Project Link: https://github.com/edumigueis/Collorizer
Developed and designed by Eduardo Migueis - edumigueis
Licensed under the MIT license. Images not included. Feel free to use the design as inspiration.