便利ツール
画像から色抽出・パレット作成
写真から代表色を5〜10色抽出。各色の割合（%）とHEX・RGB・HSLのカラーコード、近い色名まで表示します。
画像をここにドロップ
JPG・PNG・HEIC・WebP · Ctrl+Vで貼り付けもできます
画像はサーバーに送信されません。処理はすべてブラウザ内で行います。
おすすめコンテンツ
赤や青からクリムゾン・ティールまで、名前付き52色のHEX・RGB・HSLコードをコピーしてすぐ使えるカラーコード表。
画像のリサイズ・トリミング・圧縮をブラウザで。最大20枚を一括処理でき、目標容量(KB)の指定にも対応。アップロード不要です。
パスポート・履歴書・免許証の証明写真をサイズどおりに作成。顔の自動合わせと4×6インチのプリント用シートまで無料、アップロード不要です。
テキストを貼り付け→15種のマスク形状でワードクラウド即時生成、PNGダウンロードまで無料。
最大30枚の画像を縦・横・グリッドで1枚のJPG・PNGに結合。スクショも重なりを自動カットして繋げられ、アップロードは不要です。
iPhoneのHEIC写真やWebP・PNGを、JPG・PNG・WebPにブラウザで変換。最大30枚を一括変換でき、インストール不要・アップロードなしのフリーツールです。
16×16・32×32・64×64のマス目でドット絵を描いて、背景透過PNGで保存。無料・登録不要です。
写真に撮影場所が残っていないかExifで確認し、画質そのままで位置情報を削除。最大30枚まで、アップロード不要です。
画像から色を抽出するなら、写真を1枚入れるだけ。代表色を5・6・8・10色から選んだ数だけ取り出し、それぞれが写真の何%を占めるかとHEX・RGB・HSLのカラーコードを一緒に表示します。処理はすべてブラウザ内で行われ、画像がサーバーに送られることはありません。JPG・PNG・HEIC・WebPに対応し、ファイル選択、ドラッグ、Ctrl+Vの貼り付けで読み込めます。
1点だけの色を調べたいときは、写真をタップまたはクリック。スポイトのようにその位置の色を取り、周囲3×3ピクセルを平均するので、ノイズの1ピクセルに左右されません。取った色もHEX・RGB・HSLで表示され、コードを押せばコピー完了。パレットのHEXをまとめてコピーすることもできるので、ロゴやスクリーンショットのカラーコードを調べる作業がすぐ終わります。
カラーコードだけを返すツールと違い、各色にカラーコード辞典の52色から最も近い色名を添えます。その青がネイビー寄りかティール寄りかがひと目でわかり、色名から辞典ページへ移動して近い色も確認できます。割合%を見れば、どれがメインカラーでどれがアクセントかも明確。Webサイトやスライド、ムードボード用のカラーパレット作成に、配色バランスまで参考にできます。
代表色の決め方：写真を長辺200pxに縮小し、似た色をグループ化（メディアンカット法の変形）して、各グループの平均色をパレットにします。結果は色の帯・HEX・割合が入った1200×630のPNG画像として保存でき、共有やデザインデータへの貼り付けに便利です。
よくある質問
Q. 画像から色を抽出する方法は？
A. 写真をこのページにドラッグするか選択し、代表色の数を5・6・8・10色から選ぶだけです。各色の割合%とHEX・RGB・HSLのカラーコードがすぐ表示され、コードを押すとコピーできます。JPG・PNG・HEIC・WebPに対応しています。
Q. 画像はサーバーにアップロードされますか？
A. いいえ。画像の読み込みと分析はすべてブラウザ内で行われ、サーバーには送信されません。Ctrl+Vで貼り付けたスクリーンショットも端末の外には出ません。
Q. 画像の一部分のカラーコードを調べるには？
A. 調べたい位置をタップまたはクリックしてください。スポイトのように周囲3×3ピクセルの平均色を取得し、HEX・RGB・HSLのコードと最も近い色名を表示します。圧縮ノイズのある画像でも値が安定します。
Q. 色の横にある%は何を表していますか？
A. その色のグループが写真の中で占める割合です。写真を長辺200pxに縮小して似た色をまとめ（メディアンカット法の変形）、各グループの大きさを%で示します。数値が大きいほどメインの色です。PNGロゴの透明な背景など、透明なピクセルは計算から外すため、%は見えている部分に対する割合です。
Q. 作ったカラーパレットを画像で保存できますか？
A. はい。色の帯・HEXコード・割合が入った1200×630のPNGとして保存できます。SNSの共有画像やスライドにちょうどよいサイズで、HEXコードはテキストでまとめてコピーすることもできます。