Hex Color

CSS hex color code in #RGB or #RRGGBB format (case-insensitive).

✓ CSS preprocessor tooling✓ Design token validation✓ Color picker inputs

Safe

Test String

5 matches

#fff
#FFF
#a3B2c1
#000000
#FF5733

##— '#' — literal character

(…)Group #1— Capturing group — captures matched text for reuse or extraction

[…]{6}Character class […]— Matches any single character listed in this set — repeated exactly 6 times · {6} — exactly 6 times

||— | — alternation: matches expression on left OR right

[…]{3}Character class […]— Matches any single character listed in this set — repeated exactly 3 times · {3} — exactly 3 times

Pattern: 32 charsInput: 33 chars

100% client-side · private

✓ Valid Examples

Validate Hex Color natively in your backend or frontend without copying regex strings.

import { validate } from '@regexto/validators';

validate('hex-color', '...');

from regexto_validators import validate

validate("hex-color", "...")

import "github.com/regex-to/validators-go"

valid, err := validators.Validate("hex-color", "...")

use RegexTo\Validators\Validator;

Validator::validate('hex-color', '...');

use regexto_validators::validate;

let is_valid = validate("hex-color", "...").unwrap();