🎯 画像からカラー抽出
🔒 画像はすべてブラウザ内で処理しており、弊社サーバーへ送信・保存することは一切ありません。
1. 画像を選ぶ
ここに画像をドラッグ＆ドロップ
またはクリックしてファイルを選択（JPEG／PNG／WebP／GIF／AVIF、20.0 MBまで）
2. プレビュー（クリックでスポイト）
長辺400pxに縮小した画像から色を抽出しています。画像の好きな場所をクリックすると、その1点の色を取り出せます。
3. 抽出する色数
4色
6色
8色
12色
16色
5. 抽出したパレット
スウォッチをクリックするとHEXをコピーできます。コントラスト比は4.5:1以上でAA（通常テキスト）合格の目安です。
6. コードで書き出す
CSS変数
Tailwind config
JSON配列
✅ コピーしました！
※ 画像はすべてブラウザ内で処理しており、弊社サーバーへ送信・保存することは一切ありません。
※ 透明な部分（alphaが低いピクセル）は色の集計から除いています。
※ 抽出は長辺400pxに縮小した画像に対して行うため、1ピクセルだけの色は結果に出ないことがあります。
※ アニメーションGIFは最初の1コマのみを解析します。
写真やイラストから、その画像を代表する色を自動で抽出します。メディアンカット法で色をまとめ、HEX・RGB・占有率つきのパレットにして表示します。サイトのテーマカラー決めや、写真に合わせたバナー作りにお使いください。
こんなツールをこれからも作っていきます。もしこれは！と思っていただけましたら、シェア・応援していただけると嬉しいです！😀