Hex Color Code Regex

Validate 3-character and 6-character hexadecimal CSS color codes with leading hash symbol.

PATTERN

//g

TEST STRINGHIGHLIGHTED MATCHES (0 matches)

Valid: #FFF, #ff5733, #000000, #38BDF8
Invalid: #FFFF, #12345, FFFFFF

Regex Cheatsheet

COMMON PATTERNS

SYNTAX REFERENCE

TOOLS FOR WRITING BETTER CODE

Affiliate disclosure: links above may earn us a commission — this never affects the calculation results above.

Validate user-selected custom brand and theme color input strings.

You can extend the pattern to ^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$ for alpha channel support.

EXPLORE ALL TOOL SUITES