6 个最佳颜色选择器 Chrome 扩展
已发表: 2022-03-24如果您是使用 Google Chrome 作为主要浏览器的设计师,那么您肯定需要 Chrome 的颜色选择器扩展。 你无法预测你会在哪里找到令人印象深刻的设计和调色板,对吧? 因此,为此目的的 Chrome 扩展程序将派上用场。 无论您身在何处,都可以简单地专注于颜色并复制其代码。
由于有成千上万的设计师和开发人员,因此用于挑选颜色的 Chrome 扩展并不稀缺。 但是随机扩展不会有帮助。 这就是我们为 Chrome 编制最佳颜色选择器扩展列表的原因。 在本文中,您可以找到六款供设计师使用的颜色选择器扩展工具。 在我们这样做之前,我们需要谈谈 Google Chrome 上的内置颜色选择器。
目录
- 如何在 Google Chrome 上使用内置颜色选择器?
- Chrome 的颜色选择器扩展列表
- 经常问的问题
- 结论
如何在 Google Chrome 上使用内置颜色选择器?
很多人不知道,但谷歌浏览器有一个内置的颜色选择器工具。 如果您不想使用第三方扩展,我们推荐此工具。 但是,我们应该警告您,这不是最用户友好的选项。 无论如何,这里是您如何在 Chrome 上使用内置颜色选择器的方法。
- 右键单击找到要选择的颜色的网页
- 从上下文菜单中选择“检查”选项。

- 现在,您将能够在 Chrome 上看到开发者选项。

- 在样式选项卡下,向下滚动,直到找到一个颜色框。

- 可以点击颜色框,出现颜色选择器界面
- 现在,您可以将颜色选择器移向您想知道的颜色

- 双击颜色,内置颜色会显示HEX值等详细信息
您可以复制此颜色代码或从菜单中选择不同的渐变。 如果您正在寻找颜色的 RGB 值,您也可以找到它们。 问题是:这个颜色选择器工具没有快捷方式。 这意味着您每次想要选择颜色时都必须启动开发者工具。 我们相信这对大多数人来说不是一个方便的选择。 这也是我们建议为此目的选择专用 Chrome 扩展程序的原因。
因此,我们为此编译选择了各种颜色选择器扩展。 其中一些文章提供了一些附加功能,而另一些则很少。 根据您的设计师,您可以做出正确的选择。
Chrome 的颜色选择器扩展列表
#1 ColorZilla
![]() | 综合评分: 9 /10
|
ColorZilla 可能是您今天可以获得的最好的 Chrome 颜色选择器扩展。 这个 Chrome 扩展程序拥有超过 300 万用户和 5 分中的 4.4 分,带来了两全其美的效果。 安装后,您可以在扩展栏上找到 ColorZilla 按钮。 您可以通过单击按钮找到几个选项 - 第一个选项称为从页面中选择颜色。 此选项将您的光标转换为颜色选择器,您可以单击要捕获的颜色。 稍后,ColorZilla 将显示颜色的十六进制值和 RGB 值。
包中还有其他功能。 例如,高级颜色选择器的工作方式类似于 Adobe Photoshop。 如果您的设计需要新的色彩创意,您还可以使用终极 CSS 渐变生成器。 我们还喜欢 ColorZilla 上的网页颜色分析器功能。 此功能只需单击一下即可为您提供网站的完整调色板。 ColorZilla 还会跟踪您选择的所有颜色。 因此,您可以随时查看历史记录以供参考。
总之,ColorZilla 功能丰富且稳定。 您可以使用它从网页中的几乎所有元素(包括 Flash 和 HTML5 播放器)中选择颜色。
#2 Fardos的颜色
![]() | 综合评分: 8.8 /10
|
Fardos 的 Color 是另一个 Chrome 扩展程序,在从网站挑选颜色时您可以信任它。 它包含您期望从颜色选择器扩展中获得的所有标准功能。 但是,与 ColorZilla 不同的是,Color by Fardos 扩展程序不会占用大量空间或资源。 另一方面,您可以享受一些有用的功能,例如多 Chrome 浏览器同步。 这意味着您使用 Chrome 浏览器选择的颜色也将在其他设备上可用。
Fardos 扩展的 Color 也可以自动执行一些操作。 例如,您不必复制所选颜色的 HEX。 每当您单击一种颜色时,它的 HEX 就会出现在您的剪贴板上。 多亏了成熟的颜色面板,可以轻松找到颜色渐变和互补组合。 您还可以使用来自网页的输入生成线性或径向渐变。 最后但并非最不重要的一点是,由于该工具使用缩放技术,您可以对颜色非常挑剔。
如果您需要一种更简单的 ColorZilla 替代品,我们推荐使用 Fardos 的 Color。 同时,它包含的功能比 Chrome 的内置颜色选择器要多得多。
#3 ColorPick 吸管
![]() | 综合评分: 8.6 /10
|
ColorPick Eyedropper 必须是从 Google Chrome 中挑选颜色的下一个最佳解决方案。 在功能和可用性方面,扩展采取了中间立场。 虽然它没有 ColorZilla 那么多的功能,但它也不像 Color by Fardos 那样简单。 超过 1,000,000 名用户使用此扩展程序,总评分为 4.3 分(满分 5 分)。使用此扩展程序也非常简单。 您可以单击扩展按钮来激活吸管。
然后,您只需选择要选择的颜色。 ColorPick 吸管会立即显示颜色的 RGB 和 HEX 值。 除了精确度之外,ColorPick Eyedropper 还包含可调节的缩放功能。 正如我们在其他应用程序中看到的那样,它可以从网页元素以及 Flash 和 HTML5 播放器中选择颜色。 当您单击特定颜色时,扩展程序也会扩展为成熟的调色板。
因此,如果您需要功能和其他选项的良好组合,您应该查看 ColorPick 吸管。 它不显示任何广告,完全免费。

#4 滴管
![]() | 综合评分: 8.6 /10
|
Eye Dropper 是 Google Chrome 的超简单颜色选择器扩展。 与我们在此处列出的其他扩展不同,Eye Dropper 不提供任何高级功能。 您可以启用扩展,单击要捕获的颜色,您将获得 HEX 和 RGB 值。 如果您需要一些参考资料,您还可以查看颜色历史记录。 尽管很简单,但滴管扩展程序也提供了自定义选项。 例如,您可以更改网页选择行为和用户界面。
#5 光滑的颜色选择器
![]() | 综合评分: 8.6 /10
|
Slick Color Picker 是您可以为 Google Chrome 找到的更好看的颜色选择器扩展之一。 与其他扩展不同,此扩展具有现代用户界面。 您也可以使用不同的方法选择颜色。 例如,您可以单击要选择的颜色或使用渐变滑块。 选择一个像素后,该工具会自动将信息复制到剪贴板。 它还具有一些自动化功能——比如从网页中检测颜色模式的能力。
#6 终极颜色选择器
![]() | 综合评分: 8.6 /10
|
我们以 Ultimate Color Picker 结束此列表,这是一个忠实于其名称的扩展。 在 Chrome 上,这个简单的扩展程序创建了一种有效的方式来选择颜色并找到它们的 RGB 值。 您还可以找到您在一段时间内选择的所有颜色的列表。 缩放功能和自动复制功能也非常适合大多数设计师。 Photoshop 风格的颜色选择器也会对专业人士派上用场。 最后但并非最不重要的一点是,Ultimate Color Picker 扩展带有一个内置的启动快捷方式。
经常问的问题

如何向 Chrome 添加颜色选择器?
您可以通过安装我们上面提到的颜色选择器 Chrome 扩展之一来向 Chrome 添加颜色选择器。 这些是从网页的不同部分选择颜色的最有效方法。
Chrome 有颜色选择器吗?
是的,谷歌浏览器有一个内置的颜色选择器。 您可以从开发人员选项中访问它,并且可以找到访问该工具的详细指南。 如果您不喜欢提供对第三方扩展的数据访问权限,您可以使用此工具。
如何使用 Chrome 的隐藏颜色选择器?
要在谷歌浏览器上使用隐藏的颜色选择器,您必须右键单击网页,选择检查,从样式菜单中找到一个颜色框,然后单击颜色框。 然后,颜色选择器将被激活,您可以从网页中选择任何颜色。
为什么 ColorZilla 需要“访问所有网站上的数据”的权限?
ColorZilla 需要这些权限,以便它可以从网站上的任何位置选择颜色。 但是,开发人员承诺他们不会出售或共享收集的数据。
底线
您不认为 Chrome 的第三方颜色选择器扩展比隐藏的颜色选择器工具更好吗? 好吧,我们有理由相信这一点。 我们还想补充一点,我们在这里提到的所有工具都是 100% 安全且对隐私友好的。 因此,您可以毫无顾虑地使用它们。






