如何在Edge、Chrome和Firefox中改变网站背景颜色

ChromeEdgeSafari和Firefox令人惊讶地缺乏改变网站背景颜色的选项。这是一个遗憾,因为在有奇怪配色方案的网站上修改背景颜色的选项对于使文本和页面内容更清晰很有帮助。

然而,你不必依赖网页设计师在其网站上实施良好的色彩方案。你可以自己用一些浏览器扩展来改变网站的背景颜色。这就是你如何用三个可供选择的Chrome、Edge和Firefox扩展来定制网站的背景颜色。

如何用Stylebot改变网站的背景颜色

Stylebot是Chrome、Firefox和Edge的最佳网站颜色定制扩展之一。这个扩展使你能够定制网页的背景和文本颜色,以创造新的风格。你可以通过它的众多设置和功能将最佳的网站设计色彩趋势应用于网站。此外,Stylebot还能让你用该扩展自定义网站上的文字。

要在你的浏览器中添加这个扩展,请打开下面链接的Chrome、Firefox或Edge的Stylebot下载页面。点击该扩展下载页面上的获取或添加按钮,将其添加到你的浏览器中。要将该插件固定在Chrome浏览器的工具栏上,点击扩展程序按钮,右键点击Stylebot,然后选择固定。

现在,通过打开一个YouTube视频页面来试试这个扩展。点击工具栏上的Stylebot按钮,并选择打开Stylebot选项。然后将光标移到页面的左上方,使页面的全部(或大部分)都被高亮显示,然后点击鼠标按钮,选择该背景元素。

选定主要的背景元素后,点击Stylebot侧边栏中的背景框。然后在调色板上选择一种颜色。网站上选定的背景元素将改变为你所选择的颜色。

关于Stylebot,需要注意的是,它可以让你改变不同页面元素区域的背景颜色。所以,你可能需要改变一些元素,以便在一些网站的页面上获得一致的背景颜色。要选择另一个元素,你需要点击侧边栏上的 "选择页面中的一个元素 "来为其设计样式。

你可以通过按 "选择一个元素 "按钮,点击页面上的一个段落来定制网站上的文字。然后点击文本框,将不同的颜色应用于选择。点击侧边栏中的 "文本",就会出现更多的定制选项。你可以通过在字体、大小和风格选项中选择替代选项来改变文本。

Stylebot有一个热键,用于切换你已经应用的页面风格的关闭和重新开启。按Alt + Shift + T热键来关闭/开启风格。你也可以点击Stylebot工具栏上的按钮,然后点击一个网站的切换开关来关闭/打开样式。

你可以通过点击扩展的按钮并选择选项来删除样式。要做到这一点,请点击Stylebot标签左边的样式。然后为你想删除的样式选择删除。

Stylebot还集成了一个CSS编辑器,使用户能够用代码修改网站的色彩方案。你可以通过点击Stylebot侧边栏底部的代码按钮来访问它。

关于如何利用Stylebot的进一步细节,请查看该扩展的手册。你可以通过点击Stylebot标签上的帮助来查看其说明。该帮助标签提供了该扩展的功能和键盘快捷键的概述。

Download: Stylebot forGoogle Chrome|Firefox|Edge(免费)

如何用Colour Changer改变网站的背景颜色

Colour Changer是一个比Stylebot更简单的扩展,你可以用它来改变网页的背景和文字颜色。然而,有一点需要注意的是,这个扩展并不保存应用于网站的颜色变化。尽管如此,它仍然可以在改变你不经常访问的网页上的笨拙的颜色方案时派上用场。

你可以从本节末尾链接的页面将Colour Changer添加到Chrome和Edge。安装扩展后,打开一个网站试试。然后点击Colour Changer按钮和Background选项;拖动Red、Green和Blue条上的滑块来改变页面的背景颜色。

你可以用同样的方法改变页面上的文本颜色。点击字体按钮,会出现文字的RGB条。然后拖动这些条上的滑块来修改页面上的文本颜色。

Download: Colour Changer forGoogle Chrome|Edge(免费)

如何用Color Changer改变网站的背景颜色

Color Changer是Firefox和Chrome的一个扩展(也可用于Edge),用于改变网站的背景、文本和链接颜色。这个插件是另一个比Stylebot更直接的利用方式,因为它可以让你改变网站的背景颜色,而不需要选择页面元素。因此,一些用户可能更喜欢Color Changer的更直接的简单性。

点击下面为你的浏览器提供的Color Changer链接,从它的某个下载页面安装这个扩展。然后,你会在浏览器的工具栏或扩展功能菜单上看到Color Changer按钮。如果它在扩展程序菜单上,选择将该扩展程序固定在工具栏上。

在浏览器中打开Google.com搜索引擎,它有一个纯白色的背景,是尝试Color Changer的理想选择。点击Color Changer按钮,查看该扩展的选项。按下背景颜色按钮。然后选择其调色板上的一种颜色,应用于背景。拖动栏的滑块来调整颜色的对比度/亮度水平。

要尝试一下改变文本和链接颜色的选项,在谷歌搜索框中输入一个关键词,然后点击搜索。然后,你会在搜索结果中看到大量的链接和文本,可以应用颜色的改变。你可以通过点击文本或链接颜色选项来改变它们的颜色,与背景的颜色基本相同。

Color Changer会保存你对网站所作的修改。如果你想恢复网站的原始配色方案,在网站上打开一个页面,取消选择 "改变颜色 "框。或者你可以点击扩展程序的重置按钮。

Download: Color Changer forGoogle Chrome|Edge|Firefox (免费)

在Chrome、Firefox和Edge中为网站应用更好的背景颜色

并非所有网站都有最理想的背景和文本颜色方案。现在,你可以通过本指南中的扩展程序改变网站的背景和文字颜色,纠正在Chrome、Firefox和Edge中打开的网站的颜色冲突。

Stylebot是这三个扩展中最先进的,但用其他扩展应用完整的背景和文本颜色变化要容易一些。

THE END