画像からカラーパレット
画像を開くと、主要な色をコードと割合つきで 1 秒で表示します。画像をクリックすると、その位置の正確な色を追加できます。
- 画像を選ぶ
- 色数と並び順を選ぶ
- コードをコピーまたはパレットを保存
ツールを読み込み中…
ファイルが端末の外に送信されることはありません
色の求め方
- 画像を縮小し、似た色ごとにピクセルをグループ化します（人の見え方に近い CIELAB 空間で k-means）。
- 各色が画像のどれだけを占めるかを表示します。
- PNG・WEBP の透明部分は無視されます。
パレットの使い方
- HEX コードを 1 つ、またはまとめてコピー。
- CSS はサイト用の変数（--color-1…）をそのまま使えます。
- GPL は GIMP と Inkscape、ASE は Adobe 製品、JSON はコードで使えます。
コツ
ロゴやブランドは 3〜5 色、細かい写真は 8〜12 色がおすすめ。グラデーションには明るさ順、色相環の順には色相順で並べます。
よくある質問
画像はアップロードされますか？
いいえ。色はブラウザ内で計算されます。
色が少し違うのはなぜ？
各色は似たピクセルの平均です。正確なピクセルは画像をクリックして取得してください。
対応形式は？
JPG、PNG、WEBP、GIF、BMP、AVIF。
ロゴの色も取れますか？
はい。3〜5 色を選ぶと透明な背景は無視されます。
ASE とは？
Adobe Swatch Exchange：Photoshop・Illustrator・InDesign のスウォッチに読み込めます。
同じ画像なら同じパレットになりますか？
はい、計算は再現可能です。