Skip to content
Related Articles

Related Articles

HTML Color Picker
  • Last Updated : 25 Feb, 2021

The <input> the element of type color in HTML provides the user with an interface to select a color from the default color-picker to interface or design their own color by giving the desired value in the field of RGB.

Example: In this example, we will place the default color picker.

HTML




<!DOCTYPE html>
  
<html>
  
<body style="text-align: center;">
  
    <h1>
        GeeksforGeeks
    </h1>
  
    <h2>
        HTML default color Picker: 
        <!-- The default color picker color is black-->
        <input type="color">
    </h2>
  
</body>
  
</html>

Output: The Default value of the Color Picker is #000000 (Black). The user can specify their own shade of color picker with the help of the value attribute.

Example: In this example, we will set the default color as green by using the value attribute.

HTML




<!DOCTYPE html>
  
<html>
<body style="text-align: center;">
  
    <h1>
        GeeksforGeeks
    </h1>
  
    <h2>
        HTML User's preferred color Picker: 
        <!-- Here we set a fixed color by value attribue-->
        <input type="color" value="#009900">
    </h2>
  
</body>
  
</html>

Output: The value of the text in RGB fields can be changed according to convenience anytime and a new color will be generated.




My Personal Notes arrow_drop_up
Recommended Articles
Page :