close
 

alwane.io是個好用的網站,只要輸入網址,即可快速擷取該站的顏色,並且可以選取自己想要的顏色,分享色票給朋友,也能直接生成CSS/SASS,相當方便,以下說明網站的操作方式。

一、輸入網址、點擊extract colors:

在網站左上角的WebSite中輸入網站的網址,大約等三秒鐘(視網站大小而定)即可在旁邊看到該站使用的顏色,可以利用左方的Group、Sort來調整排列方式。

https://alwane.io/ 截圖,福利熊後製
【Alwane】取得網頁色碼,可分享色票、自動生成CSS/S
 

二、點選或刪除不要的顏色,按下Click to Filter

點選你想要的顏色或按色票右上角的叉叉來刪除色票。

https://alwane.io/ 截圖,福利熊後製
【Alwane】取得網頁色碼,可分享色票、自動生成CSS/S
 

三、檢視所選取的顏色

承上圖,按下Click to Filter後可以看到你所選取的顏色。

【Alwane】取得網頁色碼,可分享色票、自動生成CSS/S
 

四、按下Generate可分享色票給朋友

承上圖,按下右上角的Generate就可以產生色票連結,可以分享給朋友。

https://alwane.io/ 截圖,福利熊後製
【Alwane】取得網頁色碼,可分享色票、自動生成CSS/S
 

五、按下{}Code可以產生色碼

呈上上圖,按下{}Code可以產生色碼,還自動生成了變數名稱,這點對網頁設計人員而言相當方便。

https://alwane.io/ 截圖,福利熊後製
【Alwane】取得網頁色碼,可分享色票、自動生成CSS/S
 

以上就是簡單的說明,對於想了解網頁配色的朋友應該很方便,希望大家會喜歡今天的分享。福利熊也分享過其他好用的設計工具,有興趣的話可以看看喔!

網站資訊

網站名稱:alwane

 

網 址:https://alwane.io/

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 ivy 的頭像
    ivy

    藍 色 憂 鬱

    ivy 發表在 痞客邦 留言(0) 人氣()