Regular Expressions 101

Community Patterns

hsl colors

0

Regular Expression
ECMAScript (JavaScript)

/
^hsla?\(\s*(?<h>[-+]?\d{1,3}(?:\.\d+)?)(deg|grad|rad|turn)?\s*(?:,\s*|\s+)\s*(?<s>[-+]?\d{1,3}(?:\.\d+)?)%\s*(?:,\s*|\s+)\s*(?<l>[-+]?\d{1,3}(?:\.\d+)?)%\s*(?:,\s*|\s+)?(?:\s*\/?\s*(?<alpha>[-+]?[\d.]+%?)\s*)?\)$
/
gmi

Description

matches many HSL and HSLA formats permitted in CSS

Submitted by anonymous - a year ago