Question 1

What does the Hex Color Code regex pattern do?

Accepted Answer

Matches # followed by 3 digits (short RGB), 4 digits (short RGBA), 6 digits (full RGB), or 8 digits (full RGBA) of hexadecimal.

Question 2

How do I use the Hex Color Code regex in JavaScript?

Accepted Answer

Use the pattern /#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})\b/g with the String.match() or String.matchAll() method. For example: const matches = text.match(/#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})\b/g);

Question 3

What regex flags does this pattern use?

Accepted Answer

This pattern uses the global flag (g). The global flag finds all matches in the input, not just the first.

Question 4

Which programming languages support this regex?

Accepted Answer

Fully supported in JS, PYTHON, JAVA, PHP. GO (Limited support (ASCII-only word boundaries))

Question 5

What strings does this regex match?

Accepted Answer

This pattern matches strings like: #fff, #FF5733, #00ff0080. It does not match strings like: #gg0000, #12, #1234567890.

Hex Color Code

Pattern

Try It

Explanation

Test Strings

Matching

Non-matching

Language Compatibility

Code Snippets

Related Patterns

CSS RGB/RGBA Color

Language	Support
JS	Full support
PYTHON	Full support
JAVA	Full support
PHP	Full support
GO	Limited support (ASCII-only word boundaries)