Home 線上工具 Alwane 擷取網站網頁配色線上工具,輸入網址取得顏色色票色碼

Alwane 擷取網站網頁配色線上工具,輸入網址取得顏色色票色碼

by techrabbit
Alwane 擷取網站網頁配色線上工具
Alwane 擷取網站網頁配色線上工具

Alwane」是一款實用的網頁色彩擷取工具,能夠從特定網頁取得使用的顏色代碼或描述,並產生調色盤鏈結。這個工具適用於想分析或保存某個網站或品牌使用的顏色的使用者,對於設計師和開發者來說尤其方便。

如果你想知道某個網站的某個網頁,都使用哪些配色,Alwane 也能派上用場,輸入網頁網址之後,Alwane 就會給你該網頁的色票代碼給你,你就能自己複製貼上使用了。

Alwane 網站使用方法如下:

  • 訪問 Alwane 網站,然後在「Extract CSS Colors」輸入要擷取顏色的網址。
  • 系統預設從 HTML 和 CSS 樣式表取得顏色,也可在「Advanced」設定選項中選擇從 JavaScript 獲取顏色。
  • 擷取後的色彩結果會顯示顏色分布,包括顏色預覽、變數名稱和色碼(hex code)。
  • 可選擇為顏色重新分組、排序或切換 CSS、SASS 色碼。
  • 可切換調色盤或程式碼模式,快速複製所有 CSS 代碼到剪貼簿。
  • 可生成網站的配色、調色盤、CSS 等資訊的鏈結。

本篇文章會教學如何使用 Alwane 這個網站。

Alwane 擷取網站網頁配色線上工具

點擊下面網址,前往「Alwane 擷取網站網頁配色線上工具」。

▼進入 Alwane 官方網站之後,直接輸入你要分析網頁配色代碼的網址。

Alwane 擷取網站網頁配色線上工具,輸入網址取得顏色色票色碼

▼輸入網址之後,Alwane 會給很多組該網頁使用的色碼的建議,你則可以將這些色票代碼用在自己的網頁或其它地方。

Alwane 擷取網站網頁配色線上工具,輸入網址取得顏色色票色碼

▼點擊「{} Code」就能快速瀏覽每個顏色的色碼(hex code)。

Alwane 擷取網站網頁配色線上工具,輸入網址取得顏色色票色碼

更多配色網站也可以參考下方文章推薦。

總結

Alwane 提供了一種簡單且直觀的方式來擷取和分析網站色彩,對於需要準確色彩資訊的使用者來說是一個非常有用的工具。

其他人也在看