<input type="color"> | Frontend Practical Guide

Overview

The <input type="color"> HTML element shows a color picker from which users can choose a color value.

Feature	Desktop				Mobile
Feature	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`html.elements.input.type_color`	20	14	29	12.1	25	12.2

1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

HTML

<label>Theme Color:
  <input type="color" value="#3498db">
</label>

Color type in browserstandard. col-pika-UI display.

Multiple. col-input line uppalette style to display.

Color input and text input linkcol-co-d display.

Using <input type="color">
The <input type="color"> HTML element shows a color picker from which users can choose a color value.