ColorDisc.js
Procreate-like disc color picker for the web
Installation
Yarn/npm
yarn add color-disc
npm install --save color-disc
Add this snippet to your root javascript file:
;
CDN
<script src="https://unpkg.com/color-disc@1.0.1/dist/color-disc.min.js"></script>
Usage
Add color-disc
to your HTML markup:
Where
size
- is a number (in pixels, defaults to 390px)format
- is an output color format -hsl
,rgb
orhex
(defaults to hsl)
To read the picked color use element.getAttribute()
method:
const color = document ;