RHSL Logo

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

onchange:
oninput:

Using it on forms


(color1)

(color2)