Regular Expressions 101

Order By

Sponsors
There are currently no sponsors. Become a sponsor today!

Community Patterns

13

CSS Color Matcher

ECMAScript (JavaScript)
Pattern matching and extracting color code formats using RegEx. https://github.com/Kyza/color-regex/
Submitted by Kyza - a year ago
11

html color match: transparent, #fff, #123456, rgb, rgba, hsl, hsla

ECMAScript (JavaScript)
This may be useful or not to test whether a given string is a valid (more or less) html color value. It matches color values such as: #123 - short hex color value #123456 - hex color value rgb(255,255,0) - rgb color value rgba(255,255,0,1.0) - rgba color value hsl(360,100%,100%) - hsl color value...
Submitted by grouch - 10 years ago
4

Validate hex color

PCRE (PHP <7.3)
Validates hexadecimal color codes based on the following rule set: Optionally starting with a hash. 3 or 6 characters in length. Using the [0-9a-f] character set.
Submitted by Nathaniel Blackburn - 9 years ago
3

HSL(A) Color Matching

PCRE (PHP <7.3)
This allows for both hsl and hsla color patterns to be matched. hsla(50.5deg, .531%, .9%, 1.0) The hue can be matched without the word deg. Hue is from 0-360 Percentage allows for decimals. Percentage is from 0-100%...
Submitted by anonymous - 5 years ago
2

Detect RGB/RGBA colors in CSS

PCRE2 (PHP >=7.3)
JS function to convert RGB(A) to HEX color for single values: /** @param {string} color the RGB(A) color @return {string} the HEX color */ function rgba2hex(color)...
Submitted by WinterSilence - 2 years ago
2

RGB [0;255]

PCRE (PHP <7.3)
Color RGB in shape: 255, 255, 255 ',' or ';' are accepted
Submitted by theBlueBisu - 9 years ago
2

CSS Colors: RGB(A), HSL(A), HEX(3,4,6,8), var(--tw-color), etc...

ECMAScript (JavaScript)
Versatile, multiline matching of CSS colors of many common formats, including: [x] HEX-3: #123 (equivalent to #112233) [x] HEX-4: #FA0F ( ... #FFAA00FF) [x] HEX-6: #FF3300 ( ...#F30) [x] HEX-8: #FFAA00FF ( ...#FA0F)...
Submitted by Nicholas Berlette (@nberlette) - 3 years ago
1

HTML color search

PCRE (PHP <7.3)
Searches for hex colors in HTML code.
Submitted by Barlean - 10 years ago
1

spaces in parenthesis

ECMAScript (JavaScript)
Eliminate spaces in the inner part of parenthesis.
Submitted by Luis Colorado - 10 years ago
1

RGB 256 Color Format: Matches 24bit RGB Colors.

ECMAScript (JavaScript)
There are several ways to format 24bit RGB Colors, however, two of the formats are far more common in the wild than others. The 2 most common 24bit RGB formats are | FORMAT | Alt Name | Num Sys | | ------------------------ | -------------- | ------------ | | RGB Hex Format | HexColo...
Submitted by anonymous - 3 years ago (Last modified 3 years ago)
1

CSS RGB Color

ECMAScript (JavaScript)
CSS RGB Color Regex for JS Supports RGB and RGBA syntax (identical in CSS Color Module Level 4) Well tested Allows for decimal values Currently does not support percentage values or CSS Color Module Level 4 white-space syntax
Submitted by anonymous - 5 years ago
1

RGB Colors in Hex Format: 3 or 6 Hexadecimal Digits

ECMAScript (JavaScript)
Matches against RGB (not to be confused with RGBa). Will match against any and all RGB Hexadecimal Formatted colors. Some example of the values this regular expression was created to match are: "#FFFFFF", "#FFF", "#ABCDEF", "#123456", "#18F", "#812" MUST USE THE 'i' FLAG (insensitive) Without the...
Submitted by jD3V - 3 years ago (Last modified 3 years ago)
1

CSS Hex Color

ECMAScript (JavaScript)
CSS Hex Color Regex for JS Supports alpha value (4 and 8 character hex codes) introduced in CSS Color Module Level 4 Well tested
Submitted by anonymous - 5 years ago
1

Tailwind CSS Color Regex

ECMAScript (JavaScript)
Just a little regex for the tailwind css color classes, It could be improved.
Submitted by anonymous - 4 years ago
1

Color RegEx

ECMAScript (JavaScript)
Color RegEx
Submitted by Xaliks - 3 years ago
1

match hex colors

PCRE2 (PHP >=7.3)
Match hex colors with PCRE2
Submitted by anonymous - a year ago
1

RGB colors

PCRE (PHP <7.3)
Matches all the RGB colors in the format #RRGGBB and #RGB
Submitted by Gabriel Hautclocq - 9 years ago
1

Valid HTML Tag Pattern

PCRE2 (PHP >=7.3)
Valid HTML Tag Pattern Which HTML tags are considered invalid: Tags ending with a different tag than what it started. Example: Hello Tags with open attributes (or closed with a different type of quote). Examples: Hello or Hello Which HTML tags are considered valid: Tags ending with the same tag...
Submitted by Ninja - 7 months ago (Last modified 7 months ago)
1

JavaScript number literals

ECMAScript (JavaScript)
Should match any valid JavaScript number literal incl. bigint. See EDIT 4 in this StackOverflow answer by me for matching JS numbers. open in regex101 editor - example matches and unit tests\ Regulex%7C%5BoO%5D%3F%5B0-7%5D(%3F%3A_%3F%5B0-7%5D%2B)%7C%5BxX%5D%5B0-9a-fA-F%5D(%3F%3A_%3F%5B0-9a-fA-F%5D...
Submitted by MAZ01001 - 9 months ago (Last modified 6 months ago)
1

color-price-count

PCRE (PHP <7.3)
no description available
Submitted by By me - 7 years ago
1234

Community Library Entry

1

Regular Expression
ECMAScript (JavaScript)

/
^([+-]?(?:NaN|Infinity|0(?:[bB][01](?:_?[01]+)*|[oO]?[0-7](?:_?[0-7]+)*|[xX][0-9a-fA-F](?:_?[0-9a-fA-F]+)*)|(?:(?:0|0(?:[0-9](?:_?[0-9]+)*)?[89](?:[0-9](?:_?[0-9]+)*)?|[1-9](?:_?[0-9]+)*)(?:\.(?:[0-9](?:_?[0-9]+)*)?)?|\.[0-9](?:_?[0-9]+)*)(?:[eE][+-]?[0-9](?:_?[0-9]+)*)?)|-?(?:0(?:[bB][01](?:_?[01]+)*|[oO][0-7](?:_?[0-7]+)*|[xX][0-9a-fA-F](?:_?[0-9a-fA-F]+)*)?|[1-9](?:_?[0-9]+)*)n)$
/
gm
Open regex in editor

Description

Should match any valid JavaScript number literal incl. bigint.

See EDIT 4 in this StackOverflow answer by me for matching JS numbers.

open in regex101 editor - example matches and unit tests
Regulex - colored graph
Regexper - slightly smaller and less colored graph

  • +/- Infinity and NaN
  • _ as numerical separator between any two digits
  • Number
    • leading/trailing . (decimal point)
    • leading 0s
      • [!] may be interpreted as octal (see below)
    • prefix
      • 0b binary
        • no . or scientific notation
      • 0o octal
        • [!] also implicit with leading 0 and when all digits (before any .) are below 8
        • no . or scientific notation
      • 0x hexadecimal
        • no . or scientific notation
          • [!] the E in scientific notation will be part of the hexadecimal number
  • BigInt
    • explicit via suffix n
    • no leading 0s except after a 0o/0x/0b prefix
    • no +, ., or scientific notation

Note, Number() (parsing from a string) allows leading/trailing whitespace, but not _, and leading 0s are not an implicit octal prefix, (and ofc no BigInt suffix)

Submitted by MAZ01001 - 9 months ago (Last modified 6 months ago)