<small id="nvnkc"><optgroup id="nvnkc"><sub id="nvnkc"></sub></optgroup></small>

<th id="nvnkc"><div id="nvnkc"></div></th>
  • <noscript id="nvnkc"><nobr id="nvnkc"><address id="nvnkc"></address></nobr></noscript>

  • <code id="nvnkc"><var id="nvnkc"></var></code><tbody id="nvnkc"><listing id="nvnkc"><nav id="nvnkc"></nav></listing></tbody>

    Color by Fardos - 配色/取色插件

    發布時間: 編輯:RILL 0人評論 15653次瀏覽 Chrome開發者工具插件
    直達下載
    摘要 : Color by Fardos是一款設計師必備的Chrome 瀏覽器配色/取色插件。

    Color by Fardos開發背景

    設計師的工作離不開顏色,而且經常會遇到需要取到網頁某個部分的顏色,之前我們chrome插件網介紹了ColorPick:網頁顏色選擇器ColorZilla插件。配色就更不用說了,那是設計師永恒的話題,而最讓設計師們頭疼的漸變配色,也有顏色漸變插件。今天為大家推薦一款瀏覽器插件Color by Fardos,不僅可以網頁取色,最主要的是它的配色功能強大,還支持漸變配色,頁面簡潔使用方便,設計師必備哦!

    Color by Fardos簡介

    Color by Fardos是Chrome瀏覽器取色配色插件。你可以從網頁或調色板選取并保存顏色,獲得相應的配色方案。最讓設計師們頭疼的漸變配色,它同樣可以輕松解決,豐富的可選擇的漸變配色以及支持自定義漸變配色。

    Color by Fardos的功能:

    1、主題色配色搜索
    隨便輸入一個你想找的主題色,就能搜索出相關的同類色配色以及其他配色方案。它也會根據你所選的顏色搭配出它的互補色、相鄰色、三色調以及四色調。可真是設計師心目中的白月光配色了。不僅如此,隨便點一個界面上所顯示的顏色,它就會自動為你調整配色,在線實時預覽。
    Color by Fardos的功能
    2、自定義主題色匹配配色方案
    點擊調色板,就可以進入到顏色面板界面,可以隨意調整顏色,選取色值,還可以與顏色搜索功能形成聯動。另外你還可以根據你所選定的顏色,在搜索功能里面直接復制色值。
    Color by Fardos的功能
    3、漸變配色
    漸變界面有非常多又好看的配色可以挑選。如果你看上了哪個配色,還能直接復制 css代碼,搜索顏色以及查看這個漸變顏色中的所有顏色色值,每一個顏色都是支持復制的。
    還可以自定義編輯顏色了。在編輯顏色的界面,可以看到它能自定義調整漸變角度、漸變方式、變換色值,同樣也是支持復制 CSS代碼的。
    Color by Fardos的功能
    4、屏幕取色,匹配配色方案
    進入屏幕取色界面,你的鼠標可以在網頁上隨意游走,想取哪里的顏色都可以。保存之后顏色就會保存到色盤里,你就能點擊搜索相關配色方案了。
    Color by Fardos的功能

    Color by Fardos使用方法

    本站下載Color by Fardos的crx文件后,打開Chrome的擴展頁面(chrome:// extensions /或按Chrome菜單圖標>更多工具>擴展程序查找),然后拖放 crx文件到擴展頁面安裝它;如果你安裝失敗可以參考【終極指南】圖文詳解Chrome插件離線安裝方法。點擊“添加拓展程序”完成安裝。

    Color by Fardos使用方法-安裝

    安裝之后點擊擴展圖標,頁面如下,首先需要注冊才能保存顏色等,建議不要用 Q郵箱進行注冊,密碼要滿足至少1個大寫字母、1個小寫字母、1個數字、且在7個字符以上。
    在右下角中有4個工具,依次是滴管器、漸變器、拾色器,以及顏色搜索。下面詳細介紹使用方法。

    Color by Fardos使用方法

    1、如上圖所示,頁面中間就是它第一個功能——支持顏色搜索。隨便輸入一個你想找的主題色,就能搜索出相關的同類色配色以及其他配色方案。它也會根據你所選的顏色搭配出它的互補色、相鄰色、三色調以及四色調。不僅如此,隨便點一個界面上所顯示的顏色,它就會自動為你調整配色,在線實時預覽。
    Color by Fardos使用方法
    2、自定義主題色匹配配色方案
    Color by Fardos使用方法
    點擊這個調色板,就可以進入到顏色面板界面,可以隨意調整顏色,選取色值,還可以與顏色搜索功能形成聯動,真的是超級實用便捷。另外你還可以根據你所選定的顏色,在搜索功能里面直接復制色值,哪里想復制點哪里。
    Color by Fardos使用方法
    3、點擊Gradients工具,就可以進入到漸變界面。非常多又好看的配色可以挑選。

    Color by Fardos使用方法
    如果你看上了哪個配色,還能直接復制 css代碼,也可以點擊中間的 SAVE 進入到搜索顏色的界面。或者點擊最左邊的i圖標,都可以查看這個漸變顏色中的所有顏色色值,每一個顏色都是支持復制的。

    Color by Fardos使用方法

    還有,點擊右上角的 Create,就可以自定義編輯顏色了。在編輯顏色的界面,可以看到它能自定義調整漸變角度、漸變方式、變換色值,同樣也是支持復制 CSS代碼的。
    Color by Fardos使用方法
    4、點工具欄的Eye Dropper,就進入了屏幕取色的界面。
    Color by Fardos使用方法
    你的鼠標可以在網頁上隨意游走,想取哪里的顏色都可以。
    Color by Fardos使用方法

    一個怎么能夠?當然要多多益善。點擊保存退出,顏色就會保存到色盤里,你就能點擊搜索相關配色方案了。

    Color by Fardos使用方法

    Color by Fardos 的界面簡單,使用方便,支持網頁取色、配色豐富,還有漸變色,簡直是設計師不容錯過的配色神器。

    查看更多

    Color by Fardos - 配色/取色插件下載地址

    點擊下載Color by Fardos - 配色/取色插件

    轉載必須注明來自: Chrome插件 ? Color by Fardos - 配色/取色插件

    顏色漸變

    顏色漸變

    0 人評論 12565 次人瀏覽 4.0分 4.0 分
    顏色漸變是一款可以使用任意兩種顏色快速創建出漸變色的谷歌瀏覽器插件。
    ColorZilla

    ColorZilla

    0 人評論 18202 次人瀏覽 4.4分 4.4 分
    ColorZilla是一款適用于Google Chrome的擴展程序,它能提取網頁色彩,快速調節顏色,可協助網站開發人員和平面設計師處理基本和高級顏色相關的任務,可以稱之為chrome顏色吸取插件。
    顏色增強工具(Color Enhancer)

    顏色增強工具(Color Enhancer)

    0 人評論 6489 次人瀏覽 4.0分 4.0 分
    顏色增強工具(Color Enhancer)是一種可自定義的顏色濾鏡,可應用于網頁以增強顏色的辨識度的谷歌官方瀏覽器插件。
    CSSPeeper

    CSSPeeper

    0 人評論 13250 次人瀏覽 4.0分 4.0 分
    CSSPeeper是一款專為設計師量身打造的可視覺化網站CSS樣式表檢查插件。
    av看片免费观看网址
    評論:(0)

    已有 0 位網友發表了一針見血的評論,你還等什么?

    ?