画像から色（カラーコード）を判定
画像上の色を調べたい場所をクリックまたはタップしてください。選んだ色が「取得したカラーコード」と履歴に追加されます。
画像の代表色
100%
その他の設定
取得したカラーコード
カラーコード取得履歴
お気に入りカラー
★から最大20色まで保存できます。将来、別の加工ページでお気に入り機能に対応した場合も、同じ一覧を利用できます。
お気に入りカラー一覧をスクリーンショットで画像として保存しておけば、端末の変更やブラウザデータの消去後でも、その画像をバナー工房のこのページへ読み込み、いつでもお気に入りの色を確認・再取得できます。
使い方
写真や画像から色・カラーコードを抽出できます。
①画像上の色を調べたい場所をクリックまたはタップするか、自動抽出された最大5つの代表色から選んでください。
②取得した色はHEX・RGB・HSL・HSVで表示され、履歴へ追加されます。必要な形式のコピーボタンを押してください。
③細かい場所は画像を拡大して確認できます。よく使う色は履歴の☆からお気に入りへ保存できます。
①画像上の色を調べたい場所をクリックまたはタップするか、自動抽出された最大5つの代表色から選んでください。
②取得した色はHEX・RGB・HSL・HSVで表示され、履歴へ追加されます。必要な形式のコピーボタンを押してください。
③細かい場所は画像を拡大して確認できます。よく使う色は履歴の☆からお気に入りへ保存できます。
その他
この画像は何色？
ロゴ、イラスト、写真、スクリーンショットなど、画像内の気になる色をクリックまたはタップするだけで、その場所のカラーコードを調べられます。
画像全体の配色を確認したい場合は、自動抽出された代表色も利用できます。
バナー工房の画像加工で色の形式は？
#で始まるHEXカラーコード（例：#336699）をご利用ください。
CMYKの値をそのまま印刷に使えますか？
sRGBから換算した参考値です。印刷時の色は印刷環境やカラープロファイルによって異なります。
ロゴ、イラスト、写真、スクリーンショットなど、画像内の気になる色をクリックまたはタップするだけで、その場所のカラーコードを調べられます。
画像全体の配色を確認したい場合は、自動抽出された代表色も利用できます。
バナー工房の画像加工で色の形式は？
#で始まるHEXカラーコード（例：#336699）をご利用ください。
CMYKの値をそのまま印刷に使えますか？
sRGBから換算した参考値です。印刷時の色は印刷環境やカラープロファイルによって異なります。
アップデート履歴
2026/07/27：拡大スポイト、代表色5色の自動抽出、7種類のカラーコード表示、ワンタップコピー、履歴・お気に入り機能を追加しました。
履歴に表示されている画像は、パソコンでは右クリック、スマホでは長押しして、画像として直接保存することもできます。
もしバナー工房がお役に立ちましたら、シェアしていただけるととても励みになります。
加工前の画像
全画面広告について
バナー工房では、無料サービス維持のために「全画面広告」を表示させていただく場合があります。
全画面広告が表示された際は、広告の右上にある「×」ボタン等で閉じていただけますと幸いです。
無料サービス運営継続のため、何卒ご理解とご協力をお願いいたします。
全画面広告が表示された際は、広告の右上にある「×」ボタン等で閉じていただけますと幸いです。
無料サービス運営継続のため、何卒ご理解とご協力をお願いいたします。
広告の消去
一部の広告が不快な位置に表示される対策として以下の青いボタンをご利用ください。
なお、一定時間が経過する、または、オレンジ色の削除ボタンをクリックすると、再度広告が表示されますのでご了承ください。
なお、一定時間が経過する、または、オレンジ色の削除ボタンをクリックすると、再度広告が表示されますのでご了承ください。