Alwane 線上提取網站顏色工具,讓你網頁配色變得更加簡單!

Alwane 線上提取網站顏色工具,讓你網頁配色變得更加簡單!

製作網站設計的你,當你看到某個網站配色很不錯時,是否想將該網站的配色當作參考呢?那麼就讓 Alwane 線上提取網站顏色工具幫你把顏色找出來吧!Alwane 是一款能夠提取任何網站顏色的免費工具,可透過貼上網址或 CSS 代碼,Alwane 就能快速顯示該網站及 CSS 的所有配色,你也可以在網站中切換 CSS 或 SASS 代碼,並將配色組合保存下來,想直接複製 HEX 色碼來使用也是可以的喔!更多網頁配色工具,可參考這篇:Cheeky Palettes 網頁配色工具!

Alwane 網站使用介紹

Alwane 線上提取網站顏色工具,讓你網頁配色變得更加簡單!

進到 Alwane 網站後,可以直接在左上角紅色框框的位置輸入網址、CSS、HEX 代碼,再按下「extract colors」按鈕,就能在右側看到從中提取出的所有顏色。

Alwane 線上提取網站顏色工具,讓你網頁配色變得更加簡單!

若繼續往下滑,我們還可以看到更多不同色系所使用到的各種顏色,每個顏色都有提供 HEX 色碼讓你直接複製做使用。

Alwane 線上提取網站顏色工具,讓你網頁配色變得更加簡單!

你也可以將滑鼠移到顏色上方,點擊「x」移除顏色。

Alwane 線上提取網站顏色工具,讓你網頁配色變得更加簡單!

若整個色系你都不喜歡的話,可點開右上角的「…」,並點選「Delete」將整個色系刪除。

Alwane 線上提取網站顏色工具,讓你網頁配色變得更加簡單!

若你想要保存完整的 CSS 或 SASS 代碼,可點選網頁最上的「Code」後,便可在左側「Color Palette Code」中選擇 CSS 或 SASS 代碼,再點擊右側「copy」按鈕就能將你選的代碼複製下來囉!對於從事網頁設計的朋友,趕緊收下這款不錯的配色靈感小幫手吧!

Alwane:https://alwane.io/

有工具可以知道網站使用的所有配色碼嗎?Alwane 線上提取網站顏色工具!

有工具可以知道網站使用的所有配色碼嗎?Alwane 線上提取網站顏色工具! 相關文章


參考內容推薦

19 個免費顏色搭配網站讓你的視覺設計不再猶豫!

2016年9月9日 — 對於不擅長視覺設計的人來說,免費的色彩配色網站就成了最好的工作助手。以下將介紹19 個配色工具,可以幫助我們更直覺、輕鬆挑選合適的配色方案。

黑白黑白剃。終於不是狗啃嫩 ::

TCDraftPost-104 相關文章 2009。澳門。之九【威尼斯人度假村飯店】房間篇 2009-09-22 2008奧運。羽球男單謝裕興晉級前八強! 2008-08-12 【羊吠吠的黑色。白色。黑色】改新網址囉 ...

配色單調怎麼辦?用這11個網站讓你的文案擁有「高級感」

2017年12月4日 — 色彩,在我們工作的時候是一種錦上添花的元素。無論你是做設計、製作PPT還是製作文案,一個優秀的配色總會讓你的作品別有一番韻味。

HTML Color Codes 全方位免費線上選色器,輕鬆獲取色彩代碼

對我來說,我在編輯網頁樣式表CSS 時才會找顏色,通常會從一些網站配色服務尋找看起來合適且舒服的色碼,顏色雖然看似不多,但相差一些些就可能有完全不同的感覺,例如前幾 ...

Picalette 以你的心情、想法產生色彩建議,更有趣的調色盤產生器

Picalette 是一個很有趣的線上顏色產生器,將思緒、想法或關鍵字輸入後就會產生 20 多種相關顏色,包含設定色彩會用到的 HEX 色碼,Picalette 讓使用者知道原來這樣的詞彙還能聯想到特定色彩,有助於在尋找顏色時找出更適合的選擇。 ...

讓效率「爆表」的40個資料視覺化工具,總有一款適合你! | 帆軟軟件

2021/10/26 · Processing的姐妹站點,Processing.js這個工具可以處理複雜的資料視覺化、圖形、圖表或是其他視覺效果,並是網頁可用的形式,並不需要任何擴充套件程式或外掛。這就意味著你可以運用標準Processing語言寫程式碼並且插入到你的網站,而且Processing.js並不需要額外 ...

線上服務、實用工具 – 第 14 頁

2018/9/6 · Caricaturer.io 漫畫頭像線上繪製工具,可一次產出超過 60 種不同風格的漫畫作品! 「Alwane」輸入網址、CSS 代碼,輕鬆提取網站配色! 超可愛又療癒!「Meow Tower」玩數織拼圖幫貓貓買家具

提高參與度的最佳配色網站

2021/8/6 · 你的配色方案是否引發了你所期望的反應? 你是否發現自己被潛在的網站調色板的數量所淹沒? 每個人都有自己喜歡的顏色,當涉及到他們的工作或其他方面時,他們往往會傾向於這種顏色。 但是一個熟練的設計師明白根據品牌來評估一個顏色方案的重要性。 ...

線上工具 - 頁96,共188

Pictaculous 線上相片色彩分析工具,上傳圖片立即轉換色碼 2015-02-17 偶爾我們會需要分析、找出某張圖片所使用的顏色分布,這可能會被用於設計或製作圖片使用,如果手邊正巧沒有合適的軟體,有沒有更快、更簡單的的方法來搜尋出某張圖片的配色呢? ...

挑選圖片上的顏色,線上擷取色彩,色碼查詢(RGB,HEX,CMYK)

你想知道圖片上是那個顏色嗎? 這是一個圖像色彩工具, 可以幫助我們確定圖片中的顏色色碼, 支持HEX色碼,RGB色碼 ... 如果使用網址上傳失敗,請改用本機上傳。