regex101: JavaScript Match Workspace

1st Alternative(#([a-f\d]{3}){1,2}\b)

Group 1(#([a-f\d]{3}){1,2}\b)

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

Group 2([a-f\d]{3}){1,2}

{1,2}repeats the group contents below between 1 and 2 times:

Character Class[a-f\d]{3}

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

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

\da digit

\ban ASCII word boundary

2nd Alternative(rgb$(((\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})\s*,){2}\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2}))|((\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*,){2}\s*(0*?(100|\d{1,2})(\.\d+)?\%)))\s*$)

Group 3(rgb$(((\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})\s*,){2}\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2}))|((\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*,){2}\s*(0*?(100|\d{1,2})(\.\d+)?\%)))\s*$)

rgbthe literal text rgb (case insensitive)

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

Group 4(((\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})\s*,){2}\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2}))|((\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*,){2}\s*(0*?(100|\d{1,2})(\.\d+)?\%)))

1st Alternative((\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})\s*,){2}\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2}))

Group 5((\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})\s*,){2}\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2}))

Group 6(\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})\s*,){2}

{2}repeats the group contents below exactly 2 times:

\s*any whitespace character, repeated any number of times

Group 7(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})

1st Alternative0*?[0-2][0-5][0-5]

0*?the literal 0 (48₁₀ / 60₈ / 30₁₆) , repeated any number of times

Character Class[0-2]

0-2one character from 0 (48₁₀) to 2 (50₁₀)

Character Class[0-5]

0-5one character from 0 (48₁₀) to 5 (53₁₀)

Character Class[0-5]

0-5one character from 0 (48₁₀) to 5 (53₁₀)

2nd Alternative1\d{2}

1the literal 1 (49₁₀ / 61₈ / 31₁₆)

\d{2}a digit, repeated exactly 2 times

3rd Alternative\d{1,2}

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

\s*any whitespace character, repeated any number of times

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

\s*any whitespace character, repeated any number of times

Group 8(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})

1st Alternative0*?[0-2][0-5][0-5]

0*?the literal 0 (48₁₀ / 60₈ / 30₁₆) , repeated any number of times

Character Class[0-2]

0-2one character from 0 (48₁₀) to 2 (50₁₀)

Character Class[0-5]

0-5one character from 0 (48₁₀) to 5 (53₁₀)

Character Class[0-5]

0-5one character from 0 (48₁₀) to 5 (53₁₀)

2nd Alternative1\d{2}

1the literal 1 (49₁₀ / 61₈ / 31₁₆)

\d{2}a digit, repeated exactly 2 times

3rd Alternative\d{1,2}

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

2nd Alternative((\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*,){2}\s*(0*?(100|\d{1,2})(\.\d+)?\%))

Group 9((\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*,){2}\s*(0*?(100|\d{1,2})(\.\d+)?\%))

\s*any whitespace character, repeated any number of times

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

3rd Alternative(rgba$\s*(((\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})\s*,){3}|(\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*,){3})(\s*0+(\.\d+)?\s*))\s*$)

4th Alternative(hsl$\s*((0*?([0-3][0-6]0|\d{1,2}))\s*(,\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*){2})$)

5th Alternative(hsla$\s*((0*?([0-3][0-6]0|\d{1,2}))\s*,(\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*,){2})\s*(0+(\.\d+)?)\s*$)

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

26 tokens

Regular Expression

(#([a-f\d]{3}){1,2}\b)|(rgb\((((\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})\s*,){2}\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2}))|((\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*,){2}\s*(0*?(100|\d{1,2})(\.\d+)?\%)))\s*\))|(rgba\(\s*(((\s*(0*?[0-2][0-5][0-5]|1\d{2}|\d{1,2})\s*,){3}|(\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*,){3})(\s*0+(\.\d+)?\s*))\s*\))|(hsl\(\s*((0*?([0-3][0-6]0|\d{1,2}))\s*(,\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*){2})\))|(hsla\(\s*((0*?([0-3][0-6]0|\d{1,2}))\s*,(\s*(0*?(100|\d{1,2})(\.\d+)?\%)\s*,){2})\s*(0+(\.\d+)?)\s*\))

Unit Tests

There are no unit tests, click to add some.