Соответствие значениям цвета CSS RGB

Question

У меня проблема с куском кода JS. Предполагается найти все вхождения значений цветов CSS (colorNames, #FFFFFF, , RGB, transparent) из данной декларации стиля и заменить их на элемент span, за которым следует сам матч.

Ну, все кажется хорошо, за исключением RGB(), которые пропали уже весь мой день.

Небольшая презентация и код можно найти на jsFiddle. И здесь у нас есть предварительный просмотр с моими проблемными элементами.

Спасибо за ваше время и интерес!

Answer 1

Следующие должны обрабатывать любые допустимые rgb или rgba значения

var regex = new RegExp(
    "rgb\\((?:(?:\\s*\\d+\\s*,){2}\\s*\\d+|" + 
    "(?:\\s*\\d+(?:\\.\\d+)?%\\s*,){2}\\s*\\d+(?:\\.\\d+)?%)\\s*\\)|" + 
    "rgba\\((?:(?:\\s*\\d+\\s*,){3}|" + 
    "(?:\\s*\\d+(?:\\.\\d+)?%\\s*,){3})\\s*\\d+(?:\\.\\d+)?\\s*\\)", "gi" 
); 

См FIDDLE.

Answer 2

Функция rgb не поддерживает альфа-аргумент (rgba does). Кроме того, ваши регулярные выражения, соответствующие этим функциям, не работают. Я должен признать, что слишком много боли, чтобы отлаживать все эти регулярные выражения, чтобы соответствовать только одному, поэтому мы постараемся сделать только один. Try (не любая проверка значений):

/(rgb\((?:\s*\d{1,3}\s*%?\s*,?\s*){3}\))/gi 

Result.

Edit:
Если вы хотите проверить свои ценности, мы затруднит немного больше это регулярное выражение.