写真や画像から色・カラーコードを抽出、判定 | 無料で色を調べるオンラインサイト

「バナー工房」では、登録不要・無料で、写真や画像をクリックまたはタップして色（カラーコード）を抽出できます。HEX・RGB・HSL・HSVなど7形式の確認とコピーに対応し、画像から最大5つの代表色を自動抽出できます。細かい場所は拡大して確認でき、取得履歴やお気に入りも利用できます。
色抽出機能を使えば、風景写真から青い空のカラーコードを抽出して、自分のウェブサイトの背景色に使うことができます。 その他、お気に入りの洋服の色を写真から抽出して、その色を基にコーディネートを考えたり、お部屋のアクセントカラーを決めたりすることも可能です。
横幅設定
サンプル写真で試してみる
LINE noteで書く
お知らせ
2026/07/27：拡大スポイト、代表色5色の自動抽出、7種類のカラーコード表示、ワンタップコピー、履歴・お気に入り機能を追加しました。
バナー工房では、無料サービス維持のために「全画面広告」を表示させていただく場合があります。
全画面広告が表示された際は、広告の右上にある「×」ボタン等で閉じていただけますと幸いです。
無料サービス運営継続のため、何卒ご理解とご協力をお願いいたします。
使い方
以下の手順で操作してください。
①まず、編集したい「画像（写真）を選択」してください。
②次に「画像を加工する」ボタンをクリックしてください。
③画像加工モードに移行しますので、お好みの編集を行ってください。
④編集が完了したら、スマートフォンの場合は、オレンジ色の「保存」ボタンを押すと、端末の共有画面が表示されます。
→iPhoneでは、共有画面の中にある「画像を保存」を選ぶと、「写真」アプリに保存されます。
→Androidでは、共有画面から「Files」「フォト」「ギャラリー」など、保存先のアプリや項目を選んで保存してください。
※表示される項目や保存先は、端末やブラウザによって異なります。
⑤最後に「削除」ボタンをクリックしてください。画像が削除され、画像加工モードが解除されます。
初めての方は「サンプル写真で試してみる」をクリックしてください。この機能を使えば、実際の画像を使わずに手軽に練習することができます。
画像（写真）は、最終加工から約90分後に自動的に削除されます。他人に見られたり公開されることは一切ありません。
サイズについて
加工できる画像の「最大容量（サイズ）」は10MBまでとなります。
画像の「横幅」に関する仕様は以下の通りです。
・もし横幅が指定されていない場合、自動的に1000pxの横幅に縮小されます。
・もし指定された横幅よりも小さな画像がアップロードされた場合、元画像の横幅のままとなります。
・横幅と縦幅の両方に関して、指定できる最大サイズは2000pxまでです。

画像から抽出したカラーコードの例

カラーコードを調べた画像サンプルです。このように、バナー工房の色抽出機能を使えば、画像中の特定の色を簡単に調べることができます。