用于rgb值的Javascript正则表达式

Question

我正在尝试获取rgb字符串的各个值.我一直在接近,但我只是撞墙了.我想做这样的事情:

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);

我只是想:

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

我正在尝试制作它,以便正则表达式可以采用1,2或3个数字,因为值从0到255.感谢您的帮助!

Answer 1

下面是一些示例代码,它们应该大致满足您的需要或为您设置正确的方向:

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]);
}

你可以在这里看到它:http://jsfiddle.net/xonev/dRk8d/

Answer 2

我想出了这个"^(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])\)?)$"可以验证一大堆字符串变体,包括:

• 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 3

试试这个正则表达式:

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

它将r值捕获为$ 1,将g值捕获为$ 2,将b值捕获为$ 3

Answer 4

给定一个字符串是有效的rgb,解析数字是一个匹配数字的问题:

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