您可以使用以下方法：

var elements = document.querySelectorAll('*');
var element;
var i, len = elements.length;
for (var i=0; i<len; ++i) {
    element = elements[i];
    if(element.style.cssText.indexOf('color:#8C4510') > -1) {
        element.style.color = '#CCCCCC';
    }
}

或

if(element.style.cssText.indexOf('color: rgb(140, 69, 16)') > -1) {
    element.style.color = '#CCCCCC';
}

但这对你来说可能会很慢，所以如果你准备好付出这个代价，就好好决定吧。

你可以使用jQuery来轻松地完成这个任务，然后你可以使用类似下面的代码来处理类：

$('#idOfMyElement').addClass('myClassName');

或

$('#idOfMyElement').removeClass('myClassName');

如果您希望它们是可切换的：

$('#idOfMyElement').toggleClass('myClassName');

你需要在你的html中导入jQuery库来使用它，当然没有jQuery也可以这样做，但是我总是发现使用jQuery要容易得多，特别是它是一个如此普及的库。
这也要求你使用css类，这是你为了保持代码的可读性和可维护性而必须做的事情。

你可以同时使用HTML DOM querySelectorAll() Method和CSS [attribute*=value] Selector来拾取元素。然后用("object").style.attribute = "new value";设置一个新的值。下面的例子有一个tr，粉红色和黑色，但是javascript已经把它的颜色改为黄色+红色。第一个紫色/白色tr仍然没有改变。

var x = document.querySelectorAll("tr[style*='color:pink']");
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.color = "red";
}

var y = document.querySelectorAll("tr[style*='background-color:black']");
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "yellow";
}

<table><tr style="color:white;background-color:purple;"><td><h1>text</h1></td></tr></table>

<table><tr style="color:pink;background-color:black;"><td><h1>text</h1></td></tr></table>

在您的问题中，您特别谈到了如何查找和替换设置为内联样式的颜色。
首先，我将添加有关最佳实践的强制性关注：您不应该使用内联样式。如果您使用的平台使用内联样式，您可能需要验证它是否在最新版本上，并积极维护，因为我们现在生活在2016年，特别是“平台”不应该在演示文稿中有发言权。它可能会提供建议和（适当的）默认值，什至通过具有高特异性选择器而使其难以覆盖，但是内联样式只能被其他内联样式覆盖，这就是为什么这是一种不好的做法。
好了，现在我们已经讨论过了，我知道你有问题，需要解决。
因为内联样式是使用属性设置的，所以我们可以使用属性选择器来挑选我们需要查看的元素。

[style*="#8C4510"]

为了选择与之匹配的元素，您有几个选项，例如 vanilla javascript：

var elements = document.querySelectorAll('[style*="#8C4510"]'),
    length, i;

for (i = 0, length = elements.length; i < length; ++i) {
    elements[i].style.color = '#ccc';
}

或者，您可以使用 jQuery：

$('[style*="#8C4510"]').css('color', '#ccc');

现在，这里有几个问题，因为最终您将需要评估color或background-color是否匹配。

if (elements[i].style.color === '#8C4510')

结果发现部分/所有浏览器实际上已经将该值更改为该颜色的另一种表示形式（例如rgb(...)变体），这显然不匹配。在这种情况下，您最好获取原始属性值和正则表达式

var style = elements[i].getAttribute('style'),
  pattern = /(\b(?:background-)?color):\s*(#[0-9a-f]+)/gi,
  match, prop;

while ((match = pattern.exec(style))) {
  prop = match[1].replace(/-([a-z])/g, function(m, s) {
    return s.toUpperCase();
  });

  if (prop && match[2] === '#8C4510') {
    elements[i].style[prop] = '#ccc';
  }
}

（由于我很懒，也不是jQuery的特别爱好者，所以我将跳过演示这种方法的jQuery等价物）