用完即走!设计师必备的Chrome 浏览器配色/取色插件

Date 2026-04-20 14:32:52

用完即走!设计师必备的Chrome 浏览器配色/取色插件

@同样的木TONG :配色是设计师永恒的话题。之前神器团队也给设计师推荐了很多关于配色的神器网站,但是网站每次都要去收藏夹找出来用,有时候真的很不方便。

今天,神器团队将推荐浏览器配色插件——Color by Fardos,轻便简洁,用完就走。

Color by Fardos

插件链接:https://chrome.google.com/webstore/detail/color-by-fardos/iibpgpkhpfggipbacjfeijkloidhmiei/related(搭梯访问)

通常它静静地躺在浏览器的右上角,只要你需要它,你就可以随时打开它,而不必考虑在紧急情况下打开哪个颜色匹配网站。

首先,安装插件,然后它出现在你的插件栏中。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

功能1:主题色彩配色搜索

点击它是它的第一个功能——支持颜色搜索。

(建议学生不要用 Q邮箱注册,密码至少要满足一个大写字母,一个小写字母,一个数字,七个字符以上)

用完即走!设计师必备的Chrome 浏览器配色/取色插件

随意输入您想要找到的主题颜色,您可以搜索相关的类似颜色匹配和其他颜色匹配方案。

它还将根据您选择的颜色搭配其互补的颜色、相邻的颜色、三种颜色和四种颜色。这真的是设计师眼中的白色月光配色。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

不仅如此,只要点击界面上显示的颜色,它就会自动调整颜色匹配,并在线实时预览。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

功能2:自定义主题色匹配方案

它不仅具有色彩搜索功能,还具有自定义色彩功能。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

点击此调色板进入颜色面板界面,可随意调整颜色,选择颜色值,并与颜色搜索功能形成联动。它真的超级实用和方便。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

此外,您还可以根据您选择的颜色直接复制搜索功能中的颜色值。甲方的父亲不必担心我的设计,因为他想复制点在哪里。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

作为一个白月光配色插件,它的功能当然不止于此。

渐变配色最让设计师头疼,也很容易解决。

功能三:渐变配色

点击此处,即可进入渐变界面。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

你可以选择很多漂亮的配色。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

假如你喜欢哪种配色,也可以直接复制 css代码,也可以点击中间 SAVE 进入搜索颜色界面。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

用完即走!设计师必备的Chrome 浏览器配色/取色插件

或者点击左侧的注意图标,查看渐变颜色中的所有颜色值,每种颜色都支持复制。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

还有,点击右上角 Create,您可以自定义编辑颜色。

在编辑颜色的界面中,可以看到它可以定制和调整渐变角度、渐变模式和颜色值,也支持复制 CSS代码。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

最后,这个神器还有一个功能,那就是屏幕着色。

功能4:屏幕着色,配色方案

点击此处,进入屏幕采色界面。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

用完即走!设计师必备的Chrome 浏览器配色/取色插件

你的鼠标可以在网页上随意游走,你可以去任何你想要的颜色。例如,让我们取一个美丫姐的鼻孔。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

一个怎么可能?当然,越多越好。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

单击保存退出,颜色将保存在色盘中,您可以单击搜索相关的配色方案。

用完即走!设计师必备的Chrome 浏览器配色/取色插件

Color by Fardos 界面简单易懂,免网页加载,使用方便,配色丰富,还支持网页取色。它是设计师不容错过的配色神器。

想了解更多的设计神器,可以关注一下 @你丫才美工 美丫姐

欢迎同学们关注最充满智慧的人(dou)慧(bi)设计账号:

用完即走!设计师必备的Chrome 浏览器配色/取色插件

「这里有更多的配色酷站」

《色彩界的 Google!给关键词可以帮你找配色的Picular,“新手配色不用担心!用这个设计神器一键生成配色方案!”“懒得尝试配色方案,还有其他解决办法吗?(附常见搭配)“设计神器Paletable!让你成为配色国家选妃的君王!”