This page is Not Ready

Notice: 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.



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

Overview Table

DOM Interface


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.