HTML input type color Tutorial

In this section, we will learn what the <input type = “color” element is and how to use it.

What is input type color in HTML?

The <input type = “color”> element creates a color picker in a document.

This color picker opens a window that allows users to simply pick their color.

The value returned from the input of type color is always a hexadecimal with seven characters.

HTML input type color Syntax:

<input type = “color”>

Example: using <input type=”color”> in HTML

See the Pen using <input type="color"> in HTML by Omid Dehghan (@odehghan) on CodePen.


Top Technologies