用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

@木TONG同?:配色是設計師永恒的話題,之前神器小分隊也給設計師們推薦了很多關于配色的神器網(wǎng)站,但網(wǎng)站每次都要去收藏夾里找出來用,有時候實在是不方便。

今天神器小分隊就來為大家推薦一款瀏覽器的配色插件——Color by Fardos,輕便簡潔,用完即走。

Color by Fardos

插件鏈接:https://chrome.google.com/webstore/detail/color-by-fardos/iibpgpkhpfggipbacjfeijkloidhmiei/related(搭梯子訪問)

平時它就在瀏覽器的右上角靜靜躺著,只要你需要,隨時打開就能用,不用在急需的時候思考到底該打開哪一個配色網(wǎng)站了。

首先,安裝插件,然后它就出現(xiàn)在你的插件欄里。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

功能一:主題色配色搜索

點開它,就是它第一個功能——支持顏色搜索。

(建議同學們不要用 Q郵箱進行注冊,密碼要滿足至少1個大寫字母,1個小寫字母,1個數(shù)字,且在7個字符以上)

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

隨便輸入一個你想找的主題色,就能搜索出相關的同類色配色以及其他配色方案。

它也會根據(jù)你所選的顏色搭配出它的互補色、相鄰色、三色調以及四色調。可真是設計師心目中的白月光配色了。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

不僅如此,隨便點一個界面上所顯示的顏色,它就會自動為你調整配色,在線實時預覽。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

功能二:自定義主題色匹配配色方案

它不僅僅有顏色搜索功能,還有它的自定義顏色功能。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

點擊這個調色板,就可以進入到顏色面板界面,可以隨意調整顏色,選取色值,還可以與顏色搜索功能形成聯(lián)動。真的是超級實用便捷呢。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

另外你還可以根據(jù)你所選定的顏色,在搜索功能里面直接復制色值。哪里想復制點哪里,甲方爸爸再也不用擔心我的設計了。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

作為一個白月光配色插件,它的功能當然不僅于此。

最讓設計師們頭疼的漸變配色,它同樣可以輕松解決。

功能三:漸變配色

點擊這里,就可以進入到漸變界面。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

非常多又好看的配色可以任君挑選。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

如果你看上了哪個配色,還能直接復制 css代碼,也可以點擊中間的 SAVE 進入到搜索顏色的界面。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

或者點擊最左邊的注意圖標,都可以查看這個漸變顏色中的所有顏色色值,每一個顏色都是支持復制的。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

還有,點擊右上角的 Create,就可以自定義編輯顏色了。

在編輯顏色的界面,可以看到它能自定義調整漸變角度、漸變方式、變換色值,同樣也是支持復制 CSS代碼的。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

最后,這個神器還有一個功能,那就是屏幕取色。

功能四:屏幕取色,匹配配色方案

點一下這里,就進入了屏幕取色的界面。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

你的鼠標可以在網(wǎng)頁上隨意游走,想取哪里的顏色都可以。比如,我們來取一個美丫姐的鼻孔吧。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

一個怎么能夠?當然要多多益善。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

點擊保存退出,顏色就會保存到色盤里,你就能點擊搜索相關配色方案了。

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

Color by Fardos 的界面簡單易懂,免去網(wǎng)頁加載,使用方便,配色豐富,還支持網(wǎng)頁取色。簡直是設計師不容錯過的配色神器

想要了解更多的設計神器,可以關注?@你丫才美工?美丫姐

歡迎同學們關注最充滿智(dou)慧(bi)的設計賬號:

用完即走!設計師必備的Chrome 瀏覽器配色/取色插件

「更多配色酷站盡在這里」

收藏 140
點贊 7

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。