Below are some examples of what you can customize in RHSL. If you need more information, please check the documentation.

NOTE: If you're using <script> tags, please note that this specific page will convert all single quotation marks inside them (ex. 'string') to double (ex. "string") before rendering them. This does not apply to empty script tags which use the src attribute.

Changing the color picker's size

Using different themes

Positioning it differently

Using HSLuv

Using custom classes

Displaying more options

Using different color formats

Changing how an element updates

Changing how an <input> element updates

NOTE: input elements will always have their text updated, so adding "+text" makes no difference.

Updating other elements

This is a div.

This is a span.

Using onchange and oninput


Using it on forms