This page is Not Ready

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.



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.