Building a HSV-based color picker application similar to Google Color Picker, using Svelte. The picker should allow all three degrees of freedom (as in the Google Picker - hue with bottom slider, saturation on horizontal axis, value on vertical axis); any layout can be used to achieve this. It should also support 5 color formats (HEX, RGB, CMYK, HSL, HSV), allowing the user to input a value in any of these formats to change the selected color. Clicking and dragging the mouse on the slider or picker should also change all 5 values in real time.
- Sevlte is a compiler not a framework.
- It combines your code for production at build time into single , vanilla , JavaScript bundle
This project is made using Sevlte Compiler which uses HTML, CSS and JavaScript.
- Make sure Vs code Editor is Installed, then install package named "Svelte for VS Code" in order to get syntax highlighting and intellisense. Link: https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode
Note that you will need to have Node.js installed.
- Clone the Project in you local machine using git command
git clone https://github.com/nilansgit/ColorQuest_Nilans.gitInstall the dependencies...
cd ColorQuest
npm installTo deploy this project run
npm run dev