css - 線形勾配に一致する正規表現

Question

background-image一意の正規表現を使用して線形グラデーション定義の正しい分割を取得することは可能ですか?

linear-gradient(hsl(200, 83%, 64%), hsl(200, 81%, 59%) 32%, rgb(22, 22, 22) 81%, red)

私が探しているのは、次のような複数の一致を取得することです (この場合は 4 つの一致):

$1:hsl(200, 83%, 64%)
$2:
$1:hsl(200, 81%, 59%)
$2:32%
$1:rgb(22, 22, 22)
$2:81%
$1:red
$2:

私は現在、次のようなことを試みています:

(hsl\([^\)]*\))\s*(\d+%)?

しかし、それはhslでのみ機能します。具体的ではない賢い方法が必要です

Answer 1