(Copied from http://www.html5tutorial.info/html5-color.php for training and demonstration purposes.)
In HTML5, we can have color input with simply <input type="color">. The textbox should only carry value of so called "simple color" string in lowercase such as #ff0000 for Red Color, #000000 for Black Color and #ffffff for White color.
|Browsers||Color input Support|
|IE 9 Beta|
|Firefox 33.1||✓ (entered by Lyndsay Dec 14)|
<label for="background-color">Choose a calor for background :</label>
<input id="background-color" type="color" />
If you are lucky enough to have web browser that support color input, please feel free to try the demo below.