Hex Color Code

3 or 6 digit hex color codes

Live Tester— test the Hex Color Code pattern

Pattern/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/

Test string

Should match →

Should not match →

Pattern

^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$

Matching examples

#ff0000#FFFabc123

Non-matching examples

#gg0000#12345

Breakdown

#?: Optional #
[a-fA-F0-9]{6}: 6-digit hex
|[a-fA-F0-9]{3}: Or 3-digit shorthand

Related tools

All Regex Patterns Regex Tester Regex Explainer

Other patterns

Email Address URL IPv4 Address Strong Password US Phone Number ISO Date UUID HTML Tag Credit Card Number URL Slug MAC Address JWT Token Semantic Version IPv6 Address