Is the live regex tester free?

Yes. Testing a regex against sample strings is always free and runs locally on the JavaScript engine — no signup, no model calls.

Regex for hex color code matching in JavaScript

Q: What is the regex for hex color code matching in JavaScript?

#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}) — Hex colors come in 3- and 6-digit forms with a leading #. This pattern matches both. Test your CSS values against it live below.

Hex colors come in 3- and 6-digit forms with a leading #. This pattern matches both. Test your CSS values against it live below.

Working example

/#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})/g

Try it live

The pattern and sample strings below are pre-loaded. Edit anything, or describe a variation in plain English and generate your own.

Describe what to match

/#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})/gvalid ✓

Live test panel (free) — one sample per line

Tested live on the JavaScript engine. Other flavors are validated and flagged for differences, not executed.

No samples.

Related regex recipes

Regex for URL matching
Regex for URL slug matching
Regex for IPv4 address matching