影像顏色提取器
從任何影像中提取主色和調色盤。
把任意圖片變成可用的配色方案
Overview
圖片顏色提取器分析圖片,將其主色作為可直接使用的程式碼(HEX、RGB、HSL)返回,用於設計和品牌工作。逐個用吸管取色既慢又會漏掉真正定義圖片氛圍的顏色。這款工具對整張圖片取樣並在瀏覽器中聚類為代表性配色,無需上傳,因此即使未釋出的產品圖或私密品牌資產也留在你的裝置上。
How to Use (Step by Step)
- 1
拖入圖片
照片、logo、截圖、插畫都可以。解析度越高,配色越具代表性。
- 2
檢視配色
主色和點綴色連同 HEX、RGB、HSL 值一併顯示。
- 3
複製所需程式碼
點選色塊複製其程式碼,再貼上到你的 CSS、設計工具或品牌指南。
How It Works
圖片被繪製到畫布上並讀取為原始 RGB 畫素。聚類演算法按出現頻率加權,將數百萬畫素歸併為一組代表色,生成主配色加點綴色。每個色塊都帶可直接複製的 HEX、RGB、HSL 值。所有處理都在畫素資料上本地進行,因此原圖絕不會被傳輸。
When to Use This
構建與所選照片協調的網站或幻燈片主題。從 logo 提取精確的品牌色。為插畫或 UI 原型建立協調配色。從靈感照片生成情緒板。從產品圖中挑選無障礙的文字與背景組合。讓 CSS 漸變或圖表顏色匹配圖片色調。
Frequently Asked Questions
它們是書寫同一顏色的三種方式。HEX(#3b82f6)簡潔,在 CSS/設計工具中常見。RGB 列出紅/綠/藍通道。HSL(色相、飽和度、亮度)最便於手動製作淺色和深色。