Skip to content
Related Articles

Related Articles

HTML | <input type=”color”>

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 02 Jun, 2022

The HTML <input type=”color”> is used to define a color picker. the value should be a seven character hexadecimal notation. It has a Default value which is #000000(black). 

Syntax: 

<input type="color"> 

Example: 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM Input Type = "color"
    </title>
</head>
 
<body style="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
    <h2>
        HTML &lt;input type="color&gt;
    </h2>
 
    <p>
        Select your favorite color:
        <input type="color"
               value="#009900"
               id="color">
    </p>
</body>
 
</html>

Output :

  

Supported Browsers:

  • Google Chrome 20.0 and above
  • Firefox 29.0 and above
  • Edge 14 and above
  • Opera 12 and above
  • Apple Safari 12.1 and above

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!