選單

Stylify Me 快速獲取網站配色、字型等風格資訊

Stylify Me 快速取得網站配色、字型等風格資訊

設計網頁除了參考現有網站的排版、架構外,更需要的就是觀摩別人是怎麼配色、選擇字型,好的設計不但能讓整體網頁質感加分,還有助於讓訪客更容易了解網站動線,而不會在瀏覽時迷路。Stylify Me 是一個讓你快速獲取某個網站配色、字型設定的線上工具,只要輸入網址,即可分析出網頁使用的所有顏色配置,包括背景顏色、文字顏色、字型、字體大小等資訊。

網站名稱:Stylify Me
網站鏈結:https://stylifyme.com/

使用教學

Step 1

開啟 Stylify Me 後輸入要測試的網站網址,按下 Stylify Me 按鈕後,會隨即跳出該頁面使用的背景顏色、文字顏色色碼,如果你想知道某個網站使用的鏈結顏色,透過這項工具就能很輕易的找出來,而不用辛苦去開啟 CSS 來分析。

Stylify Me 快速取得網站配色、字型等風格資訊

Step 2

不僅如此,Stylify Me 還會顯示文字排版的相關細節,包括網站使用了那些字型、字體大小和顏色。將網頁往下拖曳,還能看到網站上的圖片、以及整個網頁的截圖(中文也能正常顯示喔!)。

Stylify Me 快速取得網站配色、字型等風格資訊

Step 3

Stylify Me 還有一個特別的功能,點選網頁上的 Download 還能將該頁面的資料匯出、保存成 PDF 文件格式,如果你想收集一些網站的配色、文字配置資訊,可以透過這項功能把資訊儲存下來。

Stylify Me 快速取得網站配色、字型等風格資訊

分享本文