Color by Fardos是一款可以对网页颜色进行多功能操作的浏览器插件,包括对页面颜色的提取、相似颜色的查找、渐变颜色的构建等
插件简介
从网站选择颜色,保存颜色和渐变,获得匹配的色调和色调并创建漂亮的渐变。
插件安装
方法一:.crx文件格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/
3.找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。
4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示。
5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去,安装成功以后该插件会立即显示在浏览器右上角(如果有插件按钮的话),如果没有插件按钮的话,用户还可以通过Chrome扩展管理器找到已经安装的插件。
方法二:文件夹格式插件安装
1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。
2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。
3.勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。
注意:最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照这篇文章即可解决
插件功能介绍
✅ 从任何站点选择颜色并保存多种颜色(使用缩放技术)Cmd/Ctrl + Shift + e
✅ 保存您最喜欢的颜色和渐变,单击任何颜色并将其十六进制保存到您的剪贴板
✅ 查找任何颜色的色调、色调、互补色和其他颜色组合
✅ 在多个 Chrome 浏览器之间同步您的颜色
✅ 创建无限停止的线性或径向渐变
✅ 浏览数百个漂亮的渐变,在需要时编辑、保存和复制它的 CSS
✅ 从您创建的任何渐变中获取调色板
插件使用说明
有 4 种不同的内置工具,包括颜色选择器,可帮助您完成设计之旅。
第一个工具是颜色选择器。我们的颜色选择器使用缩放技术,可以准确地为您提供最接近您悬停位置的颜色。您可以通过右键单击页面或 Cmd/Ctrl + Shift + e 来访问颜色选择器。我们确保挑选颜色的体验是流畅、快速和高效的。当您在任何网站上选择颜色时,我们会从该网站生成一张图片,并精确定位光标的确切位置以找到该颜色。从任何站点选择尽可能多的颜色,单击保存并退出,它们会自动添加到您的整体保存中。很难找到优秀的颜色选择器,这就是为什么我们增加了无数小时以确保我们的颜色选择器是最好的。我们的颜色选择器是最准确、最快的,我们保证您将获得最佳体验。我们以轻松的心态创建了颜色选择器。我们的颜色选择器可确保您选择的每种颜色都与该颜色完全一致,或者至少是与其最接近的颜色。考虑到这一点,我们的颜色选择器非常快速,无论您将鼠标悬停在何处,它都会计算该颜色的十六进制。
第二个工具是颜色搜索。在开发此功能时,我们考虑了我们的个人经验,发现找到相互匹配的颜色是最困难的事情之一。我们会去很多网站来寻找我们想要的东西。我们浪费了很多时间只是为了获得可以协同工作的颜色。如果您是设计师或开发人员,您就会知道我们在说什么。借助 Fardos 的 Color,现在只需几秒钟即可获得匹配的颜色组合,如阴影、色调、互补色、三元色、类似色、拆分互补色和四元色。在任何颜色中,都会出现大量新的相似颜色,它们可以完美地协同工作,所有这些都内置在一个扩展中。在您选择的任何颜色中,您现在都可以保存这些颜色,这样无论您走到哪里,它们都会随身携带。我们确保这是一个功能,因为每个人都知道试图找到他们以前使用的颜色的痛苦。在任何 Google Chrome 浏览器上访问这些颜色都非常简单。
第三个工具是颜色选择器。我们用黑色主题设计了颜色选择器,因为我们希望在尝试选择完美颜色时消除任何干扰。每当您更改颜色时,它会自动更改整个扩展中的选定颜色。因此,如果您从白色更改为黑色并转到颜色搜索,则该颜色现在为黑色。这允许在整个扩展中获得更流畅的体验。
第四个工具是渐变。渐变对于编码来说非常痛苦。找到完美的颜色混合很大程度上决定了哪些有效,哪些无效。我们确保我们的梯度构建器考虑到了这一点。使用我们的渐变构建器,每个渐变都可以精美地组合和生成。添加尽可能多的停靠点,使用您保存的颜色来制作漂亮的东西,选择是线性还是径向,最重要的是,保存它们以便您可以随时使用它们。创建该渐变后,您所要做的就是单击复制 CSS,然后就设置好了。如果您错过了颜色之间的逗号,就不用再麻烦了。
每个渐变都带有一个生成的调色板。无论您是创建自己的渐变,都可以选择我们的渐变之一,调色板可帮助您找到完美的可混合颜色。只需单击即可复制颜色并开始在您的设计中使用它们。

扫码关注公众号,发【识别码】获取