regex101: Javascript

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

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

New

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 */