Site Palette
Chrome插件是一款優秀的網頁調色插件,對于前端開發者來說,網頁的色彩是一難題,有了這款插件就可以從網站獲取該頁面的基本顏色配色,一鍵產生完整調色盤,讓不懂程序的設計師也能進行網頁調色。
基本簡介
Site Palette的功能很簡單,從網站獲取該頁面的基本顏色配色,一鍵產生完整調色盤,是設計師和前端開發人員必備工具。尤其是經常碰到色彩問題,或是喜歡從其他網站來獲得色彩靈感,Site Palette 會相當有幫助。不僅如此,Site Palette還能將色彩頁面分享給好友,以及匯出完整色彩模版,可快速輸入你慣用的編輯器,包括 Sketch 或 Adobe Swatch。是不是很方便。
使用方法
Site Palette插件安裝成功后會在右上角出現一個Site Palette
按鈕,當要獲取頁面配色時只要點擊該圖示就會自動產生色彩資訊頁面。
用戶可以打開一個頁面后,點擊Site Palette
產生的色彩資訊頁面,包括左邊有一張網頁截圖,右邊則是主要色彩部分,會有 顏色預覽、色碼和色彩名稱等資訊。如下圖所示:
只需要點擊你要的色塊,就可以輕松復制其顏色代碼。
.另一個比較實用的功能就是Share This
Palette。可產生分享鏈接,因為chrome插件在產生色彩資訊時是直接顯示于瀏覽器中,如果要分享給其他人,必須產生鏈接才形,產生后就能復制底下網址讓其他人看到一樣的畫面。
Site Palette 可將看到的色碼快速匯出為 Sketch 或 Adobe 適用的格式,只要點選下方對應按鈕即可,除此之外,也能把顏色丟進
Google Palette 和 Coolors 服務來創造更多可能性。