Input Palette

This page call a external script to add a web component.

The colour names available in HTML are distributed within the palette, you can check them on the pages: W3 Schools Color Values, HTML Color Codes and M mdn_ <named-color>.

You can have a look to this page code for example of how to use the component. The script must be referenced at the end of your page, otherwise you will have problems with elements not fully loaded.

This web component is licensed on Creative Commons By. So if your site have a heavy load of hits which the available lib link is not enough. Feel free to copy the lib to your web server.

To reference the JavaScript for this web component's library, it is available at this domain:

<script src="https://input.palette.des.br/lib.js"></script>

Here are examples of how to use the element in HTML. You can choose to have the value attribute store the colour name (excluding the last 21 border colours, which are not officially named colors), or you can set the v-type="hex" to use hexadecimal values.

<input-palette id="identifier" dial-side="30" prim-side="15" v-type="name" init="tan" onchange="yourFunction()"></input-palette>

<input-palette id="first" dial-side="40" prim-side="10" v-type="hex" init="#722F37" onchange="anotherFunction()">Wine</input-palette>

Wine