How to create: Color Picker

Learn how to create a color picker in HTML.

Color Picker

Please select a color:

You can use type="color" Properties to create a color picker:

Example

<label for="favcolor">Select your favorite color:</label>
<input type="color" id="favcolor" value="#ff0000">

Try it yourself

Please note that you must use hexadecimal values in the value attribute. If no value is used, the default color is black (#000000).

Related Pages

Tutorial:HTML Color