配色シミュレーター ― イラストに色を流し込んで配色を確かめるツール
公開日
配色シミュレーターは、イラストの面に色を流し込んで、配色の見え方をその場で確かめられるツールです。面を選んでパレットの色をタップすると、絵の該当する部分がすぐに塗り替わります。
できること
- 素材はレディース・メンズ・インテリアの9種類
- 色はPCCS（日本色彩研究所の表色系）のトーン別パレット173色から選べます。HEXコードの直接入力にも対応しています
- 面ごとに、塗り替えられる範囲に占める面積の割合を表示します
- できた配色はURLに保存され、コピーするだけで共有できます
素材は9種類
| ジャンル | 素材 | 塗り替えられる面 |
|---|---|---|
| レディース | シャツワンピースコーデ | ワンピース・スヌード・ベルト・ブーツ |
| ジャケットパンツコーデ | ジャケット・トップス・パンツ・パンプス | |
| ブラウスとスカートのコーデ | ブラウス・スカート・バッグ・パンプス | |
| メンズ | Tシャツコーデ | Tシャツ・パンツ・スニーカー |
| コートとパーカーのコーデ | コート・パーカー・パンツ・ブーツ | |
| チェスターコートコーデ | コート・シャツ・パンツ・ベルト・革靴 | |
| インテリア | リビング | 壁・カーテン・ソファ・クッション2種・ラグ |
| ダイニング | 壁・カーテン・床・テーブルクロス・椅子・ラグ・ランプ | |
| ベッドルーム | 壁・カーテン・床・布団カバー・ブランケット・枕・ラグ |
使い方
- 一覧ページから素材を選ぶ
- 色を変えたい面を選ぶ。絵の中をタップしても、その面が選ばれます
- トーン（v・lt・p など）を切り替えて、パレットの色をタップする
- 2つの面の色を入れ替えるときは、色票を相手の面へドラッグする
- できた配色は「この配色のURLをコピー」で保存・共有する
面積の割合を表示する理由
面ごとの数字は、塗り替えられる範囲の中でその面が占める面積の割合です。同じ組み合わせの色でも、どの面積の面に置くかで配色の印象は変わります。広い面と小さい面で色を入れ替えて比べられます。
共有と画像
X・LINE・Facebookのボタンで、作った配色のリンクを共有できます。「画像を共有」ボタンでは配色を反映した画像（1080×1350）が作られ、スマホでは共有先の選択、PCでは画像の保存になります。
