The color type of the <input> element provides a widget for selecting a color value.
When viewed using a supporting user agent, the following example shows a field, usually indicating a red color. When clicked, a color picker shows up. Selecting a color would change the indicated color to the chosen color.
<input type="color" value="#ff0000"/>
Use this input type to let the user choose a color using a standard color picker.
- Currently, most user agents do not implement this input type. A customized implementation or poly-fill can usually provide a close alternative.
- The value can only express opaque colors, there is no support for an alpha channel/transparency.