ColorDisc.js

Procreate-like disc color picker for the web


Demo on CodePen

Installation

$3

yarn add color-disc

npm install --save color-disc

Add this snippet to your root javascript file:

``javascript
import 'color-disc';
`

$3

Add color-disc to your HTML markup:

`html

`

Where

- size - is a number (in pixels, defaults to 390px)
- format - is an output color format - hsl, rgb or hex (defaults to hsl)

To read the picked color use element.getAttribute() method:

`javascript
const color = document
.querySelector('color-disc')
.getAttribute('color');
``