regex101: Javascript

Explanation

Pro

Non-Capturing Group(?:(?:rgb$(\d{1,3}),\s?(\d{1,3}),\s?(\d{1,3})$)|(?:rgba$(\d{1,3}),\s?(\d{1,3}),\s?(\d{1,3}),\s?([0-1]\.0|0\.[0-9])$))

1st Alternative(?:rgb$(\d{1,3}),\s?(\d{1,3}),\s?(\d{1,3})$)

Non-Capturing Group(?:rgb$(\d{1,3}),\s?(\d{1,3}),\s?(\d{1,3})$)

rgbthe literal text rgb (case sensitive)

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

Group 1(\d{1,3})

\d{1,3}a digit, repeated between 1 and 3 times

,the literal , (44₁₀ / 54₈ / 2C₁₆)

\s?optionally matches any whitespace character

Group 2(\d{1,3})

\d{1,3}a digit, repeated between 1 and 3 times

,the literal , (44₁₀ / 54₈ / 2C₁₆)

\s?optionally matches any whitespace character

Group 3(\d{1,3})

\d{1,3}a digit, repeated between 1 and 3 times

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

2nd Alternative(?:rgba$(\d{1,3}),\s?(\d{1,3}),\s?(\d{1,3}),\s?([0-1]\.0|0\.[0-9])$)

Non-Capturing Group(?:rgba$(\d{1,3}),\s?(\d{1,3}),\s?(\d{1,3}),\s?([0-1]\.0|0\.[0-9])$)

rgbathe literal text rgba (case sensitive)

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

Group 4(\d{1,3})

\d{1,3}a digit, repeated between 1 and 3 times

,the literal , (44₁₀ / 54₈ / 2C₁₆)

\s?optionally matches any whitespace character

Group 5(\d{1,3})

\d{1,3}a digit, repeated between 1 and 3 times

,the literal , (44₁₀ / 54₈ / 2C₁₆)

\s?optionally matches any whitespace character

Group 6(\d{1,3})

\d{1,3}a digit, repeated between 1 and 3 times

,the literal , (44₁₀ / 54₈ / 2C₁₆)

\s?optionally matches any whitespace character

Group 7([0-1]\.0|0\.[0-9])

1st Alternative[0-1]\.0

Character Class[0-1]

0-1one character from 0 (48₁₀) to 1 (49₁₀)

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

0the literal 0 (48₁₀ / 60₈ / 30₁₆)

2nd Alternative0\.[0-9]

0the literal 0 (48₁₀ / 60₈ / 30₁₆)

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

Character Class[0-9]

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

\)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

Quick Reference

26 tokens

Regular Expression

(?:(?:rgb\((\d{1,3}),\s?(\d{1,3}),\s?(\d{1,3})\))|(?:rgba\((\d{1,3}),\s?(\d{1,3}),\s?(\d{1,3}),\s?([0-1]\.0|0\.[0-9])\)))

rgb(0, 0, 0)
rgb(0,0,0)
rgb(255, 255, 255)
rgba(255, 255, 255, 1)
rgba(255, 255, 255,1)
rgba(255, 255, 255, 0)
rgba(255, 255, 255, 0.9)
rgba(255, 255, 255, 0.0)
rgba(255, 255, 255, 1.0)
rgba(255, 255, 255, 1.1)
rgba(255, 255, 255, 666)
rgba(255, 255, 255ab)
rgb(255, 255, 255, 344)

#p1 {background-color: rgba(255, 0, 0, 0.3);}  /* red with opacity */
#p2 {background-color: rgba(0, 255, 0, 0.3);}  /* green with opacity */
#p3 {background-color: rgba(0, 0, 255, 0.3);}  /* blue with opacity */