HTML <input> type Attribute

Example

<label for="color1">default color type</label>
<input type="color" id="color1">

<label for="color2">predefined color</label>
<input type="color" id="color2" value="#4985ed">

Try this code ❯

Meaning

A control for specifying a color; opening a color picker when active in supporting browsers.

The default value is #000000 (black).

Standard Syntax

HTML: <input type="color">

XHTML: <input type="color" />

Browser Support

Note: Firefox for Android doesn't allow the user to choose a custom color, only one of the predefined ones.

Status