COLOR SIMULATOR 看板の配色シミュレーター
お店らしい色と、伝わる見やすさを。
背景色と文字色を組み合わせて、
看板の配色を気軽にお試しいただけます。
お持ちの画像から色を取り出して、
組み合わせを確認することもできます。
シミュレーター
配色例から選ぶ
設定
プレビュー・判定
背景色(地色)
#と6桁の英数字で入力できます
文字色
#と6桁の英数字で入力できます
カフェ ルミエール
焼き菓子と珈琲の店 OPEN 9:00-18:00
コントラスト比
—:1
—
コントラスト比は、背景色と文字色の明暗差を数値化した目安です。実際の看板の見やすさは、文字の大きさ・書体・見る距離・素材・照明・周辺環境などによって変わります。画面上の色と印刷・製作後の色には差が生じます。
保存した画像は、製作したい看板の希望イメージとして、お問い合わせの際などにご活用ください。画面上の表示と、文字の折り返し位置や色味が多少異なる場合があります。
お持ちの看板写真やデザイン画像を読み込み、背景と文字の部分をそれぞれクリック(タップ)して色を取り出します。画像はブラウザ内だけで処理され、サーバーや外部サービスには送信されません。
画像
ここに画像をドラッグ&ドロップ
JPG/PNG/WEBP に対応しています
「背景色を取得」または「文字色を取得」を選んでから、画像をクリックしてください
細い文字は、拡大してから文字の中央をクリックすると取得しやすくなります。拡大中は枠内をスクロールして位置を移動できます。
色の取得と配色パターン
取得する色
- 背景色
未取得- 文字色
未取得
コントラスト比 —:1
背景色と文字色の両方を取得すると計算されます
登録した配色パターン
まだ登録はありません。背景色と文字色を取得して「登録」すると、ここに一覧で比較できます。
登録した配色の中で最も低いコントラスト比
—:1
—
※ 選択した部分の色だけを比べた値です。画像全体を解析した結果ではありません。
画像チェックは、クリックして選んだ部分の色を調べる機能です。画像全体を自動で診断するものではなく、看板全体の見やすさを保証するものでもありません。コントラスト比は背景色と文字色の明暗差の目安で、実際の見やすさは文字の大きさ・書体・見る距離・素材・照明・周辺環境などによって変わります。
HOW TO READ 結果の見方
コントラスト比は、背景色と文字色それぞれの明るさ(相対輝度)を比べた値で、1:1(同じ色)から 21:1(黒と白)までの範囲で表示されます。数値が大きいほど、背景と文字の明暗差が大きいことを示します。
- コントラストが高い
- 7:1 以上。背景と文字の明暗差が大きく、文字の形がはっきり分かれて見えます。
- コントラストがやや高い
- 4.5:1 以上 7:1 未満。明暗差は十分にあります。細い書体や小さな文字では、もう少し差をつけると安心です。
- コントラストが中程度
- 3:1 以上 4.5:1 未満。明暗差はありますが、文字が小さい・細い場合は読み取りにくくなることがあります。
- 色の差が小さい
- 2:1 以上 3:1 未満。背景と文字の明暗が近く、文字が背景になじみやすい組み合わせです。
- 色の差がとても小さい
- 2:1 未満。背景と文字の明暗がほぼ同じで、文字の輪郭が判別しにくくなります。
- 段階は、計算したコントラスト比を目安として区切ったものです。看板の視認性に関する公的な合否基準ではありません。
- 実際の看板の見やすさは、文字の大きさ・書体・見る距離・素材・照明・周辺環境などによって変わります。
- 画面上の色と、印刷・塗装・カッティングシートなど製作後の色には差が生じます。
- 画像からのチェックは、選択した部分の色を調べる機能です。画像全体の自動診断ではありません。
配色に迷ったら、
お気軽にご相談ください
お店のコンセプトや設置場所、素材に合わせて、
看板に向いた配色と見やすいデザインをご提案します。
シミュレーターで試した色のコードや、
お持ちの画像を添えてお送りいただけます。
FREE CONSULTATION
あなたのお店に最適な看板、
一緒につくりませんか?
ご予算のご相談だけでも大丈夫です。
まずは無料お見積もりから。
お電話でのご相談:0120-944-599
(9:00〜17:00/土日祝休業)