https://github.com/amir78729/vue-color-palette
Make your own Color Palette using VueJs
https://github.com/amir78729/vue-color-palette
color color-picker colors vue vuejs
Last synced: 5 months ago
JSON representation
Make your own Color Palette using VueJs
- Host: GitHub
- URL: https://github.com/amir78729/vue-color-palette
- Owner: amir78729
- Created: 2020-08-01T10:13:50.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-01-15T06:52:23.000Z (over 3 years ago)
- Last Synced: 2024-12-25T12:26:53.958Z (7 months ago)
- Topics: color, color-picker, colors, vue, vuejs
- Language: JavaScript
- Homepage:
- Size: 322 KB
- Stars: 3
- Watchers: 0
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue Color Palette 🎨
> a simple project using Vue.js to simulate a color palette on your browser
In this project, we can **add**, **modify**, **delete** all of the colors we need, and also it is possible to **copy** the hex code of each color with only one click.
---
### Add a color
By clicking on the **Add color to palette** button, we can pick a color and add it to our palette.
After choosing the color from the color picker, after pressing Done the selected color would be added to the palette.
---
### Modify a color
When the mouse pointer enters into color, we can see some options inside the color.
For example, if the mouse enters into the last color of the palette, this will happen:
By clicking on the **Change Color** button, we can modify a color.
---
### Delete a color
After clicking on a color, it will disappear from the palette. In this example, we are going to remove the 4th color in the palette.
---
### Copy a color
if you copy a color, the hex code of that color will be stored in your clipboard.