Alwane網頁配色擷取在線工具獲取顏色代碼相關資訊

如果想知道某個網站配色方式，除了打開開發人員工具或是檢視原始碼，也有第三方服務可以使用。即使無法完整複製別人的配色，也能快速得知網站使用的顏色代碼或配色模式，取得顏色的色碼或色彩名稱。

Alwane是一個網頁色彩擷取在線工具，這項服務會擷取特定網頁使用的顏色，可以在使用者輸入特定的網址後取得該網站使用的顏色代碼或描述，生成為調色盤鏈接，讓顏色相關資訊更一目瞭然。

重新分類、編排各種顏色，最簡單的使用方式是輸入網站網址就能擷取，也能顯示其它相關色彩。如果想分析、保存某個網站或品牌使用的顏色，Alwane是個非常方便而且好用的在線工具。除了將擷取的顏色代碼以視覺化方式呈現，還能夠以調色盤或是程式碼方式呈現，包括CSS和SASS兩種顯示程式碼，對於要取得特定的網站顏色來說很有用。

官方網站：https://alwane.io

直接在Alwane左上角「Extract CSS Colors」輸入要擷取顏色的網址，預設情況下會從HTML和CSS樣式表取得顏色。如果某些情境下需要從JavaScript獲取顏色可在「Advanced」設定選項找到。從擷取後的色彩結果可以看到各種顏色分布，包括顏色的預覽、變數名稱和色碼（Hex Code），從左側可選擇為顏色重新分組、排序或是切換CSS、SASS色碼。從上方選項切換調色盤或程式碼模式，也能快速將所有CSS代碼複製到剪貼板。

如果想要保存或分享網站的配色、調色盤、CSS等資訊，點選右上角「Generate」就能生成鏈接。