Tool
画像カラーピッカー・店舗配色提案エリア
写真やロゴをアップロードし、クリック位置の色や主要色から、メイン・サブ・アクセントの3色セットを作れます。
入力
提案される配色
画像から抽出した主要色
0色 主要色はここに並びます。
ロゴ、店内写真、商品写真などから、使いやすい色候補を抽出します。
店舗配色提案
未生成 3色配色を自動で提案します。
メイン、サブ、アクセントの役割と、文字の読みやすさを確認できます。
POP見出し 春のおすすめメニュー
写真やロゴに合う色で、告知の印象をそろえます。
背景
チラシ・バナーの余白に使いやすい色です。
コピー用メモ
HEX / RGB と用途をまとめてコピーできます。
画像を読み込むと、コピー用の配色メモが表示されます。
まずは画像を1枚アップロードしてください。
How to use
使い方
- 画像をアップロードする
ロゴ、店舗写真、商品写真など、印象を合わせたい画像を読み込みます。
- 使いたい色を選ぶ
画像の気になる場所をクリックするか、抽出された主要色からベース色を選びます。
- 配色をコピーする
POP見出し、ボタン、背景のプレビューを確認し、HEX / RGB をコピーして使います。
Before use
使う前に確認したいこと
- 画像処理と色抽出はブラウザ内で行います。アップロード画像をサーバー保存する仕組みは入れていません。
- 配色提案はAI APIを使わず、画像から抽出した色をHSLベースのルールで読みやすく調整しています。
- 印刷物や看板に使う場合は、実際の紙・素材・照明で色味が変わるため、最終確認をおすすめします。