Python (re)

CSS hsl() / hsla() Color in PY

Match CSS hsl() and hsla() color functions, capturing hue (0–360), saturation, lightness, and optional alpha.

Try it in the PY tester →

Pattern

regexPY
hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)   (flags: gi)

Python (re) code

pyPython
import re

pattern = re.compile(r"hsla?\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%(?:\s*,\s*(?:0|1|0?\.\d+))?\s*\)", re.IGNORECASE)
input_text = "hsl(200, 100%, 50%)"
for m in pattern.finditer(input_text):
    print(m.group(0))

Stdlib `re` module — no third-party dependency. Works on Python 3.6+.

How the pattern works

hsla? matches hsl or hsla. The three numeric groups capture hue (degrees), saturation %, and lightness %. The optional fourth group captures an alpha value of 0, 1, or a decimal like 0.75. Whitespace is allowed around all values.

Examples

Input

hsl(200, 100%, 50%)

Matches

  • hsl(200, 100%, 50%)

Input

hsla(120, 60%, 70%, 0.8)

Matches

  • hsla(120, 60%, 70%, 0.8)

Input

color: blue;

No match

—

Same pattern, other engines

JavaScript / ECMAScript

Supported

See how this pattern looks (and behaves) in JavaScript's built-in RegExp.

Go (RE2)

Supported

See how this pattern looks (and behaves) in Go's `regexp` package (RE2 engine).

← Back to CSS hsl() / hsla() Color overview (all engines)