Регулярное выражение Javascript для значений RGB

Вот пример кода, который должен делать примерно то, что вам нужно, или направлять вас в правильном направлении:

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

Вы можете увидеть это в действии здесь: https://jsfiddle.net/xonev/dRk8d/

Я придумал этот "^(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

Попробуйте это регулярное выражение:

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

Он зафиксирует значение r в 1 доллар, значение g в 2 доллара и значение b в 3 доллара.

Если строка является допустимой в формате rgb, разбор чисел сводится к сопоставлению цифр:

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

Попробуй это. Регулярное выражение в диапазоне от 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]) *)\)

Демонстрация отладки

Я использую этот: rgb\(\s*(?:(?:\d{1,2}|1\d\d|2(?:[0-4]\d|5[0-5]))\s*,?){3}\)$

• префикс rgb

• в конце имеем {3} значит будем проверять условия снизу 3 раза

• \d{1,2} если значение внутри имеет только 1 или 2 символа - проверить, есть ли цифры

• 1\d\d если значение внутри имеет 3 цифры и первая равна 1 а остальные цифры

• 2(?:[0-4]\d|5[0-5]) if value inside have 3 digits and first one is equals to 2 then
  • ?:[0-4]\d if second symbol is in range of 0-4 the third one should any digit
  • 5[0-5] если второй символ равен 5 то третий символ должен быть цифрой из диапазона 0-5

function rgb(value) {
  if (typeof value !== 'string') {
    return false;
  }

  return value.match(new RegExp('^rgb\\((25[0-5]|2[0-4][0-9]|1[0-9]?[0-9]?|[1-9][0-9]?|[0-9]), ?(25[0-5]|2[0-4][0-9]|1[0-9]?[0-9]?|[1-9][0-9]?|[0-9]), ?(25[0-5]|2[0-4][0-9]|1[0-9]?[0-9]?|[1-9][0-9]?|[0-9])\\)$')) !== null;
}

function rgba(value) {
  if (typeof value !== 'string') {
    return false;
  }

  return value.match(new RegExp('^rgba\\((25[0-5]|2[0-4][0-9]|1[0-9]?[0-9]?|[1-9][0-9]?|[0-9]), ?(25[0-5]|2[0-4][0-9]|1[0-9]?[0-9]?|[1-9][0-9]?|[0-9]), ?(25[0-5]|2[0-4][0-9]|1[0-9]?[0-9]?|[1-9][0-9]?|[0-9]), ?(1|0|0\.[0-9]+)\\)$')) !== null;
}

Примеры:

'rgb(255,255,255)' // true
'rgb(255, 255,255)' // true
'rgb(255, 255, 255)' // true
'rgb(0,0,0)' // true
'rgb(255,255,255)' // true
'rgb(256,255,255)' // false, min: 0, max: 255
'rgb(01,1,1)' // false, zero is not accepted on the left, except when the value was exactly 0 (here 0 != 00)

^(\\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])$ 

формат x;x;x, где x — число от 0 (включительно) до 255 (включено)

Машинописное решение:

interface RGB {
  r: number,
  g: number,
  b: number
}

const str2rgb = (color: string): RGB => {
  const rgbSubset = color
    .split('(')
    .pop()
    ?.split(')')
    .shift()
    ?.split(',')
    .slice(0, 3)
    .map(Number);

  if (rgbSubset && rgbSubset.length === 3) {
    const [r, g, b] = rgbSubset;
    return {r, g, b};
  }

  throw new Error(`Invalid color = ${color}`);
};