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

「Alwane」是一款實用的網頁色彩擷取工具,能夠從特定網頁取得使用的顏色代碼或描述,並產生調色盤鏈結。這個工具適用於想分析或保存某個網站或品牌使用的顏色的使用者,對於設計師和開發者來說尤其方便。
如果你想知道某個網站的某個網頁,都使用哪些配色,Alwane 也能派上用場,輸入網頁網址之後,Alwane 就會給你該網頁的色票代碼給你,你就能自己複製貼上使用了。
Alwane 網站使用方法如下:
- 訪問 Alwane 網站,然後在「Extract CSS Colors」輸入要擷取顏色的網址。
- 系統預設從 HTML 和 CSS 樣式表取得顏色,也可在「Advanced」設定選項中選擇從 JavaScript 獲取顏色。
- 擷取後的色彩結果會顯示顏色分布,包括顏色預覽、變數名稱和色碼(hex code)。
- 可選擇為顏色重新分組、排序或切換 CSS、SASS 色碼。
- 可切換調色盤或程式碼模式,快速複製所有 CSS 代碼到剪貼簿。
- 可生成網站的配色、調色盤、CSS 等資訊的鏈結。
本篇文章會教學如何使用 Alwane 這個網站。
Alwane 擷取網站網頁配色線上工具
點擊下面網址,前往「Alwane 擷取網站網頁配色線上工具」。
▼進入 Alwane 官方網站之後,直接輸入你要分析網頁配色代碼的網址。

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

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

更多配色網站也可以參考下方文章推薦。
- Happy Hues 近20種調色盤配色組合,提供網站範例配色參考!
- Colors UI 線上調色盤,網站網頁配色參考工具
- Palette Maker 免費線上網頁配色工具,即時配色版型參考與提供好看配色
- CHINESE COLORS 中國傳統515種顏色,提供色調色碼,設計參考網站
- NIPPON COLORS 日本超美色系,選配顏色設計!參考網站
總結
Alwane 提供了一種簡單且直觀的方式來擷取和分析網站色彩,對於需要準確色彩資訊的使用者來說是一個非常有用的工具。