Regular Expressions 101

Explanation

Pro

^start of string

Group 1(repeating-)?

?repeats the group contents below at most once:

repeating-the literal text repeating- (case sensitive)

Group 2(linear|radial|conic)

1st Alternativelinear

linearthe literal text linear (case sensitive)

2nd Alternativeradial

radialthe literal text radial (case sensitive)

3rd Alternativeconic

conicthe literal text conic (case sensitive)

-gradientthe literal text -gradient (case sensitive)

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

Group 3([^()]|rgb[a]?$[^()]*$)*

*repeats the group contents below any number of times:

1st Alternative[^()]

Negated Character Class[^()]

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

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

2nd Alternativergb[a]?$[^()]*$

rgbthe literal text rgb (case sensitive)

Character Class[a]?

?matches at most one character from the set below:

athe literal a (97₁₀ / 141₈ / 61₁₆) (case sensitive)

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

Negated Character Class[^()]*

*matches any number of characters outside the set below:

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

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

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

$end of string, or before its final line terminator

Match Information

Detailed match information will be displayed here automatically.

Quick Reference

25 tokens

Regular Expression

^(repeating-)?(linear|radial|conic)-gradient\(([^()]|rgb[a]?\([^()]*\))*\)$

New

radial-gradient(circle at 5px 5px,#0c0d0d70 2px,#ffffff00 0px,#ffffff00 0px) 0 0 / 8px 8px, linear-gradient(180deg, var(--wp--preset--color--base) 0%,#000000 200%)

Extraction

radial-gradient(circle at 5px 5px,#0c0d0d70 2px,#ffffff00 0px,#ffffff00 0px) 0 0 / 8px 8px, linear-gradient(180deg, var(--wp--preset--color--base) 0%,#000000 200%)