【色彩アプリ】写真から伝統色を見つけよう！

写真の中を押すと、その場所の色にいちばん近い色名を表示します。はじめは見本の写真「紅葉」が入っています。「写真を選ぶ」から、お手持ちの写真も読み込めます。

使い方

見本の写真を選ぶか、「写真を選ぶ」でお手持ちの写真を読み込みます。パソコンでは、写真を画面の写真の上に置く（ドラッグ＆ドロップ）か、コピーした画像を貼り付けても読み込めます。
写真の中を押します。押したまま指やマウスを動かすと、印と結果が一緒に動きます。押している場所の近くに、拡大した写真が出ます。
色名を押すと、その色の解説ページが開きます。
「この写真に多い色名」の色名を押すと、写真の中でその色にいちばん近い場所に印が移ります。

キーボードでは、写真を選んでから矢印キーで印を動かせます。Shift キーを押しながらだと、大きく動きます。

読み込んだ写真は、お使いの端末のブラウザの中で表示して、色を調べるだけです。写真をサーバーに送ったり、保存したりはしません。ページを閉じると、写真は画面から消えます。

写真は、長い辺が1,600画素より大きいときは、1,600画素に縮小して読み込みます。
押した場所の色は、押した点を中心にした縦5画素×横5画素の色の平均です。拡大した写真の中の四角が、平均する範囲です。
押した場所の色と各色名の色を CIE 1976 L*a*b* の値に変換し、2色の距離（色差 ΔE*_ab）がいちばん小さい色名を表示します。ΔE*_ab は、数が小さいほど2色が近いことを表します。配色パターンのページで各色に添えている色名と、同じ計算です。
「この写真に多い色名」は、写真を長い辺120画素に縮小し、1画素ずつ近い色名を求めて、画素の数が多い順に6件を並べたものです。割合は、写真全体の画素の数に対する割合です。
同じ色コードを持つ色名は、1つの色としてまとめています。結果には、同じ色コードのほかの色名も表示します。

画面に見える色は、お使いの画面の設定によって変わります。写真の色は、撮影したときの光によって変わります。

見本の4枚は、色彩101の無料画像で配布している画像を縮小したものです。