從網站擷取調色盤

輸入任何網站網址即可擷取其調色盤：依使用頻率排列樣式表中所用的每一種顏色，可立即複製或匯出為程式碼。

輸入網站地址以擷取其調色盤。

只能讀取公開網頁，顏色來自頁面所附的 CSS：以圖片或 canvas 繪製的網站可能傳回較少顏色。免費，無需註冊。

關於從網站擷取調色盤

「從網站擷取調色盤」工具能揭示網站實際使用的顏色。輸入一個公開網址，我們會在後端擷取該頁面，由於跨來源限制，瀏覽器無法直接讀取其他網站，然後掃描其行內樣式、內嵌樣式區塊與連結的樣式表中的每一個顏色標記。

HEX、rgb()、rgba()、hsl() 與 hsla() 值都會正規化為單一 HEX 形式並計數，因此傳回的調色盤會依每種顏色在網站 CSS 中出現的頻率排序。正是這種頻率排序，將品牌真正的主色與清單下方數十個一次性的邊框和陰影區分開來。

每個色塊都可一鍵複製，匯出面板可將結果轉換為 CSS 變數、SCSS、Tailwind 設定、JSON、SVG 色卡表或純 HEX 清單。此工具免費且有速率限制，只會存取公開地址，除了短暫快取擷取結果外不儲存任何內容。

將地址貼入此工具並點擊「擷取顏色」。它會讀取頁面的樣式表與行內樣式，然後依頻率排序列出找到的每一種顏色，因此最常使用的品牌色會先出現。

樣式表中通常含有遠多於品牌色的附帶顏色，邊框、陰影、懸停狀態等。計算每個值出現的頻率，能將定義網站風格的顏色推到清單頂端。

此工具讀取頁面所附的 CSS。以圖片、canvas 或 WebGL 繪製設計的網站，或載入後完全以 JavaScript 建構樣式的網站，在其樣式表中暴露的顏色值很少。需要登入或有機器人防護牆的頁面同樣無法讀取。

不行。只接受公開網址：出於安全考量，對私人、本機或保留網路地址的請求都會被封鎖，而且只允許標準的 HTTP 與 HTTPS 連接埠。

會的，但有數量上限。從頁面連結的樣式表，包括位於 CDN 上的，都會經過相同的安全檢查後擷取，因此外部 CSS 檔案中定義的顏色也會與頁面本身的樣式一併計數。

是的，完全免費且無需帳號。請求有速率限制以確保服務對所有人可用，而結果會短暫快取，因此重複相同網址時會立即傳回。