Regular Expressions 101

Pro

Character Class[\ |\:]

\ the literal (32₁₀ / 40₈ / 20₁₆)

|the literal | (124₁₀ / 174₈ / 7C₁₆)

\:the literal : (58₁₀ / 72₈ / 3A₁₆)

Group 1([\#][0-9A-Fa-f]{6}|[\#][0-9A-Fa-f]{3})

1st Alternative[\#][0-9A-Fa-f]{6}

Character Class[\#]

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

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 (65₁₀) to F (70₁₀) (case sensitive)

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

2nd Alternative[\#][0-9A-Fa-f]{3}

Character Class[\#]

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

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 (65₁₀) to F (70₁₀) (case sensitive)

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

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

Detailed match information will be displayed here automatically.

25 tokens

Regular Expression

[\ |\:]([\#][0-9A-Fa-f]{6}|[\#][0-9A-Fa-f]{3})

New

#BED
{
    color: #FfFdF8; background-color:#aef;
    font-size: 123px;
    background: -webkit-linear-gradient(top, #f9f9f9, #fff);
}
#Cab
{
    background-color: #ABC;
    border: 2px dashed #fff;
}

Extraction

#BED
{
    color: #FfFdF8; background-color:#aef;
    font-size: 123px;
    background: -webkit-linear-gradient(top, #f9f9f9, #fff);
}
#Cab
{
    background-color: #ABC;
    border: 2px dashed #fff;
}