Web
HTML5 Color Input Value
Validate the value of an HTML5 `<input type="color">` — exactly 6 hex digits with leading hash.
Try it in RegexPro →Available in
Pattern
regexengine-agnostic
^#[0-9a-fA-F]{6}$Raw source: ^#[0-9a-fA-F]{6}$
How it works
^# requires the leading hash. [0-9a-fA-F]{6} requires exactly 6 hexadecimal digits. $ anchors the end. Note this is STRICTER than the general hex-color pattern: the HTML5 color input only accepts the 6-digit form, not the 3-digit shorthand.
Examples
Input
#ff5733Matches
#ff5733
Input
#0F0F0FMatches
#0F0F0F
Input
#fffNo match
—Common use cases
- •Form validation before submitting a color value to a backend
- •Storing color picker output safely
- •Migrating from looser to stricter color formats
- •Round-tripping HTML5 input values in design tools