HEX Color Regex Validator Guide
Validate HEX color strings with regex and understand shorthand, alpha channel and design-token review rules. This Formalint reference is written for working developers, DBAs and support engineers who need a repeatable debugging path instead of a one-line snippet with no context.
Use the notes below as a practical review order: understand the input, capture evidence, make one small change and verify the result before moving to the next assumption.
When to use this page
Check color strings before converting them into RGB or HSL. It is most useful when a small validation or debugging mistake can create noisy tickets, misleading logs or hard-to-review production changes.
Practical workflow
| Step | What to confirm |
|---|---|
| Choose accepted formats | Decide whether the hash sign, shorthand and alpha values are allowed. |
| Validate first | Reject invalid characters before conversion. |
| Convert for display | Use a color converter after the string is trusted. |
HEX color patterns
# 3 or 6 digit HEX
^#?(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$
# 3, 4, 6 or 8 digit HEX including alpha
^#?(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$Review checklist
- Test lowercase and uppercase letters.
- Document whether three-digit shorthand is expanded.
- Do not accept arbitrary CSS color functions if the field expects HEX only.
- Check contrast separately for UI accessibility.
- Normalize stored values to one format.
Common mistake
HEX validation cannot tell whether a color is readable, accessible or on brand. It only proves the string is a valid color notation.
Formalint is strongest when the page helps the developer decide what the tool cannot prove. Treat every formatter, regex and command as one layer of evidence, not the whole truth.
Frequently asked questions
Should the hash sign be required?
For CSS copy-paste fields, requiring # is clearer. For data imports, accepting both forms can be friendlier.
Does HEX include transparency?
Eight-digit HEX can encode alpha, but not every design workflow allows it.
Related Formalint references
Continue with Color Converter, Regex Examples, Developer Data Validation.