HTML | <input type=”color”>

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

Article Tags :

HTML

Web Technologies

HTML-Attributes

Recommended Articles

1. Difference between <input type='button' /> and <input type='submit' />

2. HTML DOM Input Color type Property

3. Which input type is used to hide the input field to be displayed in HTML Form ?

4. How to validate if input in input field has valid hexadecimal color only using express-validator ?

5. How to Drop fill color to change the image color using HTML and CSS ?

6. HTML | DOM Input Color Object

7. HTML | DOM Input Color value Property

8. HTML DOM Input Color name Property

9. HTML | DOM Input Color form Property

10. HTML | DOM Input Color disabled Property

11. HTML DOM Input Color defaultValue Property

12. HTML | DOM Input Color autofocus Property

13. HTML | DOM Input Color autocomplete Property

14. How to Create Color Picker input box in HTML ?

15. HTML DOM Input Color list Property

16. HTML | DOM Input Hidden type Property

17. HTML | DOM Input Date type Property

18. HTML | DOM Input Datetime type Property

19. HTML | DOM Input DatetimeLocal type Property

20. HTML | DOM Input Checkbox type Property

21. HTML | DOM Input Password type Property

22. HTML | DOM Input Email type Property

23. HTML | DOM Input Reset type Property

24. HTML | DOM Input Number type Property

25. HTML | DOM Input Search type Property