外壁・内装のカラーシミュレーター+コントラスト判定

写真をアップロードして、外壁・内装・看板・UIの色替えをその場で比較できます。

通常文字4.5:1、大きい文字3:1、UI要素3:1の判定を入れて、提案の説得力を高めます。

写真はブラウザ内で処理 看板・文字・UIを重ねて確認 4.5:1 / 3:1 を即判定

使い方

  1. 外壁や内装の写真をアップロードします。
  2. シーンを選び、メインカラーとアクセントカラーを調整します。
  3. 見出し・本文・ボタン文言を入れて、看板やUI風の見え方を確認します。
  4. コントラスト判定を確認し、PNG/JPEG出力や共有URLで提案に使います。

こんな場面で使えます

外壁・屋根の比較

現場写真に色を重ねて、外壁・屋根・サッシの印象を素早く比較できます。

内装提案

会議室、受付、ラウンジなどの内装色を、写真ベースで見せられます。

看板・案内板

文字色と背景色の見え方を確認し、読みやすさを提案に入れられます。

UI風プレビュー

提案資料のカードやボタンの見え方を、UIモック風に整えられます。

判定基準

通常文字 4.5:1

本文や長文コピーの目安です。小さな文字はまずこの基準で確認します。

大きい文字 3:1

見出しや大きめの文字は、3:1 を目安にすると見やすさを確認しやすくなります。

UI要素 3:1

ボタン、枠線、アイコンなどのUIは、3:1 を目安にすると差が出ます。

注意

  • 写真や入力した文言はこの端末内でのみ使われます。
  • 実際の塗装色は光源・下地・材料で変わるため、最終判断は実物サンプルも併用してください。
  • コントラスト判定はWCAGの計算式に基づく目安です。法規や社内基準がある場合はそれを優先してください。

よくある質問

写真はサーバーに送信されますか?

いいえ。アップロードした写真はブラウザ内で処理されます。

共有URLに写真や文字は入りますか?

入れません。共有URLにはシーンや色、表示設定のみを含めます。

外壁と内装の両方に使えますか?

はい。シーンを切り替えることで、外壁・内装・看板・UI風の確認に使えます。

コントラスト判定はアクセシビリティ監査の代わりになりますか?

いいえ。提案段階の目安です。正式な監査や社内基準の確認は別途行ってください。