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: 25 days 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 (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-01-15T06:52:23.000Z (almost 3 years ago)
• Last Synced: 2023-03-06T05:17:37.038Z (over 1 year ago)
• Topics: color, color-picker, colors, vue, vuejs
• Language: JavaScript
• Homepage:
• Size: 322 KB
• Stars: 4
• 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.