自動從圖片擷取 4–12 個代表性主色,產生 HEX/RGB/HSL、WCAG 對比度、CSS 變數、色票 PNG,以及以擷取色彩建立的 CSS 漸層 僅在瀏覽器中。
JPG、PNG、WebP、GIF、SVG 等瀏覽器可讀取的圖片
/* 擷取調色盤後將在此顯示 CSS。 */
從標誌、商品照片與橫幅擷取主要色彩,可直接用於網站主題、商品詳細頁、縮圖與 CSS 變數。
上傳的檔案不會傳送至外部伺服器,所有處理僅使用您的本機裝置完成。
讀取圖片、擷取色彩、產生漸層及下載 PNG 皆在目前瀏覽器中完成。
減少色彩數量,或將取樣間隔改為「標準」或「快速」,可減少近似色彩。
只要瀏覽器能將 SVG 呈現成圖片,就可以預覽並擷取色彩。
這是所選背景色與各擷取色彩間的 WCAG 對比率,可作為選擇文字色彩的參考。
適合管理網站主題、按鈕、背景、圖表等情境中重複使用的色彩。
本工具不是點選單一精確像素的滴管取色器,而是取樣整張圖片並自動擷取 4–12 個代表性色彩。大部分透明像素與接近純白的像素不會列入主要色彩候選,每個結果都會顯示 HEX、RGB 與 HSL。目前不支援直接點擊圖片選取某個精確像素的顏色。