The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.


< html‎ | elements‎ | input‎ | type
Jump to: navigation, search


This article is Not Ready.

W3C Working Draft


The color type of the <input> element provides a widget for selecting a color value.

Overview Table

DOM Interface HTMLInputElement


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.