regex101: PCRE (Legacy) Match Workspace

Pro

#the literal # (35₁₀ / 43₈ / 23₁₆)

Non-Capturing Group(?:[0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})

1st Alternative[0-9A-Fa-f]{6}

Character Class[0-9A-Fa-f]{6}

{6}matches exactly 6 characters from the set below:

0-9one character from 0 (48₁₀) to 9 (57₁₀)

A-Fone character from A (65₁₀) to F (70₁₀) (case insensitive)

a-fone character from a (97₁₀) to f (102₁₀) (case insensitive)

2nd Alternative[0-9A-Fa-f]{3}

Character Class[0-9A-Fa-f]{3}

{3}matches exactly 3 characters from the set below:

0-9one character from 0 (48₁₀) to 9 (57₁₀)

A-Fone character from A (65₁₀) to F (70₁₀) (case insensitive)

a-fone character from a (97₁₀) to f (102₁₀) (case insensitive)

Positive Lookahead(?=;|[^(]*\))

1st Alternative;

;the literal ; (59₁₀ / 73₈ / 3B₁₆)

2nd Alternative[^(]*\)

Negated Character Class[^(]*

*matches any number of characters outside the set below:

(the literal ( (40₁₀ / 50₈ / 28₁₆)

\)the literal ) (41₁₀ / 51₈ / 29₁₆)

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

i modifier: insensitive. Matches without distinguishing uppercase and lowercase letters

25 tokens

Regular Expression

#(?:[0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})(?=;|[^(]*\))

New

#BED, #foo
{
    color: #FfFdF8; background-color:#aef;
    font-size: 123px;
    background: -webkit-linear-gradient(top, #f9f9f9, #fff);
}
#Cab
{
    background-color: #ABC;
    border: 2px dashed #fff;
}

#BED, p {
   color: #ABC;
   @media( min-width: 420px) {
	 color: #ABC;
  }
}

#BED { background: url(http:xyz.com)}

#BED { background: url(http:xyz.com) color: #ABC; }

Extraction

#BED, #foo
{
    color: #FfFdF8; background-color:#aef;
    font-size: 123px;
    background: -webkit-linear-gradient(top, #f9f9f9, #fff);
}
#Cab
{
    background-color: #ABC;
    border: 2px dashed #fff;
}

#BED, p {
   color: #ABC;
   @media( min-width: 420px) {
	 color: #ABC;
  }
}

#BED { background: url(http:xyz.com)}

#BED { background: url(http:xyz.com) color: #ABC; }