regex101: Html Color Regex

1st Alternative^(?<rgb>rgb$(?<red>\d{1,3}),\s*\d{1,3},\s*\d{1,3}$)$

^start of line

Group rgb(?<rgb>rgb$(?<red>\d{1,3}),\s*\d{1,3},\s*\d{1,3}$)

rgbthe literal text rgb (case sensitive)

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

Group red(?<red>\d{1,3})

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

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

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

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

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

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

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

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

$end of line

2nd Alternative^(?<rgba>rgba$\d{1,3},\s*\d{1,3},\s*\d{1,3},\s*[01](\.\d{1,2})?$)$

^start of line

Group rgba(?<rgba>rgba$\d{1,3},\s*\d{1,3},\s*\d{1,3},\s*[01](\.\d{1,2})?$)

rgbathe literal text rgba (case sensitive)

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

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

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

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

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

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

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

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

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

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

Character Class[01]

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

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

Group 4(\.\d{1,2})?

?repeats the group contents below at most once:

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

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

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

$end of line

3rd Alternative^(?<hsla>hsla$\d{1,3},\s*\d{1,3}%,\s*\d{1,3}%,\s*[01](\.\d{1,2})?$)$

^start of line

Group hsla(?<hsla>hsla$\d{1,3},\s*\d{1,3}%,\s*\d{1,3}%,\s*[01](\.\d{1,2})?$)

hslathe literal text hsla (case sensitive)

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

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

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

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

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

%,the literal text %,

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

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

%,the literal text %,

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

Character Class[01]

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

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

Group 6(\.\d{1,2})?

?repeats the group contents below at most once:

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

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

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

$end of line

4th Alternative^(?<hsl>hsl$\d{1,3},\s*\d{1,3}%,\s*\d{1,3}%$)$

^start of line

Group hsl(?<hsl>hsl$\d{1,3},\s*\d{1,3}%,\s*\d{1,3}%$)

hslthe literal text hsl (case sensitive)

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

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

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

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

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

%,the literal text %,

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

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

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

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

$end of line

5th Alternative^(?<hex>#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})(\d{2})?)$

^start of line

Group hex(?<hex>#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})(\d{2})?)

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

Group 9([0-9a-fA-F]{3}|[0-9a-fA-F]{6})

1st Alternative[0-9a-fA-F]{3}

Character Class[0-9a-fA-F]{3}

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

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

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

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

2nd Alternative[0-9a-fA-F]{6}

Character Class[0-9a-fA-F]{6}

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

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

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

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

Group 10(\d{2})?

?repeats the group contents below at most once:

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

$end of line

6th Alternative^(?<cmyk>cmyk$\d{1,3}%,\s*\d{1,3}%,\s*\d{1,3}%,\s*\d{1,3}%$)$

^start of line

Group cmyk(?<cmyk>cmyk$\d{1,3}%,\s*\d{1,3}%,\s*\d{1,3}%,\s*\d{1,3}%$)

cmykthe literal text cmyk (case sensitive)

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

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

%,the literal text %,

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

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

%,the literal text %,

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

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

%,the literal text %,

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

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

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

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

$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

^(?<rgb>rgb\((?<red>\d{1,3}),\s*\d{1,3},\s*\d{1,3}\))$|^(?<rgba>rgba\(\d{1,3},\s*\d{1,3},\s*\d{1,3},\s*[01](\.\d{1,2})?\))$|^(?<hsla>hsla\(\d{1,3},\s*\d{1,3}%,\s*\d{1,3}%,\s*[01](\.\d{1,2})?\))$|^(?<hsl>hsl\(\d{1,3},\s*\d{1,3}%,\s*\d{1,3}%\))$|^(?<hex>#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})(\d{2})?)$|^(?<cmyk>cmyk\(\d{1,3}%,\s*\d{1,3}%,\s*\d{1,3}%,\s*\d{1,3}%\))$

New

rgb(255,255,255)
rgb(1,23,255)
rgb(132,21,35)
rgba(255,255,255,0.4)
rgba(1,23,255,0.3)
rgba(1,23,255,1)
rgba(1,23,255,1.0)
rgba(132,21,35,0.7)
#403238
#ff323890
#ff890
#FF323890
hsl(240, 100%, 50%)
hsl(248, 53%, 58%)
hsl(147, 50%, 47%)
hsla(9, 100%, 64%, 0.6)
hsla(9, 100%, 64%, 0.8)
hsla(9, 100%, 64%, 0.8)
cmyk(0%, 100%, 100%, 0%)
cmyk(0%,46%,51%,37%)

// should fail
rgba(255,255,255)
rgba(1,23,255)
rgba(132,21,35)
rgba(1,23,255,0.)
hsla(240, 100%, 50%)
hsla(248, 53%, 58%)
hsla(147, 50%, 47%)
rgb(255,255,255,0.4)
rgb(1,23,255,0.13)
rgb(132,21,35,0.14)
hsl(9, 100%, 64%, 0.6)
hsl(9, 100%, 64%, 0.8)
hsl(9, 100%, 64%, 0.8)
#FG323890
#ars90

Regular Expressions 101

Regular Expression

Substitution