Espressione regolare Javascript per valori rgb

Question

Sto cercando di ottenere i singoli valori di una stringa rgb. Mi sto avvicinando, ma sto solo colpendo un muro. Sto cercando di fare qualcosa di simile:

var color = rgb(255, 85, 120); 

/// My Regex /// 
var rRegex = /^rgb\(\d{3}/; // Which actually gives me an array of two strings...ugh 
var gRegex = ; 
var bRegex = ; 

var r = color.match(rRegex); 
var g = color.match(gRegex); 
var b = color.match(bRegex); 

Sto solo cercando di avere:

/// // I think I can pull these off by Starts With and Ends With anchors... /// 
r = 'From "(" to "," '; 
g = 'From "," to "," '; 
b = 'From "," to ")" '; 

che sto cercando di fare anche fare in modo che la regex può prendere o 1, 2 o 3 numeri, dato che i valori vanno da 0 a 255. Grazie per qualsiasi aiuto!

Answer 1

Ecco qualche esempio di codice che dovrebbe fare circa quello che ti serve o impostare nella direzione giusta:

var color = 'rgb(255, 15, 120)'; 
var matchColors = /rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)/; 
var match = matchColors.exec(color); 
if (match !== null) { 
    document.write('Red: ' + match[1] + ' Green: ' + match[2] + ' Blue: ' + match[3]); 
} 

Potete vederlo in azione qui: http://jsfiddle.net/xonev/dRk8d/

Answer 2

Prova questo regex:

/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/ 

Sarà acquisire il valore di R in $ 1, il valore g in $ 2, e il valore di b in $ 3

Answer 3

Data una stringa è RGB validi, l'analisi numeri su è una questione di cifre corrispondenti:

"rgb(12, 34, 56)".match(/\d+/g); // ["12", "34", "56"] 

Answer 4

^(\ d {1,2} | [1] [0-9] [0-9] | [2] [0- 5] [0-5]); (\ d {1,2} | [1] [0-9] [0-9] | [2] [0-5] [0-5]); (\ d {1,2} | [1] [0-9] [0-9] | [2] [0-5] [0-5]) $

formato x; x; x dove x è un numero tra 0 (escluso) e 255 (inclusi)

Answer 5

ho escogitato questa "^(rgb)?\(?([01]?\d\d?|2[0-4]\d|25[0-5])(\W+)([01]?\d\d?|2[0-4]\d|25[0-5])\W+(([01]?\d\d?|2[0-4]\d|25[0-5])\)?)$" che può convalidare un mucchio di variazioni stringa tra cui:

• rgb (255,255,255)
• rgb (255, 255, 255) rgb (0/0/0)
• rgb (50-50-50)
• rgb (0 - 0 - 0)
• rgb (255,0-50)
• rgb (0, 255 255)
• rgb (0 0 0)
• 255.255.255
• 255, 255, 0
• (0, 0, 30)
• (255 - 255-255)
• rgb0 0 0
• rgb255 - 0/255

Answer 6

Prova questa. Una espressione regolare nell'intervallo 0 - 255.

rgb\(((*0*([1]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5]) *),){2}(*0*([1]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5]) *)\) 

Debuggex Demo

Answer 7

Io uso questo: rgb\(\s*(?:(?:\d{1,2}|1\d\d|2(?:[0-4]\d|5[0-5]))\s*,?){3}\)$

• prefisso è rgb

• alla fine abbiamo {3} che significa che sarà assegni condizioni dal basso 3 volte

• \d{1,2} se valore all'interno hanno solo 1 o 2 simboli - verificare se vi sono cifre

• 1\d\d se valore all'interno ha 3 cifre e primo è uguale a 1 e resto di loro sono cifre

• 2(?:[0-4]\d|5[0-5]) se il valore all'interno ha 3 cifre e primo è uguale a 2 poi
  • ?:[0-4]\d se secondo simbolo è nella gamma di 0-4 il terzo dovrebbe qualsiasi cifra
  • 5[0-5] se secondo simbolo è uguale a 5 poi terzo simbolo dovrebbe essere cifre da serie 0-5