regex101: JavaScript Match Workspace

^start of line

Non-Capturing Group(?:#(?:[A-Fa-f0-9]{3}){1,2}|(?:rgb[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}|hsl[(]\s*0*(?:[12]?\d{1,2}|3(?:[0-5]\d|60))\s*(?:\s*,\s*0*(?:\d\d?(?:\.\d+)?\s*%|\.\d+\s*%|100(?:\.0*)?\s*%)){2}\s*|(?:rgba[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*,){3}|hsla[(]\s*0*(?:[12]?\d{1,2}|3(?:[0-5]\d|60))\s*(?:\s*,\s*0*(?:\d\d?(?:\.\d+)?\s*%|\.\d+\s*%|100(?:\.0*)?\s*%)){2}\s*,)\s*0*(?:\.\d+|1(?:\.0*)?)\s*)[)]|transparent|aqua(?:marine)?|azure|beige|bisque|black|blanchedalmond|blue(?:violet)?|(?:alice|dodger|cadet|midnight|powder|royal|sky|slate|steel)blue|(?:rosy|saddle|sandy)?brown|burlywood5|chartreuse|chocolate|coral|corn(?:flowerblue|silk)|crimson|cyan|dark(?:(?:slate)?blue|cyan|goldenrod|(?:olive|sea)?green|(?:slate)?gr[ae]y|khaki|magenta|orange|orchid|red|salmon|turquoise|violet)|deep(?:pink|skyblue)|firebrick|fuchsia|gainsboro|gold(?:enrod)?|(?:dim|slate)?gr[ae]y|(?:forest|lawn|spring)?green|greenyellow|honeydew|indigo|ivory|khaki|lavender(?:blush)?|lemonchiffon|light(?:(?:sky|steel)?blue|coral|cyan|goldenrodyellow|(?:slate)?gr[ae]y|green|pink|salmon|seagreen|yellow)|lime(?:green)?|linen|magenta|maroon|medium(?:aquamarine|(?:slate)?blue|orchid|purple|s(?:ea|pring)green|turquoise|violetred)|mintcream|mistyrose|moccasin|navy|oldlace|olive(?:drab)?|orange(?:red)?|orchid|pale(?:goldenrod|green|turquoise|violetred)|papayawhip|peachpuff|peru|(?:hot)?pink|plum|purple|(?:indian)?red|salmon|sea(?:green|shell)|sienna|silver|snow|tan|teal|thistle|tomato|turquoise|violet|wheat|whitesmoke|(?:antique|floral|ghost|navajo)?white|yellow(?:green)?)

1st Alternative#(?:[A-Fa-f0-9]{3}){1,2}

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

Non-Capturing Group(?:[A-Fa-f0-9]{3}){1,2}

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

Character Class[A-Fa-f0-9]{3}

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

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

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

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

2nd Alternative(?:rgb[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}|hsl[(]\s*0*(?:[12]?\d{1,2}|3(?:[0-5]\d|60))\s*(?:\s*,\s*0*(?:\d\d?(?:\.\d+)?\s*%|\.\d+\s*%|100(?:\.0*)?\s*%)){2}\s*|(?:rgba[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*,){3}|hsla[(]\s*0*(?:[12]?\d{1,2}|3(?:[0-5]\d|60))\s*(?:\s*,\s*0*(?:\d\d?(?:\.\d+)?\s*%|\.\d+\s*%|100(?:\.0*)?\s*%)){2}\s*,)\s*0*(?:\.\d+|1(?:\.0*)?)\s*)[)]

Non-Capturing Group(?:rgb[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}|hsl[(]\s*0*(?:[12]?\d{1,2}|3(?:[0-5]\d|60))\s*(?:\s*,\s*0*(?:\d\d?(?:\.\d+)?\s*%|\.\d+\s*%|100(?:\.0*)?\s*%)){2}\s*|(?:rgba[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*,){3}|hsla[(]\s*0*(?:[12]?\d{1,2}|3(?:[0-5]\d|60))\s*(?:\s*,\s*0*(?:\d\d?(?:\.\d+)?\s*%|\.\d+\s*%|100(?:\.0*)?\s*%)){2}\s*,)\s*0*(?:\.\d+|1(?:\.0*)?)\s*)

1st Alternativergb[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}

rgbthe literal text rgb (case sensitive)

Character Class[(]

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

Non-Capturing Group(?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}

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

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

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

Non-Capturing Group(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)

1st Alternative\d\d?(?:\.\d+)?(?:\s*%)?

\da digit

\d?optionally matches a digit

Non-Capturing Group(?:\.\d+)?

?repeats the group contents below at most once:

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

\d+a digit, repeated at least once

Non-Capturing Group(?:\s*%)?

?repeats the group contents below at most once:

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

%the literal % (37₁₀ / 45₈ / 25₁₆)

2nd Alternative\.\d+\s*%

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

\d+a digit, repeated at least once

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

%the literal % (37₁₀ / 45₈ / 25₁₆)

3rd Alternative100(?:\.0*)?\s*%

100the literal text 100

Non-Capturing Group(?:\.0*)?

?repeats the group contents below at most once:

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

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

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

%the literal % (37₁₀ / 45₈ / 25₁₆)

4th Alternative(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?

Non-Capturing Group(?:1\d\d|2[0-4]\d|25[0-5])

1st Alternative1\d\d

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

\da digit

2nd Alternative2[0-4]\d

2the literal 2 (50₁₀ / 62₈ / 32₁₆)

Character Class[0-4]

0-4one character from 0 (48₁₀) to 4 (52₁₀)

\da digit

3rd Alternative25[0-5]

25the literal text 25

Character Class[0-5]

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

Non-Capturing Group(?:\.\d+)?

?repeats the group contents below at most once:

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

\d+a digit, repeated at least once

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

Non-Capturing Group(?:,(?![)])|(?=[)]))

1st Alternative,(?![)])

2nd Alternative(?=[)])

2nd Alternativehsl[(]\s*0*(?:[12]?\d{1,2}|3(?:[0-5]\d|60))\s*(?:\s*,\s*0*(?:\d\d?(?:\.\d+)?\s*%|\.\d+\s*%|100(?:\.0*)?\s*%)){2}\s*

3rd Alternative(?:rgba[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*,){3}|hsla[(]\s*0*(?:[12]?\d{1,2}|3(?:[0-5]\d|60))\s*(?:\s*,\s*0*(?:\d\d?(?:\.\d+)?\s*%|\.\d+\s*%|100(?:\.0*)?\s*%)){2}\s*,)\s*0*(?:\.\d+|1(?:\.0*)?)\s*

Character Class[)]

3rd Alternativetransparent

4th Alternativeaqua(?:marine)?

5th Alternativeazure

6th Alternativebeige

7th Alternativebisque

8th Alternativeblack

9th Alternativeblanchedalmond

10th Alternativeblue(?:violet)?

12th Alternative(?:rosy|saddle|sandy)?brown

13th Alternativeburlywood5

14th Alternativechartreuse

15th Alternativechocolate

16th Alternativecoral

17th Alternativecorn(?:flowerblue|silk)

18th Alternativecrimson

19th Alternativecyan

21st Alternativedeep(?:pink|skyblue)

22nd Alternativefirebrick

23rd Alternativefuchsia

24th Alternativegainsboro

25th Alternativegold(?:enrod)?

26th Alternative(?:dim|slate)?gr[ae]y

27th Alternative(?:forest|lawn|spring)?green

28th Alternativegreenyellow

29th Alternativehoneydew

30th Alternativeindigo

31st Alternativeivory

32nd Alternativekhaki

33rd Alternativelavender(?:blush)?

34th Alternativelemonchiffon

36th Alternativelime(?:green)?

37th Alternativelinen

38th Alternativemagenta

39th Alternativemaroon

41st Alternativemintcream

42nd Alternativemistyrose

43rd Alternativemoccasin

44th Alternativenavy

45th Alternativeoldlace

46th Alternativeolive(?:drab)?

47th Alternativeorange(?:red)?

48th Alternativeorchid

49th Alternativepale(?:goldenrod|green|turquoise|violetred)

50th Alternativepapayawhip

51st Alternativepeachpuff

52nd Alternativeperu

53rd Alternative(?:hot)?pink

54th Alternativeplum

55th Alternativepurple

56th Alternative(?:indian)?red

57th Alternativesalmon

58th Alternativesea(?:green|shell)

59th Alternativesienna

60th Alternativesilver

61st Alternativesnow

62nd Alternativetan

63rd Alternativeteal

64th Alternativethistle

65th Alternativetomato

66th Alternativeturquoise

67th Alternativeviolet

68th Alternativewheat

69th Alternativewhitesmoke

70th Alternative(?:antique|floral|ghost|navajo)?white

71st Alternativeyellow(?:green)?

$end of line

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

Search reference

Regular Expression

^(?:#(?:[A-Fa-f0-9]{3}){1,2}|(?:rgb[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}|hsl[(]\s*0*(?:[12]?\d{1,2}|3(?:[0-5]\d|60))\s*(?:\s*,\s*0*(?:\d\d?(?:\.\d+)?\s*%|\.\d+\s*%|100(?:\.0*)?\s*%)){2}\s*|(?:rgba[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*,){3}|hsla[(]\s*0*(?:[12]?\d{1,2}|3(?:[0-5]\d|60))\s*(?:\s*,\s*0*(?:\d\d?(?:\.\d+)?\s*%|\.\d+\s*%|100(?:\.0*)?\s*%)){2}\s*,)\s*0*(?:\.\d+|1(?:\.0*)?)\s*)[)]|transparent|aqua(?:marine)?|azure|beige|bisque|black|blanchedalmond|blue(?:violet)?|(?:alice|dodger|cadet|midnight|powder|royal|sky|slate|steel)blue|(?:rosy|saddle|sandy)?brown|burlywood5|chartreuse|chocolate|coral|corn(?:flowerblue|silk)|crimson|cyan|dark(?:(?:slate)?blue|cyan|goldenrod|(?:olive|sea)?green|(?:slate)?gr[ae]y|khaki|magenta|orange|orchid|red|salmon|turquoise|violet)|deep(?:pink|skyblue)|firebrick|fuchsia|gainsboro|gold(?:enrod)?|(?:dim|slate)?gr[ae]y|(?:forest|lawn|spring)?green|greenyellow|honeydew|indigo|ivory|khaki|lavender(?:blush)?|lemonchiffon|light(?:(?:sky|steel)?blue|coral|cyan|goldenrodyellow|(?:slate)?gr[ae]y|green|pink|salmon|seagreen|yellow)|lime(?:green)?|linen|magenta|maroon|medium(?:aquamarine|(?:slate)?blue|orchid|purple|s(?:ea|pring)green|turquoise|violetred)|mintcream|mistyrose|moccasin|navy|oldlace|olive(?:drab)?|orange(?:red)?|orchid|pale(?:goldenrod|green|turquoise|violetred)|papayawhip|peachpuff|peru|(?:hot)?pink|plum|purple|(?:indian)?red|salmon|sea(?:green|shell)|sienna|silver|snow|tan|teal|thistle|tomato|turquoise|violet|wheat|whitesmoke|(?:antique|floral|ghost|navajo)?white|yellow(?:green)?)$

New

#0F0F0F
#123
#1234
#ABC456
#1234567
rgb(1,2,3)
rgb(1,2,)
rgb(112233)
rgb(255,249,199)
rgb(256,249,199)
rgb(255,249,199,)
rgb( 100%, 199, 50%)
rgb( 100%, 199%, 50%)
rgb(1,2,3%,.5)
rgba(1,2,3%,0.75)
rgba(1,2,3%,.5)
rgba(1,2,.5)
rgba(1,2,3)
rgba(1,249,100,1)
rgba(1,249,100,1.0)
rgba(1,249,100,1.1)
rgba(255,256,255,1)
rgba(1,249.5,100%,1)
rgba(1,249.5,101%,1)
hsl(360,2%,100%)
hsl(361,2%,100%)
hsl(,2%,100%)
hsl(360,2%,)
hsl(360,2%,0100.00%)
hsl(360,2%,101%)
hsla(180,2%,100%,0.5)
hsla(180,2%,100%,)
transparent
blue
palevioletred
lightyellow

Regular Expressions 101

Regular Expression

Substitution