Open In App

HTML | <input type=”color”>

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

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

Last Updated : 02 Jun, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads