Extract RGB and RGBA from css Rules in JavaScript

Question

I have some string like below :

"linear-gradient(to bottom,rgba(255,0,0,0.4) 0,rgba(0,230,175,0.4) 100%);"

i want to extract all rgba and rgb from this stirng like rgba(255,0,0,0.4) and rgba(0,230,175,0.4) . it try to search and find some question like this and this but that answer doesn't help me.

Braj · Accepted Answer · 2014-07-21 11:04:45Z

3

I want to extract all rgba and rgb from the stirng

I hope you don't want to validate the digits in rgba and rgb, if yes then get the matched group from index 1 using capturing groups.

(rgba?\((?:\d{1,3}[,\)]){3}(?:\d+\.\d+\))?)

Live demo

You can get the values using Lazy way as well in the same way from matched group index 1.

(rgba?.*?\))

Live Demo

Last Pattern explanation:

  (                        group and capture to \1:
    rgb                      'rgb'
    a?                       'a' (optional)
    .*?                      any character except \n (0 or more times)
    \)                       ')'
  )                        end of \1

edited Jul 21, 2014 at 11:04

answered Jul 21, 2014 at 10:51

Braj

46.9k5 gold badges63 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

zx81 · Accepted Answer · 2014-07-21 11:02:22Z

1

If you just want to match the strings, for instance rgba(255,0,0,0.4), without parsing the values, just use:

arrayOfMatches = yourString.match(/rgba\([^)]+\)/g);

answered Jul 21, 2014 at 11:02

zx81

42k10 gold badges92 silver badges106 bronze badges

Collectives™ on Stack Overflow

Extract RGB and RGBA from css Rules in JavaScript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related