JP2017016685A - 色の配列表示方法、色の配列表示を行わせるプログラム - Google Patents

Abstract

【課題】色に関連する情報の探索を支援する色関連情報探索支援技術を提供する。【解決手段】本発明は、コンピュータによる色の配列表示方法であって、Ｈｕｅ−Ｔｏｎｅ Ｓｙｓｔｅｍ、ＰＣＣＳ、マンセル表色系、ＮＣＳ、オストワルト表色系、ＤＩＮ表色系、およびＣＩＥ表色系のいずれかにて規定される配列規則に基づいて、複数種類の色を配列表示させる色表示ステップと、基準情報を取得する基準情報取得ステップと、基準情報に紐付けられている色を示す情報を記憶領域から取得する対応色情報取得ステップと、を備え、色表示ステップでは、対応色情報取得ステップにて取得される情報が示す色のみを配列規則に従い、フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させる。【選択図】図２５

Description

この明細書に記載の実施形態は、色に関連する情報の探索を支援する色関連情報探索支援技術に関する。

近年、ウェブサイトにて購買したい商品を検索し、目的とする商品を購入可能なオンラインショッピングシステムが開発されている。
このようなシステムでは、ウェブサイトにシャツや靴等の物品名を検索キーとして入力することで、該検索キーに対応する様々な商品が一覧表示され、ユーザが所望の商品を検索・閲覧できるようになっている。

また、このようなシステムのウェブサイトでは、カテゴリがツリー構造となっており、一覧表示される複数のカテゴリの中から所望のカテゴリを順次選択していくことで（例えばファッション−レディースファッション−シャツ）、所望のカテゴリの商品群が一覧表示され、その中から好みの商品を検索できるようになっている。その他、このようなシステムでは、価格やブランド等によっても商品を検索できるようになっている。

しかしながら、従来のシステムでは、特定の色の商品が欲しい場合、商品の物品名等のカテゴリ（例えばシャツ）を選択した結果として一覧表示される膨大な商品の中から所望の色の商品を探す必要があり、好みの商品に辿り着くまでに手間がかかるという問題があった。

この明細書は、色に関連する情報の探索を支援する色関連情報探索支援技術を提供することを目的とする。

本発明は、コンピュータによる色の配列表示方法であって、Ｈｕｅ−Ｔｏｎｅ Ｓｙｓｔｅｍ、ＰＣＣＳ（Practical Color Co-ordinate System）、マンセル表色系、ＮＣＳ(Natural Color System)、オストワルト表色系、ＤＩＮ表色系、およびＣＩＥ表色系のいずれかにて規定される配列規則に基づいて、互いに異なる複数種類の色を表示部に配列表示させる色表示ステップと、フィルタリングの基準としてユーザにより指定される基準情報を取得する基準情報取得ステップと、前記基準情報に予め紐付けられている色を示す情報を記憶領域から取得する対応色情報取得ステップと、を備え、前記色表示ステップでは、前記フィルタリング無しで表示する場合の複数種類の色のうち、前記対応色情報取得ステップにて取得される情報が示さない色は配列表示せず、前記対応色情報取得ステップにて取得される情報が示す色のみを前記配列規則に従い、前記フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、前記フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させる。
本発明は、コンピュータに色の配列表示を行わせるプログラムであって、Ｈｕｅ−Ｔｏｎｅ Ｓｙｓｔｅｍ、ＰＣＣＳ（Practical Color Co-ordinate System）、マンセル表色系、ＮＣＳ(Natural Color System)、オストワルト表色系、ＤＩＮ表色系、およびＣＩＥ表色系のいずれかにて規定される配列規則に基づいて、互いに異なる複数種類の色を表示部に配列表示させる色表示ステップと、フィルタリングの基準としてユーザにより指定される基準情報を取得する基準情報取得ステップと、前記基準情報に予め紐付けられている色を示す情報を記憶領域から取得する対応色情報取得ステップと、をコンピュータに実行させ、前記色表示ステップでは、前記フィルタリング無しで表示する場合の複数種類の色のうち、前記対応色情報取得ステップにて取得される情報が示さない色は配列表示せず、前記対応色情報取得ステップにて取得される情報が示す色のみを前記配列規則に従い、前記フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、前記フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させる。

本発明では、前記基準情報は、いずれかの都道府県の景観条令であることが好ましい。
本発明では、前記配列規則は、Ｈｕｅ−Ｔｏｎｅ Ｓｙｓｔｅｍ又はＰＣＣＳであり、
前記基準情報は、トーン種別であることが好ましい。
本発明では、前記色表示ステップでは、前記表示部に、複数種類の色を配列表示領域にて表示させるとともに、前記配列表示領域の周囲に、前記基準情報の入力を受け付ける入力領域を表示させることが好ましい。
本発明では、前記色表示ステップでは、クライアント端末に対し、前記表示部に複数種類の色を配列表示させ、前記基準情報取得ステップでは、前記クライアント端末から前記基準情報を取得することが好ましい。
本発明では、前記色表示ステップでは、クライアント端末に対し、前記表示部に複数種類の色を配列表示させ、前記基準情報取得ステップでは、前記クライアント端末から前記基準情報を取得し、配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得ステップと、前記クライアント端末に対し、前記選択色に予め紐付けられている紐付情報に基づく画像を表示させる紐付情報表示ステップと、を備えることが好ましい。

本発明は、色に関連する情報のクライアント端末による探索を支援するサーバによる色関連情報探索支援方法であって、前記クライアント端末に対し、トーンと色相の２軸により複数種類の色を前記クライアント端末の表示部に配列表示させるとともに、色相毎に、色をサチュレーション順に配列し、かつ同一サチュレーションの色を黒色量順に配列させる色表示ステップと、 配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得ステップと、 前記選択色に予め紐付けられている紐付情報を記憶領域から取得する紐付情報取得ステップと、前記クライアント端末に対し、前記紐付情報取得ステップにて取得される紐付情報に基づく画像を表示させる紐付情報表示ステップと、を備える色関連情報探索支援方法に関する。
本発明は、色に関連する情報のクライアント端末による探索を支援するサーバによる色関連情報探索支援方法であって、前記クライアント端末に対し、配列規則に基づいて、互いに異なる複数種類の色を前記クライアント端末の表示部に配列表示させる色表示ステップと、配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得ステップと、前記クライアント端末に対し、前記選択色に予め紐付けられている紐付情報に基づく画像を表示させる紐付情報表示ステップと、フィルタリングの基準としてユーザにより指定される基準情報を前記クライアント端末から取得する基準情報取得ステップと、前記基準情報取得ステップにて取得される基準情報に予め紐付けられている色を示す情報を前記記憶領域から取得する対応色情報取得ステップと、を備え、前記色表示ステップでは、前記クライアント端末に対し、前記対応色情報取得ステップにて取得される情報が示す色のみを、前記配列規則に従い、前記フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、前記フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させる色関連情報探索支援方法に関する。
本発明は、色に関連する情報のクライアント端末による探索を支援するサーバによる色関連情報探索支援方法であって、前記クライアント端末に対し、互いに異なる複数種類の色を前記クライアント端末の表示部に配列表示させる色表示ステップと、配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得ステップと、前記選択色に予め紐付けられている紐付情報を記憶領域から取得する紐付情報取得ステップと、前記クライアント端末に対し、前記紐付情報取得ステップにて取得される紐付情報に基づく画像を表示させる紐付情報表示ステップと、前記クライアント端末に対し、色覚の型が、赤い光を感じるための第１錐体、緑の光を感じるための第２錐体、青の光を感じるための第３錐体の３つが揃っているＣ型色覚者、前記第１錐体の感受性が基準と異なるまたは前記第１錐体が無いＰ型色覚者、前記第２錐体の感受性が基準と異なるまたは前記第２錐体が無いＤ型色覚者、のいずれであるかの選択画面領域を表示させる選択画面表示ステップと、フィルタリングの基準としてユーザにより指定される基準情報であって、色覚の型がＣ型色覚者、Ｐ型色覚者、Ｄ型色覚者のいずれであるのかの選択を前記クライアント端末から取得する基準情報取得ステップと、前記基準情報取得ステップにて取得される基準情報に予め紐付けられている色を示す情報を前記記憶領域から取得する対応色情報取得ステップと、を備え、前記色表示ステップでは、前記クライアント端末に対し、前記対応色情報取得ステップにて取得される情報が示す色のみを表示し、前記Ｃ型色覚者が選択される場合、第１数の色を表示させ、前記Ｐ型色覚者が選択される場合、前記第１数より少ない第２数の色、かつ前記Ｐ型色覚者が判別可能な色として設定されている色を表示させ、前記Ｄ型色覚者が選択される場合、前記第１数より少ない第３数の色、かつ前記Ｄ型色覚者が判別可能な色として設定されている色を表示させる色関連情報探索支援方法に関する。

また、本発明は、色に関連する情報のクライアント端末による探索を支援する色関連情報探索支援装置であって、前記クライアント端末に対し、トーンと色相の２軸により複数種類の色を前記クライアント端末の表示部に配列表示させるとともに、色相毎に、色をサチュレーション順に配列し、かつ同一サチュレーションの色を黒色量順に配列させる色表示部と、配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得部と、前記選択色に予め紐付けられている紐付情報を記憶領域から取得する紐付情報取得部と、前記クライアント端末に対し、前記紐付情報取得部にて取得される紐付情報に基づく画像を表示させる紐付情報表示部と、を備える色関連情報探索支援装置に関する。

本発明では、前記紐付情報取得ステップは、前記紐付情報として、前記選択色情報取得ステップにて取得される選択色情報が示す色が有する属性のうちの所定の属性が等しい色を展開した色断面を示す色断面情報を取得し、前記紐付情報表示ステップは、前記紐付情報取得ステップにて取得される色断面情報に基づき、前記選択情報取得ステップにて取得される選択色情報が示す色についての色断面を構成する複数種類の色を配列表示させ、前記選択色情報取得ステップは、配列表示される前記色断面を構成する複数種類の色のうちのいずれかの色がユーザにより選択されたかを示す情報を前記選択色情報として取得することが好ましい。

本発明では、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、同一色相の色を縦一列に配列させるとともに、色相は異なるが、同一サチュレーションかつ同一黒色量である、すなわち同一トーンを有する色を横一列に配列させることが好ましい。
本発明では、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、色相ごとに、各色をサチュレーションの高い順に上から配列させるとともに、同一サチュレーションの色を黒色量の低い順に上から配列させることが好ましい。
本発明では、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、同一色相の色を、縦一列に隣接させて配列させるとともにサチュレーションの異なる色と色の間に隙間を空けさせることが好ましい。
本発明では、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、同一のトーンを有する色を横一列に隙間を空けて配列させることが好ましい。
本発明では、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、色相ごとに、同一サチュレーションを有する色と色との黒色量の間隔を等間隔にさせるとともに、縦方向に並ぶ異なるサチュレーションの色と色とのサチュレーションの間隔を等間隔にさせることが好ましい。
本発明では、前記サーバは、前記紐付情報取得ステップでは、前記紐付情報として、前記選択色に対応する等色相断面を示す等色相断面情報を取得し、前記紐付情報表示ステップでは、前記紐付情報取得ステップにて取得される等色相断面情報に基づき、前記クライアント端末に対し、前記選択色の等色相断面を構成する複数種類の色を配列表示させるとともに、前記選択色と同一サチュレーションかつ同一黒色量である複数の代表色相の色、すなわち前記選択色と同一トーンの複数の代表色相の色、を配列するための色相調整部と、前記色相調整部内の色が選択されると、選択される代表色相の色と、該代表色相と隣り合い該代表色相と同一トーンを有する他の代表色相との間の色相の色を複数表示するためのトーン調整部と、を前記等色相断面を構成する複数種類の色と同一画面内に表示させ、前記色相調整部および前記トーン調整部内の色が選択されると、等色相断面を該選択される色の等色相断面に更新し、前記等色相断面を構成する複数種類の色からのユーザの選択色を前記クライアント端末から取得する第２選択色情報取得ステップと、前記選択色に基づいて、前記選択色に予め紐付けられている紐付情報を前記記憶領域から取得する第２紐付情報取得ステップと、前記第２紐付情報取得ステップにて取得される紐付情報に基づく画像を前記クライアント端末に表示させる第２紐付情報表示ステップと、を備えることが好ましい。

本発明では、前記サーバは、前記紐付情報表示ステップでは、前記クライアント端末に
対し、前記紐付情報を表示する際に、該紐付情報とともに該紐付情報が紐付けられている
色に前記配列表示上で隣接する色に紐付けられている紐付情報への表示切替を可能とする
ための色シフトボタンを表示させ、ユーザによる前記色シフトボタンへの操作入力を受け
付けた場合に、該選択された色シフトボタンが指定する方向に隣接する色に紐付けられて
いる紐付情報に表示を切り替えることが好ましい。

本発明では、前記サーバは、前記紐付情報取得ステップでは、前記選択色情報取得ステップにて取得する前記選択色に予め紐付けられている紐付情報としての画像情報を取得し、前記紐付情報表示ステップでは、前記クライアント端末に対し、前記紐付情報取得ステップにて取得される画像情報に基づく画像を、前記選択色情報取得ステップにて取得する前記選択色を指し示す吹き出し内に表示させることが好ましい。
本発明では、前記サーバは、前記紐付情報表示ステップでは、前記クライアント端末に対し、前記吹き出し内に、前記選択色情報取得ステップにて取得する前記選択色の色座標として、色相、サチュレーション、黒色量の各値を表示させることが好ましい。
本発明では、前記サーバは、前記紐付情報表示ステップでは、前記クライアント端末に対し、配列表示する前記複数種類の色の上に、前記吹き出しの少なくとも一部を重ねて表示させることが好ましい。
本発明では、前記サーバは、前記紐付情報取得ステップにて取得される紐付情報として、前記選択色に商品情報が複数対応付けられている場合、前記紐付情報表示ステップでは、前記クライアント端末に対し、複数の吹き出しを重ねて表示させるとともに、最上段の前記吹き出し内にいずれかの前記商品情報を表示させ、ユーザによる前記吹き出しの選択を前記クライアント端末から取得すると、前記クライアント端末に対し、当該吹き出しの下の前記吹き出しを最上段に表示させるとともに、前記吹き出し内に他の前記商品情報を表示させることが好ましい。

本発明では、前記サーバが、フィルタリングの基準としてユーザにより指定される基準情報を前記クライアント端末から取得する基準情報取得ステップと、前記サーバが、前記基準情報取得ステップにて取得される基準情報に予め紐付けられている色を示す情報を前記記憶領域から取得する対応色情報取得ステップとを更に備え、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、前記対応色情報取得ステップにて取得される情報が示す色のみを、前記フィルタリング無しで表示する場合の配列規則に従い、前記フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、前記フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させることが好ましい。
本発明では、前記クライアント端末に対し、色覚の型が、赤い光を感じるための第１錐体、緑の光を感じるための第２錐体、青の光を感じるための第３錐体の３つが揃っているＣ型色覚者、前記第１錐体の感受性が基準と異なるまたは前記第１錐体が無いＰ型色覚者、前記第２錐体の感受性が基準と異なるまたは前記第２錐体が無いＤ型色覚者、のいずれであるかの選択画面領域を表示させる選択画面表示ステップを備え、前記基準情報取得ステップでは、前記基準情報として、色覚の型が前記Ｃ型色覚者、前記Ｐ型色覚者、前記Ｄ型色覚者のいずれであるのかの選択を前記前記クライアント端末から取得し、前記色表示ステップでは、前記クライアント端末に対し、前記対応色情報取得ステップにて取得される情報が示す色のみを表示させ、前記Ｃ型色覚者が選択される場合、第１数の色を表示させ、前記Ｐ型色覚者が選択される場合、前記第１数より少ない第２数の色、かつ前記Ｐ型色覚者が判別可能な色として設定されている色を表示させ、前記Ｄ型色覚者が選択される場合、前記第１数より少ない第３数の色、かつ前記Ｄ型色覚者が判別可能な色として設定されている色を表示させることが好ましい。

本発明では、前記基準情報は、感性語、景観条令、トーン種別、人物名、会社名、地名、製品名、サービス名、自然物、および色名の内の少なくともいずれかの情報を含むことが好ましい。

本発明では、前記基準情報は、ユーザにより指定される色値範囲を含み、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、前記色値範囲内に属する色のみを配列表示させることが好ましい。

本発明では、前記サーバが、ユーザがカーソルのドラッグ操作により指定した選択範囲であって、複数の色が含まれる選択範囲を前記前記クライアント端末から取得する範囲選
択情報取得ステップを更に備え、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、前記選択範囲を線で囲ませるとともに、前記選択範囲を指し示す吹き出しを表示させ、かつ、前記吹き出し内に前記選択範囲を拡大表示させるとともに、拡大表示させる該選択範囲に含まれる複数種類の色を拡大前よりも細分化された分割数で配列表示させることが好ましい。

本発明では、前記サーバが、ユーザがカーソルのドラッグ操作により指定した選択範囲であって、複数の色が含まれる選択範囲を前記前記クライアント端末から取得する範囲選択情報取得ステップを更に備え、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、前記選択範囲を線で囲ませるとともに、前記選択範囲を指し示す吹き出しを表示させ、かつ、前記吹き出し内に前記選択範囲を拡大表示させるとともに、拡大表示させる該選択範囲に含まれる複数種類の色を拡大前よりも細分化された分割数で配列表示させることが好ましい。

本発明では、前記紐付情報表示ステップは、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするためのリンクを該画像に設定するものであり、ユーザの識別情報を取得する識別情報取得ステップと、ユーザによる前記リンク先の選択履歴を該ユーザの識別情報と対応づけて所定の記憶領域に記憶させる選択履歴記憶制御ステップと、をさらに備えることが好ましい。

本発明では、前記紐付情報表示ステップにより表示される前記紐付情報は所定の複数のカテゴリの内の少なくともいずれかに区分されており、前記複数のカテゴリの内、ユーザが前記紐付情報の閲覧を希望するカテゴリを規定するカテゴリ設定情報を取得するカテゴリ設定情報取得ステップをさらに備え、前記紐付情報表示ステップは、前記カテゴリ設定情報取得ステップにて取得されるカテゴリ設定情報により規定されるカテゴリに属する前記紐付情報のみを表示させることが好ましい。

本発明では、前記サーバは、前記紐付情報表示ステップでは、表示する画像をユーザが
選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするため
のリンクを該画像に設定するものであり、ユーザにより該リンクが選択された際に、該リ
ンクが対応する紐付情報が紐付けられている色と色彩コーディネート的に推奨される所定
の関係にある色に紐付けられている紐付情報もリンク先の情報とともに前記クライアント
端末に表示させることが好ましい。

本発明では、前記紐付情報表示ステップは、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするためのリンクを該画像に設定するものであり、ユーザにより該リンクが選択された際に、該リンクが対応する紐付情報が示すカテゴリと所定の関連性を有するカテゴリに対応する紐付情報であり、且つ該リンクが対応する紐付情報が紐付けられている色と色彩コーディネート的に推奨される所定の関係にある色に紐付けられている紐付情報もリンク先の情報とともに表示させることが好ましい。

本発明では、前記紐付情報表示ステップは、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連する商品購入ページにアクセス可能とするためのリンクを該画像に設定するものであり、ユーザの識別情報を取得する識別情報取得ステップと、ユーザによる前記商品購入ページでの購入履歴を該ユーザの識別情報と対応づけて所定の記憶領域に記憶させる購入履歴記憶制御ステップと、をさらに備え、購入履歴記憶制御ステップにて記憶させた購入履歴が示す商品と色彩コーディネート的に推奨される関係にある色に紐付けられている紐付情報を表示させることが好ましい。

色関連情報探索支援システムを示す図である。 サーバの機能ブロック図である。 色ＤＢのデータ構造を示す図である。 紐付情報ＤＢのデータ構成を示す図である。 購入履歴ＤＢのデータ構成を示す図である。 リンク先選択履歴ＤＢのデータ構成を示す図である。 色彩コーディネートＤＢのデータ構成を示す図である。 物品コーディネートＤＢのデータ構成を示す図である。 検索画面を示す図である。 Hue-Toneシステムにより配列表示された色の拡大図である。 商品購入ページを示す図である。 ログイン画面を示す図である。 色関連情報探索支援処理のフローチャートを示す図である。 第２実施形態の検索画面を示す図である。 色関連情報探索支援処理のフローチャートを示す図である。 等色相断面の拡大図。 第３実施形態の検索画面を示す図である。 色関連情報探索支援処理のフローチャートを示す図である。 第４実施形態の検索画面を示す図である。 色関連情報探索支援処理のフローチャートを示す図である。 第５実施形態の検索画面を示す図である。 色関連情報探索支援処理のフローチャートを示す図である。 第６実施形態の検索画面を示す図である。 色関連情報探索支援処理のフローチャートを示す図である。 第７実施形態の検索画面を示す図である。 色関連情報探索支援処理のフローチャートを示す図である。 第８実施形態の検索画面を示す図である。 色関連情報探索支援処理のフローチャートを示す図である。 第９実施形態の色関連情報探索支援処理のフローチャートを示す図である。 変形例における各色に紐付けられた情報の棒グラフを示す図である。 変形例の紐付情報の表示方法を示す図である。

以下、各実施形態について図面を参照しつつ説明する。
（第１実施形態）
図１は、色関連情報探索支援システム１００（以下、支援システム１００と記載）を示す図である。
支援システム１００は、サーバ１（色関連情報探索装置）およびクライアントＰＣ２（ＰＣ：Personal Computer）を備える。サーバ１およびクライアントＰＣ２は、インターネット等のネットワークＮを介して互いにデータ通信可能に接続される。

サーバ１は、所望の色に関連する情報を探索可能なウェブページとしての検索画面５００（図９）をネットワークＮを介してクライアントＰＣ２のディスプレイに表示させる。検索画面５００は、本実施形態では、オンラインショッピングに利用することが可能となっている。

サーバ１は、検索画面５００において、色相（Hue）およびトーン(Tone)を２軸とするHue-Toneシステムにより例えば数百、数千種類の色情報を配列表示する。サーバ１は、ユーザがクライアントＰＣ２にて所望の色を選択すると、データベースにて、選択された色に紐付けられた紐付情報、例えば選択された色の商品情報（例えば商品画像）を表示する。ユーザは、色を選択した際に表示される商品情報を購入する場合、該商品情報を選択することで購入できる。

なお、Hue-Toneシステムとは、色彩調和を意識した表色系である。トーンとは、明度と彩度の複合概念であり、色の調子を表す。色相およびトーンで色を表すHue-Toneシステムにおいて、同じトーン系列に属する色は、色相が異なっていても共通の感情効果をもつ。

ところで、サーバ１は、クライアントＰＣ２のウェブブラウザ上におけるユーザ操作を示す情報をクライアントＰＣ２から取得すると、サーバ用ソフトウェアおよびウェブアプリケーションを実行することにより、クライアントＰＣ２のウェブブラウザ上におけるユーザ操作に応じた処理を行う。クライアントＰＣ２のウェブブラウザ上の検索画面５００にてユーザが所望の色を選択すると、サーバ１は選択色に応じて検索画面５００としての新たなＨＴＭＬファイル(ＨＴＭＬ：HyperText Markup Language)を生成し、これをクライアントＰＣ２に送信する。

クライアントＰＣ２は、サーバ１から取得するＨＴＭＬファイルに基づいてウェブブラウザ上の検索画面５００を更新し、選択色の紐付情報（例えば商品画像）を表示する。もちろん、サーバ１から送信される情報に基づいて更新される画面領域は、必ずしも検索画面５００全体である必要は無く、直前の画面に対して変更される部分のみを更新表示してもよい。

サーバ１は、各種のプログラムやデータベース、検索画面５００の提供に必要な情報を格納するメモリ１１およびＨＤＤ１２(Hard Disk Drive、記憶部)、メモリ１１およびＨＤＤ１２が格納するプログラムを実行することにより各種の機能を実現するプロセッサ１３、およびＡＳＩＣ１４(Application Specific Integrated Circuit)を備える。ＡＳＩＣ１４は、プロセッサ１３が実現する処理の一部または全部を実現してもよい。サーバ１は、プロセッサ１３が実行するプログラムを必要に応じて該サーバ１以外の機器（例えば、クライアントＰＣ２や不図示の他のサーバ等）からネットワークＮ経由でダウンロードしてもよい。

また、データベース中の情報は、必ずしもデータテーブルとしてひとまとまりのデータ群としてメモリ１１およびＨＤＤ１２に格納される必要はなく、結果として必要な情報を参照可能な状態となっていればよく、いくつかのデータグループに分割されて個別にメモリ１１やＨＤＤ１２に格納されていてもよい。また、サーバ１における各種処理に用いる各種データベースの一部または全部は、必ずしもサーバ１に備わる記憶装置内に格納する必要はなく、結果としてサーバ１にてデータ取得可能であればよく、例えばサーバ１と通信可能にネットワーク接続されている不図示のデータサーバから必要に応じてデータを取得することもできる。

クライアントＰＣ２は、サーバ１が提供する検索画面５００をウェブブラウザを介して表示する。ユーザは、該検索画面５００にて表示される複数種類の色における適宜の色を選択することで、該色に紐付けられた商品情報等の紐付情報を見ることができる。

クライアントＰＣ２は、ユーザの操作入力を受け付けるキーボードやマウス等の操作入力部２１、画像を表示するディスプレイ等の表示部２２、メモリ２３、ＨＤＤ２４、プロセッサ２５、およびＡＳＩＣ２６を備える。メモリ２３、ＨＤＤ２４、プロセッサ２５、ＡＳＩＣ２６の機能は、サーバ１のメモリ１１、ＨＤＤ１２、プロセッサ１３、ＡＳＩＣ１４の機能と同様である。

図２は、サーバ１の機能ブロック図である。
サーバ１は、色ＤＢ９１（ＤＢ：DataBase）、紐付情報ＤＢ９２、購入履歴ＤＢ９３、リンク先選択履歴ＤＢ９４、色彩コーディネートＤＢ９５、カテゴリコーディネートＤＢ９６、色表示部３１、選択色情報取得部３２、紐付情報取得部３３、紐付情報表示部３４、識別情報取得部３５、購入履歴記憶制御部３６、目標分割数情報取得部３７、範囲選択情報取得部３８、カテゴリ設定情報取得部３９、基準情報取得部４０、対応色情報取得部４１、色覚型情報取得部４２、有効色情報取得部４３、および選択履歴記憶制御部４４を備える。各機能部３１〜４４は、プロセッサ１３がメモリ１１およびＨＤＤ１２内のプログラムを読み込むことにより実現する機能である。

図３は、色ＤＢ９１のデータ構造を示す図である。
色ＤＢ９１では、Hue-Toneシステムにおける各色の色座標（色値）と、表示部２２の制御用等に用いられるマンセル座標とが対応付けられている。Hue-Toneシステムでは、各色をHue(色相)、Saturation（彩度に相当）、Lightness（明度に相当）で表す。本実施形態では、色ＤＢ９１は、色が３０００色程あるデータ群と５００色程あるデータ群とを含む。

図４は、紐付情報ＤＢ９２のデータ構成を示す図である。
紐付情報ＤＢ９２では、Hue-Toneシステムにおける各色座標に対し、Ｌａｂカラーシステムにおける色座標、マンセルカラーシステムにおける色座標、ユニバーサルデザインのための色覚の型情報、および様々な商品の情報等が紐付情報として紐付けられている。なお、Hue-Toneシステムの色座標が25-6-7の場合、色相が２５、Saturationが６、lightnessが７を意味する。

色覚の型情報は、該色覚の型情報に紐付けられた色が、各Ｃ型色覚者、Ｐ型色覚者、Ｄ型色覚者に他の色と該色とを混同せずに該色を識別可能であるかを示す情報である。網膜の視細胞である錐体は、赤い光を主に感じる錐体、緑の光を主に感じる錐体、青の光を主に感じる錐体の３つの錐体がある。Ｃ型色覚者は、３つの錐体全てが揃っている人を指す。Ｃ型色覚者は、Hue-Toneシステムにおける各色座標の色全てを識別可能であるので、各色座標の色全てにＣ型色覚者は識別可能との情報が紐付けられる。

Ｐ型色覚者は、赤い光を主に感じる錐体が無いか、該錐体が感じられる光が赤よりも緑寄りの光である人を指す。Ｄ型色覚者は、緑の光を主に感じる錐体がないか、該錐体が感じられる光が緑よりも赤寄りの光である人を指す。Ｐ型、Ｄ型色覚者は、ある色を他の色と区別し難い、例えば橙を茶色と区別し難い。そこで、Ｐ型、Ｄ型色覚者が判別可能な色にのみ、Ｐ型、Ｄ型色覚者が判別可能な色であることを示す情報（図３におけるＰ型、Ｄ型）が紐付けられている。

商品の情報は、Hue-Toneシステムの１つの色座標に対し、図４の色座標25-6-7、25-6-8のように複数紐付けられていてもよい（色座標25-6-7には４つの商品情報が、色座標25-6-8には２つの商品情報が紐付けられている）。商品の情報は、商品ＩＤ（ＩＤ:Identification）、商品画像（図３においては商品画像のＩＤを表示、画像情報）、商品の大カテゴリ（例えば色材、シート施工工具、衣服、文房具、電気製品・・）、小カテゴリ（例えば色材の下位に装飾用シート、ペンキ、タイル、カーテン、絵具、クレヨン、マジック、壁紙、印刷インキ、シート施工工具の下位に、圧着用ヘラ、カッターナイフ、スクレパー、リベットブラシ、シート巻き取り・巻き出しローラ、養生テープ、衣服の下位にワイシャツ、ネクタイ、帽子、靴、文房具の下位にシャープペンシル、消しゴム）、製品品番、取扱店、テクスチャ（表面の質感、手触り）等がある。なお、色材とは、色をつける材料および着色材のことを指す他、本実施形態においては室外および室内の装飾用の部材も含むものとする（装飾用シート、壁紙の他、カーテンやタイルも含むものとする）。

紐付情報ＤＢ９２では、Hue-Toneシステムの色座標に対し、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするためのリンク先URLが紐付けられている。リンク先は、例えば商品の詳細な説明を表示したり商品の購入・予約等を可能としたりする商品購入ページ６００（図１１）である。本実施形態では、一例として、該ウェブページはいずれもサーバ１が提供するものとするが、必ずしもこれに限られるものではなく、例えば複数のウェブサーバが協働して当該ウェブページをクライアントＰＣ２に提供してもよい。

また、紐付情報ＤＢ９２では、Hue-Toneシステムにおける各色座標に対し、各色座標の色相に対応する等色相断面（図１６）を示す等色相断面情報が紐付けられている。等色相断面情報については後述する。また、紐付情報ＤＢ９２では、各色座標に対し、感性語（かわいい、かっこいい、きれい、涼やか・・）やトーン種別（ペールトーン、ライトグレイッシュトーン・・）等のそれぞれの色の特性を示す種々の情報が紐付けられているとともに、各都道府県の景観条例で使用可能か否かの情報が対応付けられている。

これらの商品情報は、支援システム１００を介して商品を販売したいユーザが、クライアントＰＣ２等における手入力によってサーバ２の紐付情報ＤＢ９２に登録してもよい。商品情報として商品画像を紐付ける場合、商品の色値を側色器で測定し、測定したＬａｂカラーシステムにおける色座標、マンセルカラーシステムにおける色座標に対応付けられたHue-Toneシステムの色座標に商品情報を紐付けてもよい。また、ユーザがサーバ１に商品情報とともに商品画像を送信し、この商品画像をサーバ１が解析し、商品画像に商品情報やその商品のHue-Toneシステムにおける色座標を紐付けてもよい。

図５は、購入履歴ＤＢ９３のデータ構成を示す図である。
サーバ１は、ユーザが商品購入ページ６００に進んでログインしたり、ユーザ情報を入力したりすることでユーザＩＤを取得する。そして、サーバ１は、各ユーザＩＤに、検索画面５００または商品購入ページ６００にてユーザが選択し購入した商品の商品ＩＤと購入日とを対応付け、購入履歴ＤＢ９３を構築する。

図６は、リンク先選択履歴ＤＢ９４のデータ構成を示す図である。
リンク先選択履歴ＤＢ９４では、ユーザにより選択されたリンク付きの画像に設定された該リンク先と、画像の選択日と、前述のユーザＩＤとが対応付けられている。

図７は、色彩コーディネートＤＢ９５のデータ構成を示す図である。
色彩コーディネートＤＢ９５では、Hue-Toneシステムにおける各色に対し、色彩コーディネート的に推奨される所定の関係にある色が紐付けられる。色彩コーディネート的に推奨される所定の関係とは、例えば、Hue-Toneシステム上において、同一色相である関係や同一トーンである関係を意味する。図７では、１つの対象色に対して１つの推奨色が紐付けられているが、複数の対象色に対して、１つまたは複数の推奨色が紐付けられていてもよい。

図８は、カテゴリコーディネートＤＢ９６のデータ構成を示す図である。
カテゴリコーディネートＤＢ９６では、各小カテゴリに対し、他の小カテゴリとの関連度が紐付けられている。例えば、小カテゴリの「装飾シート」に対し、「タイル」との関連度は５と設定されている。関連度の数値が高いほど、関連性が高いことを示す。

図９は、検索画面５００を示す図である。具体的に、図９は、色検索ボタン５０３が押されてドロップダウンした状態を示している。
色表示部３１（図２）は、互いに異なる複数種類の色を配列表示させた検索画面５００をクライアントＰＣ２に表示させる。具体的に、色表示部３１は、ウェブページとして検索画面５００を表示させるＨＴＭＬファイルを生成する。クライアントＰＣ２がこのＨＴＭＬファイルを取得し解析することで、クライアントＰＣ２のウェブブラウザ上に検索画面５００が表示されることとなる。

検索画面５００の中央部には、複数種類の色の配列表示部５０がある。色表示部３１は、配列表示部５０内に、色ＤＢ９１に基づいて、色相（Hue）およびトーン(Tone)を２軸とするHue-Toneシステムにより図９の設定においては有彩色を３０００色程配列表示する。また、有彩色の図９中右側方に無彩色を数色配列表示する。

これら有彩色および無彩色の各色の個別の形状は、例えば矩形状に表示される。有彩色においては横方向において隙間を開けて等間隔で表示される。隣接する各色は色相が異なる。色相は左手側から右手側に向かって概略、赤、橙、黄、緑、青、紫の順に変遷する。最上段の各色には、横方向に沿って０１〜４８まで色相座標（Hue）が付される。色相座標０１の縦一列の各色の色相座標は０１となる。これらの色相座標の下には、マンセルカラーシステムにおける色相座標が表示される（図１０、2.5RP、5RP、7.5RP・・）。

縦方向の各色は複数ブロック（数字９が付されたブロック、数字８が付されたブロック・・）に分割され、各ブロックは、縦方向に隙間を開けて等間隔に配置される。各ブロックには９〜０．５までのSaturation（彩度）が付される。上側のブロック程Saturationが高く、下側のブロック程Saturationが低い。各ブロック内の各色にはlightness（明度）が付される。

図１０において、文字「Saturation」直下の９−１は、Saturationが９、lightnessが１を示す。下側のブロック程、Saturationが同一でlightnessの異なる色を多数含む。本実施形態では、Hueは４８、Toneは例えば１０ある。また、本実施形態では、Saturation９の色は３つ、Saturation８の色は４つ、Saturation７、６の色は５つ、Saturation５の色は６つ、Saturation４、３の色は７つ、Saturation２，１，０、５の色は８つある。同一色相における各Saturation内の色は、lightnessが知覚的に等間隔となる。また、Saturationも、知覚的に等間隔に設定されている。すなわち、ある色相における同一のlightnessを有する色において、Saturationが異なる色間は知覚的に等間隔である。例えば04-8-7（Saturation８、lightness７）の色と04-7-7（Saturation７、lightness７）の色のSaturationの相異は、04-7-7（Saturation７、lightness７）の色と04-6-7（Saturation６、lightness７）の色のSaturationの相異と等しい。

図９において、下から２番目のSaturation１のブロックでは、Saturation同一の縦列が、横方向にとびとびの色相間隔で配置される。最も下側のSaturation０．５のブロックでは、Saturation同一の縦列が、下から２番目のSaturation１のブロックよりも、とびとびの色相間隔で配置される。

無彩色は、有彩色群の右手側方に縦一列に１７個配置される。無彩色は、上側にある程明るく白っぽく、下側にある程暗く、黒色に近づく。無彩色は、HueとSaturationを持たないためLightnessのみを有する。無彩色では、図１０に参照されるように、上にある色からLightnessが１、２・・１７となり、これらの値が各色の下方にD-1、D-2、・・D-17と表示される。Lightnessの数値の頭に付された「D-」という表示は、無彩色はHueとSaturationがないため、該色がHueとSaturation を有さないことを示す。また、無彩色の各色において、これらHue-Toneの色座標の右方にマンセル座標の明度の値がN-9.5、N-9.0、N-8.5・・N-1.5と表示される。「N-」という表示も、該色が色相と彩度を有さないことを示す。

図９において、検索画面５００の上部には、ワード検索窓５０１、および検索ボタン５０２がある。検索画面５００の左方には、色検索ボタン５０３、カテゴリ検索ボタン５０４、スクリーニングボタン５０５、ユニバーサルボタン５０６、アーカイブ・ライブラリーボタン５０７がある。色検索ボタン５０３がドロップダウンした状態においては、検索方法、検索結果、色数、コーディネート方法を選択するためのラジオボタン５０３Ａ〜５０３Ｉが表示される。図９では、これらの設定はデフォルトの設定にされている。

検索方法は、配列表示される色を選択するとすぐに検索結果が表示される通常検索に設定されている。他の検索方法として用意されている色相断面表示、シフト画像表示については後述する。検索結果については、サムネイル画像のラジオボタン５０３Ｄがチェックされており、図９に示すように、サムネイル画像Ａ１〜Ａ４が表示されるようになっている。製品品番のラジオボタン５０３Ｅをチェックすれば、図９の符号Ｂで示すように、配列表示される色（19-2-9）を選択すると製品品番が表示される。

配列表示部５０内に配列表示される色数については、３０００色を設定するラジオボタン５０３Ｆがチェックされている。配列表示される色数として５００色が選択された場合については後述する。コーディネート方法については後述する。

選択色情報取得部３２は、ユーザが配列表示部５０内のいずれかの色を選択することにより、クライアントＰＣ２から、配列表示される複数種類の色のうちのいずれの色がユーザにより選択されたかを示す選択色情報を取得する。本実施形態では、選択色情報取得部３２は、図９、１０に示すように、Hue２５、Saturation６、lightness７を示す選択色情報を取得するものとする。なお、クライアントＰＣ２により表示される検索画面５００では、カーソルで選択された矩形の色領域の縁が枠で囲まれ、強調表示されるようになっている。

また、選択色情報取得部３２は、検索結果をサムネイル画像とする設定情報を取得する。選択色情報取得部３２は、配列表示された色にユーザがカーソルを合わせてマウス等をクリックすることにより、選択色情報をクライアントＰＣ２から取得してもよいし、配列表示された色上にカーソルが合わせられることで、クリック無しに選択色情報をクライアントＰＣ２から取得してもよい。

紐付情報取得部３３は、選択色情報取得部３２にて取得される選択色情報に予め紐付けられている紐付情報を紐付情報ＤＢ９２から取得する。紐付情報取得部３３は、図９の例では、色座標25-6-7に紐付けられている紐付情報として、商品ＩＤ25671〜ＩＤ25674の画像25671A〜25674A、商品購入ページ６００のリンク、および「ＯＯ社Ａ−１０３」等の製品番号等の商品情報を紐付情報ＤＢ９２から取得する。

紐付情報表示部３４は、紐付情報取得部３３にて取得される紐付情報をクライアントＰＣ２に送信することにより、クライアントＰＣ２に紐付情報取得部３３にて取得される紐付情報に基づくサムネイル画像Ａ１〜Ａ４を表示させる。また、紐付情報表示部３４は、図９に示すように、紐付情報ＤＢ９２において色座標25-6-7に紐付けられている装飾シート、ペンキ、タイル、カーテンの商品画像をクライアントＰＣ２にサムネイル表示させる。

これら装飾シート、ペンキ、タイル、カーテンは同一色であるので、本実施形態によれば、ユーザは、配列表示部５０内の色を選択するだけで、簡単に所望の色の商品群を呼び出すことができ、好みの色の商品に容易に辿り着くことができる。

なお、本実施形態では、選択色に紐付けられている商品画像がカテゴリ「色材」の装飾用シートやペンキ、タイル、カーテンである例を説明したが、選択色にカテゴリ「衣服」のワイシャツやネクタイ、靴下、帽子の商品画像が紐付けられている場合、図９の吹き出し内には、それらワイシャツやネクタイ、靴下、帽子等の商品画像や商品情報が表示されることとなる。

紐付情報表示部３４は、クライアントＰＣ２側から検索結果を製品品番とする設定情報を取得する場合、図９に示すように、紐付情報として「ＯＯ社Ａ−１０３」等の製品品番を表示させる。

また、紐付情報表示部３４は、クライアントＰＣ２に、前記商品画像に基づくサムネイル画像や製品品番等の画像を、配列表示される複数種類の色の内の選択色情報が示す色（25-6-7）に対応づけて表示させる。具体的に、紐付情報表示部３４は、吹き出し表示等のように、選択色情報が示す色との対応関係を示しつつサムネイル画像Ａ１〜Ａ４等の紐付情報を画像表示させる。また、紐付情報表示部３４は、紐付情報に基づく画像を、複数種類の色が配列表示される領域（Saturation座標９〜２のブロック群により形成される略矩形領域）の一部と重なるように表示させる。

ここで、従来のオンラインショッピングシステムでは、購入商品の実際の色がユーザのディスプレイに表示される商品の色と異なることを理由とする返品が多いことが課題の１つとなっている。このような課題に対し、本実施形態では、紐付情報表示部３４が吹き出し内に選択色情報としての色座標25-6-7を文字で表示する。そのため、本実施形態では、ユーザは、Hue-Toneシステムの色票を予め用意することで、選択色の色座標と同じ色座標の色票を見ることができ、購入商品の色を把握できる。また、これにより本実施形態では、購入商品の色がディスプレイ上の色と異なることを理由とする返品を減らすことができる。

紐付情報表示部３４は、クライアントＰＣ２側から検索結果を製品品番とする設定情報を取得する場合、製品品番を吹き出し内に表示させるが、選択色に複数の商品情報が紐付けられている場合、図９のように、吹き出しを重ねて表示する。この場合、ユーザは、例えば吹き出しをワンクリックすることで、下の吹き出しの内容を閲覧できる。

なお、本実施形態では、配列表示される複数種類の色と別画面を開き、該別画面にサムネイル画像Ａ１〜Ａ４等の紐付情報を表示してもよい。
紐付情報表示部３４は、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするためのリンクを該画像に設定する。具体的に、紐付情報表示部３４は、サムネイル画像Ａ１〜Ａ４や製品品番の表示画像に、商品購入ページ６００のリンクを設定する。

図１１は、商品購入ページ６００を示す図である。
クライアントＰＣ２は、ユーザがサムネイル画像Ａ１〜Ａ４または製品品番の吹き出し画像をダブルクリック等により選択すると、いずれかのサムネイル画像Ａ１〜Ａ４または吹き出し画像に設定されたリンク先にアクセスする。リンク先は、本実施形態ではサーバ１が提供するウェブページであり、検索画面５００にて選択されたサムネイル画像Ａ１〜Ａ４の商品購入ページ６００である。

商品購入ページ６００には、選択されたサムネイル画像Ａ１〜Ａ４の商品画像６０１、価格、購入数量の入力ボックス６０２、およびレジ進行ボタン６０３がある。
紐付情報表示部３４は、前述したように、検索画面５００にて表示する画像（サムネイル画像Ａ１〜Ａ４）をユーザが選択した場合に該画像Ａ１〜Ａ４に対応する紐付情報に関連するリンク先（商品購入ページ６００）にアクセス可能とするためのリンクを該画像Ａ１〜Ａ４に設定している。紐付情報表示部３４は、ユーザにより該リンク（サムネイル画像Ａ１〜Ａ４）が選択された際に、色彩コーディネートＤＢ９５に基づき、該リンクが対応する紐付情報が紐付けられている色（例えば25-6-7）と色彩コーディネート的に推奨される所定の関係にある色に紐付けられている紐付情報（商品画像６０４〜６０６）もリンク先の情報（商品購入ページ６００における商品購入のための情報）とともに表示させる。

すなわち、紐付情報表示部３４は、例えば、検索画面５００にてサムネイル画像Ａ１が選択された場合、サムネイル画像Ａ１とHue-Toneシステム上で同一トーンや同一色相であり色彩コーディネート的に推奨される関係にある色、をまず色彩コーディネートＤＢ９５にて検索する。続いて、紐付情報表示部３４は、検索された色の商品を紐付情報ＤＢ９２にて検索する。そして、紐付情報表示部３４は、サムネイル画像Ａ１と、サムネイル画像Ａ１の商品と色彩コーディネート的に推奨される商品の画像６０４〜６０６とを、商品購入ページ６００にて商品購入のための情報と共に表示する。

この際、検索画面５００にてカテゴリコーディネートのラジオボックス５０３Ｉにチェックが入っている場合、紐付情報表示部３４は、ユーザにより該リンク（サムネイル画像Ａ１〜Ａ４）が選択された際に、該リンクが対応する紐付情報が示すカテゴリ（大カテゴリまたは小カテゴリ）と所定の関連性を有するカテゴリに対応する紐付情報であり、且つ該リンクが対応する紐付情報が紐付けられている色（例えば25-6-7）と色彩コーディネート的に推奨される所定の関係にある色（例えば青）に紐付けられている紐付情報（商品画像６０４〜６０６）もリンク先の情報（商品購入ページ６００における商品購入のための情報）とともに表示させる。

すなわち、紐付情報表示部３４は、検索画面５００にてサムネイル画像Ａ１が選択された場合、例えばサムネイル画像Ａ１の小カテゴリ「装飾シート」と関連性の高い小カテゴリ（例えばタイルやカーテン、絵具）をカテゴリコーディネートＤＢ９６に基づいて検索する。続いて、紐付情報表示部３４は、サムネイル画像Ａ１の小カテゴリと関連性の高い小カテゴリに紐付けられている商品という条件で、サムネイル画像Ａ１の色と色彩コーディネート的に推奨される関係（同一トーンや同一色相）にある色に紐付けられている商品を紐付情報ＤＢ９２にて検索し、該商品の画像６０４〜６０６を商品購入ページ６００に表示する。

紐付情報表示部３４は、コーディネート的に推奨される商品の画像６０４〜６０６の下に、該商品を購入可能にする購入ボタン６０７〜６０９を表示する。また、紐付情報表示部３４は、最もコーディネート的に推奨される商品の画像６０４〜６０６を商品購入ページ６００に表示するとともに送りボタン６１０，６１１を表示し、画像６０４〜６０６の次にコーディネート的に推奨される商品を、送りボタン６１０，６１１が選択されることで表示する。

ユーザが検索画面５００にて選択した商品の画像６０１が気に入った場合、レジ進行ボタン６０３を押すことで該商品を購入できる。すなわち、レジ進行ボタン６０３が選択されると、まず、識別情報取得部３５は、図１２のログイン画面６５０を表示し、ユーザの識別情報を取得する。
すると、紐付情報表示部３４は、送付先や支払方法の選択をユーザが行うための不図示の商品購入ページを表示する。該商品購入ページでユーザが商品購入手続きをすることで、サーバ１はユーザの商品購入手続きを完了させる。これによりユーザは該商品を購入できる。

ここで、購入履歴記憶制御部３６は、ユーザによる商品購入ページ６００での購入履歴を該ユーザの識別情報と対応づけて所定の記憶領域（購入履歴ＤＢ９３）に記憶させる。
紐付情報表示部３４は、検索画面５００にて、購入履歴コーディネートのラジオボタン５０３Ｊにチェックが入っている場合、検索画面５００にて選択されたサムネイル画像Ａ１の色ではなく、購入履歴記憶制御部３６にて購入履歴ＤＢ９３に記憶させた購入履歴が示す商品の色と色彩コーディネート的に推奨される関係にある色の商品を紐付情報ＤＢ９２から検索し、コーディネート的に推奨される色の商品画像６０４〜６０６を表示する。
サーバ１の他の機能部３７〜４４については、後述の各実施形態の中で説明する。

図１３は、本実施形態の色関連情報探索支援処理のフローチャートである。以下、該処理を簡略に説明する。
色表示部３１は、互いに異なる複数種類の色を配列表示させた検索画面５００（図９）をクライアントＰＣ２に表示させる（色表示ステップＳ１０１）。

選択色情報取得部３２は、クライアントＰＣ２から、いずれかの色がユーザにより選択されたかを示す選択色情報（例えばHue２５、Saturation６、lightness７（25-6-7））を取得する（選択色情報取得ステップＳ１０２）。

紐付情報取得部３３は、選択色情報（25-6-7）に予め紐付けられている紐付情報を紐付情報ＤＢ９２（図４）から取得する。紐付情報取得部３３は、選択色（25-6-7）に紐付けられている紐付情報として、商品（ＩＤ25671〜ＩＤ25674）の画像情報（25671A〜25674A）および商品購入ページ６００のリンク先ＵＲＬ等の商品情報を紐付情報ＤＢ９２から取得する（紐付情報取得ステップＳ１０３）。

紐付情報表示部３４は、紐付情報に基づく画像を表示させる（紐付情報表示ステップＳ１０４）。紐付情報表示ステップＳ１０４は、第１紐付情報表示ステップＳ１０４１と第２紐付情報表示ステップＳ１０４２とに分かれる。

第１紐付情報表示ステップＳ１０４１では、紐付情報表示部３４は、紐付情報としての画像情報（例えばサムネイル画像Ａ１〜Ａ４）をクライアントＰＣ２に送信することにより、クライアントＰＣ２に、紐付情報に基づく画像（例えばサムネイル画像Ａ１〜Ａ４）を、配列表示される複数種類の色の内の選択色情報が示す色（25-6-7）に対応づけて表示させる。紐付情報表示部３４は、選択色情報が示す色（25-6-7）に製品品番等を示す吹き出し画像を対応付けて表示させる、あるいは吹き出し表示内に選択色情報に基づくサムネイル画像Ａ１〜Ａ４を表示させる。

また、紐付情報表示部３４は、紐付情報に基づく画像（例えばサムネイル画像Ａ１〜Ａ４）を、複数種類の色が配列表示される領域の一部と重なるように表示させる。紐付情報表示部３４は、表示する画像（例えばサムネイル画像Ａ１〜Ａ４）に商品購入ページ６００（図１１）のリンク先ＵＲＬを設定する。

第２紐付情報表示ステップＳ１０４２では、紐付情報表示部３４は、ユーザが紐付情報に基づく画像（例えばサムネイル画像Ａ１〜Ａ４）をダブルクリック等により選択すると、該画像に設定されたリンク先ＵＲＬのウェブページをクライアントＰＣ２に提供する、すなわち商品購入ページ６００をクライアントＰＣ２に表示させる。

この際、紐付情報表示部３４は、例えば検索画面５００にて選択されたサムネイル画像Ａ１とHue-Toneシステム上で同一トーンや同一色相であり色彩コーディネート的に推奨される関係にある色、を色彩コーディネートＤＢ９５（図７）にて検索する。続いて、紐付情報表示部３４は、検索された色の商品を紐付情報ＤＢ９２にて検索し、サムネイル画像Ａ１の商品と色彩コーディネート的に推奨される商品のサムネイル画像６０４〜６０６を、商品購入ページ６００において、商品購入のための情報（購入数量の入力ボックス６０２や価格、レジ進行ボタン６０３）と共に表示する。

また、紐付情報表示部３４は、検索画面５００にてカテゴリコーディネートのラジオボタン５０３Ｉにチェックが入っている場合、コーディネート的に推奨される商品は、検索画面５００にて選択されたサムネイル画像Ａ１の色と同一トーンや同一色相であるという条件に加え、選択されたサムネイル画像Ａ１の商品とカテゴリコーディネートＤＢ３４（図８）において関連性が高いカテゴリに紐付けられているという条件で、商品を紐付情報ＤＢ９２にて検索し、検索されたコーディネート的に推奨される商品の画像６０４〜６０６を商品購入ページ６００に表示する（第２紐付情報表示ステップＳ１０４２）。

識別情報取得部３５は、ユーザがレジ進行ボタン６０３を選択すると、ログイン画面６５０（図１２）を表示し、ユーザの識別情報を取得する（識別情報取得ステップＳ１０５）。
購入履歴記憶制御部３６は、ユーザによる商品購入ページ６００での購入履歴をユーザの識別情報と対応づけて所定の記憶領域（購入履歴ＤＢ９３、図５）に記憶させる（購入履歴機構制御ステップＳ１０６）。

なお、紐付情報表示部３４は、検索画面５００にて購入履歴コーディネートのラジオボタン５０３Ｊにチェックが入っている場合、購入履歴ＤＢ９３および紐付情報ＤＢ９２から、購入履歴が示す商品の色と色彩コーディネート的に推奨される関係にある色の商品を検索し、検索されたコーディネート的に推奨される商品の画像６０４〜６０６（紐付情報）を表示する（第２紐付情報表示ステップＳ１０４２）。

（第２実施形態）
図１４は、検索画面５００を示す図である。
検索画面５００にて、等色相断面表示５０３Ｂのラジオボタン５０３Ｂにチェックが入っている場合のサーバ１の動作を、図１５のフローチャートを参照しながら簡略に説明する。以下、第１実施形態と同一の構成や処理ステップは、簡略もしくは省略して説明する。

ユーザが、配列表示される複数種類の色のうちのいずれかの色をクリックすることにより、あるいはいずれかの色にカーソルを合わせることにより該色を選択すると、選択色情報取得部３２は、クライアントＰＣ２から、配列表示される複数種類の色のうちのいずれの色がユーザにより選択されたかを示す選択色情報（例えば図１４の色座標04-8-5）を取得する（第１選択色情報取得ステップＳ１０２１Ａ）。

紐付情報取得部３３は、紐付情報として、選択色情報取得部３２にて取得される選択色情報（色座標04-8-5）に紐付けられた紐付情報を紐付情報ＤＢ９２（図４）から取得する。紐付情報には、選択色情報が示す色に対応する等色相断面を示す等色相断面情報（Hue25用等色相断面情報、Hue31用等色相断面情報・・）が含まれる。等色相断面情報については以下で後述する（紐付情報取得ステップＳ１０３Ａ）。

紐付情報表示部３４は、検索画面５００において、選択色と同一のトーンの色を囲むトーンセレクター５１０、および選択色と同一の色相の色を囲む色相セレクター５２０を表示する。紐付情報表示部３４は、紐付情報取得部３３にて取得される色相断面情報に基づき、選択情報取得部３６にて取得される選択色情報が示す色についての等色相断面を構成する複数種類の色を、選択色に対応付けて吹き出し内に配列表示させ、等色相断面部５３０を表示する（第３紐付情報表示ステップＳ１０４３Ａ）。

図１６は、吹き出し内に表示される等色相断面部５３０の拡大図である。
具体的に、紐付情報表示部３４は、選択色に対応付けた吹き出し内に、等色相断面部５３０、色相調整部５４０、およびトーン調整部５５０を表示する。
等色相断面部５３０は、選択色（04-8-5）の色相（０４）の等色相断面を表示する部分である。等色相断面とは、隣接する色のSaturationおよびlightnessが知覚的に等間隔となるように、選択色の色相の複数色を横軸Saturationおよび縦軸lightnessに配列したものである。等色相断面では、図１６中右側の色程Saturationが高く、図１６中上側の色程lightnessが高い。

ここで、本実施形態の検索画面５００では、各色相を構成する色において、同一Saturationグループ内における各色のlightnessの差は知覚的に等間隔とされている。また、lightnessが同一でSaturationが異なる色間の差は知覚的に等間隔とされている。すなわち、等色相断面部５３０は、検索画面５００の選択色の色相を構成するSaturation９〜１までの色を横軸Saturationおよび縦軸lightnessに配列し直したものであり、その色数はSaturation９〜１までの色と同じ５４つである。等色相断面部５３０において最も右側にある色のSaturationは９であり、lightnessは上から１，３，５となり、検索画面５００のSaturation９のブロック９の色を構成する色と同じものが配列されている。

従って、紐付情報表示部３４が等色相断面部５３０を形成する際に用いる等色相断面情報は、紐付情報ＤＢ９２において各色に紐付けられている情報（Hue25用等色相断面情報、Hue31用等色相断面情報・・）であるが、該色の色相を構成するSaturation９〜１までの５４つの色を示す情報となっている。

色相調整部５４０には、選択色のトーンを有する色相（図１４のトーンセレクター５１０中の色相）において代表的な色相の色（赤、黄、緑、青）が配列される。これらの色が選択されると、紐付情報表示部３４は、検索画面５００での色が選択される際と同様のアルゴリズムで、選択色の等色相断面に等色相断面部５３０を切り替える。これにより、色相調整部５４０の色は代表的な色相の色しか配置されていないが、ユーザは、その中の色相の色を選択することで、該色の等色相断面を容易に見ることができるようになっている。

トーン調整部５５０には、色相調整部５４０内の色が選択されると、色相調整部５４０にて表示される色相間にある色相であって該選択色の周囲の色相が配列される。トーン調整部５５０内の色が選択されると、紐付情報表示部３４は、検索画面５００での色が選択される際と同様のアルゴリズムで、選択色の等色相断面に等色相断面部５３０を切り替える。本実施形態は、後述するが、ユーザは、色相調整部５４０およびトーン調整部５５０を用いて切り替えた等色相断面部５３０内の色を選択することで、選択色に紐付けられた商品画像を表示させることができる。

本実施形態は、トーン調整部５５０があることにより、色相調整部５４０に配列される代表的な色相よりも細かく色相を選択したい場合にも対応できる。そして、ユーザは、等色相断面部５３０、色相調整部５４０、およびトーン調整部５５０を用いることで、好みの色相およびトーンの色を容易に探すことができる。

等色相断面部５３０内の色が選択されると、検索画面５００において、選択色を囲っていた枠は移動し、新たに選択された色を囲う。また、トーンセレクター５１０および色相セレクター５２０も、等色相断面部５３０内の新たな選択色を中心として表示される。

本実施形態では、ユーザは、前述したように、所望の色を等色相断面を用いて感覚的に容易に探せる。また、ユーザは、トーンセレクター５１０および色相セレクター５２０に沿ってカーソルを移動させることで、トーンを固定しながら簡単に色相を変えることができるとともに、色相を固定しながら簡単にトーンを変えることができ、これによっても所望の色を感覚的に容易に探せるようになる。

選択色情報取得部３２は、配列表示される等色相断面を構成する複数種類の色のうちのいずれかの色がダブルクリック等によりユーザに選択されると、該色を示す情報を選択色情報として取得する（第２選択色情報取得ステップＳ１０２２Ａ）。
この後は、第１実施形態と同様、紐付情報取得部３３が紐付情報ＤＢ９２にて選択色情報に紐付けられた商品画像Ａ１〜Ａ４を、選択色情報に対応付けて吹き出し内に表示する（第１紐付情報取得ステップＳ１０４１Ａ）。

なお、紐付情報取得部３３は、紐付情報として、取得される選択色情報が示す色が有する属性のうちの所定の属性が等しい色を展開した色断面を示す色断面情報を紐付情報ＤＢ９２から取得してもよい。具体的に、本実施形態では、紐付情報取得部３３は、取得される選択色情報が示す色が有する属性（色相、明度、彩度）のうちの色相（所定の属性）が等しい色を展開した等色相断面を示す等色相断面情報を紐付情報ＤＢ９２から取得した。しかしながら、紐付情報取得部３３は、取得される選択色情報が示す色が有する属性のうちの明度（所定の属性）が等しい色を展開した等明度断面を示す等明度断面情報を紐付情報ＤＢ９２から取得してもよい。そして、紐付情報表示部３４は、選択色に対応付けた吹き出し内に等明度断面部を表示してもよい。

あるいは、紐付情報取得部３３は、取得される選択色情報が示す色が有する属性のうちの彩度（所定の属性）が等しい色を展開した等彩度断面を示す等彩度断面情報を紐付情報ＤＢ９２から取得し、紐付情報表示部３４が、選択色に対応付けた吹き出し内に等彩度断面部を表示してもよい。さらに、このようにして表示される等色相断面部、等明度断面部、および等彩度断面部のいずれを表示させるのかをユーザが適宜に選択できるようになっていてもよい。このようにすれば、本実施形態のように同色相で明度、彩度の要素から色選びをしたい時と同様に、同明度や同彩度の色の中から色相や明度、彩度といった属性を等明度断面部や等彩度断面部を利用して検討できる。

また、紐付情報表示部３４は、様々な色検討に対応すべく、さまざまな配列規則に従った色検討部を選択色に対応付けた吹き出し内に表示してもよく、紐付情報取得部３３は、該配列規則に則った色の配列に必要な情報を紐付情報ＤＢ９２から取得してもよい。

（第３実施形態）
図１７は、検索画面５００を示す図である。
検索画面５００にて、シフト画像表示のラジオボタン５０３Ｃにチェックが入っている場合のサーバ１の動作を、図１８のフローチャートを参照しながら簡略に説明する。

ユーザが、配列表示される複数種類の色のうちのいずれかの色を選択すると、選択色情報取得部３２は、いずれの色が選択されたかを示す選択色情報（例えば図１７の色座標１3-7-5）を取得する（選択色情報取得ステップＳ１０２Ｂ）。

紐付情報取得部３３は、紐付情報として、選択色情報取得部３２にて取得される選択色情報（13-7-5）に紐付けられた紐付情報、および選択色（13-7-5）にトーン方向上下および色相方向左右に隣接する色（13-7-3、13-7-7、12-7-5、14-7-5）に紐付けられた紐付情報を紐付情報ＤＢ９２から取得する（紐付情報取得ステップＳ１０３Ｂ）。ここでの紐付情報は、商品の画像や商品購入ページ（リンク先）を含む。

紐付情報表示部３４は、選択色に紐付けられた商品のサムネイル画像Ａ１〜Ａ４（紐付情報）を表示させる。紐付情報表示部３４は、選択色に紐付けられた商品のサムネイル画像Ａ１〜Ａ４を表示する際に、該紐付情報（サムネイル画像Ａ１〜Ａ４）とともに該紐付情報が紐付けられている色に配列表示上で隣接する色に紐付けられている紐付情報（サムネイル画像Ｃ１〜Ｃ４、Ｄ１〜Ｄ４、Ｅ１〜Ｄ４、Ｆ１〜Ｆ４）への表示切替を可能とするための色シフトボタン５６０を表示させる。

選択色に紐付けられたサムネイル画像Ａ１〜Ａ４の上方にある色シフトボタン５６０は上方向を指定し、サムネイル画像Ａ１〜Ａ４の右方にある色シフトボタン５６０は右方向を指定し、サムネイル画像Ａ１〜Ａ４の下方にある色シフトボタン５６０は下方向を指定し、サムネイル画像Ａ１〜Ａ４の左方にある色シフトボタン５６０は左方向を指定する。

紐付情報表示部３４は、ユーザによる色シフトボタン５６０への操作入力を受け付けた場合に、選択された色シフトボタン５６０が指定する方向に隣接する色に紐付けられている紐付情報（サムネイル画像Ｃ１〜Ｃ４、Ｄ１〜Ｄ４、Ｅ１〜Ｄ４、Ｆ１〜Ｆ４）に表示を切り替える。すなわち、サムネイル画像Ａ１〜Ａ４の左の色シフトボタン５６０が選択されると、紐付情報取得部３３は、左方向に隣接する色（12-7-5）を新たな選択色として取得し（Ｓ１０７Ｂ：ＹＥＳ、選択色情報取得ステップＳ１０２Ｂ）、上記ステップＳ１０３Ｂが再度繰り返される。

結果、紐付情報表示部３４は、選択色（13-7-5）の画像として中央に表示されていたサムネイル画像Ａ１〜Ａ４を、色シフトボタン５６０が指定する左方向に隣接する色（12-7-5）のサムネイル画像Ｆ１〜Ｆ４に切り替える（第１紐付情報表示ステップＳ１０４１Ｂ）。これにより、新たな選択色（12-7-5）を中心に、上下左右方向に、隣接する色によるサムネイル画像も新たに表示されることとなる。また、切り替え前の選択色を囲っていた枠は左に１つ移動し、色シフトボタン５６０が指定する左方向に隣接する色（12-7-5）を囲うこととなる。

新たな選択色（12-7-5）のサムネイル画像Ｆ１〜Ｆ４、および該サムネイル画像Ｆ１〜Ｆ４の上下左右に表示されるサムネイル画像を選択すると、第１実施形態と同様、商品購入ページ６００を表示するステップＳ１０４２Ｂ〜Ｓ１０６Ｂが行われる。

本実施形態では、紐付情報（サムネイル画像Ａ１〜Ａ４）が画面表示された状態から所望のシフト方向を指定することにより、そのシフト方向側に隣接する色に紐付けられている情報（サムネイル画像Ｃ１〜Ｃ４、Ｄ１〜Ｄ４、Ｅ１〜Ｄ４、Ｆ１〜Ｆ４）の閲覧が可能なので、ユーザは再度色を選びなおすことなく近似色に紐付けられている商品等を検索できる。

（第４実施形態）
図１９は、検索画面５００を示す図である。
検索画面５００にて、色数５００のラジオボタン５０３Ｇにチェックが入っている場合のサーバ１の動作を、図２０のフローチャートを参照しながら簡略に説明する。

色表示部３１は、互いに異なる複数種類の色を配列表示させた検索画面５００をクライアントＰＣ２に表示させる（色表示ステップＳ１０１Ｃ）。
色数５００のラジオボタン５０３Ｇにチェックが入れられると、目標分割数情報取得部３７は、ユーザにより指定される目標分割数（５００）を示す目標分割数情報を取得する（Ｓ１０８Ｃ:ＹＥＳ、目標分割数情報取得ステップＳ１０９Ｃ）。

色表示部３１は、目標分割数情報取得部３７にて取得される目標分割数情報が示す目標分割数（５００）が、該目標分割数情報取得時に既に設定されている分割数（３０００）とは異なる場合に、色ＤＢ９１（図３）に基づいて該目標分割数（５００）で分割された複数種類の色を配列表示させる（色表示ステップＳ１０1Ｃ）。
他の動作は、第１実施形態と同様である。

本実施形態では、色票全体としての分割数の変更を可能とすることにより、例えば、現在表示されている色票の分割数が細かすぎ、所望の色を探すのに手間がかかる場合に、あらい分割数で分割した色票に表示変更することで、所望の色を選択することが容易になる。
逆に、現在表示されている色票の分割数が粗く所望の色が見つからない場合には、さらに細かい分割数で分割した色票に表示変更することで、所望の色を選択することが可能となる。

なお、本実施形態では、分割可能数が予め定められていたが、目標分割数の入力ボックスを設けて該目標分割数分の色を算出し、複数種類の色を配列表示させてもよい。所望の色数に分割する算出方法は、本願出願人の国際出願（国際出願番号ＰＣＴ／ＪＰ２０１２／００４１３０）に記載の方法を利用すれば可能である。

（第５実施形態）
図２１は、検索画面５００を示す図である。
本実施形態では、分割数５００の検索画面５００にて、サーバ１１は、指定範囲を拡大表示させる処理を行う。以下、該処理を図２２のフローチャートを参照しながら説明する。

分割数５００の検索画面５００にて、ユーザは、拡大表示させたい色の範囲を例えばカーソルをドラッグすることで指定する。そしてユーザは、例えば右クリックをすると表れる選択肢の中から拡大表示＆細分化を選択することで、範囲選択情報取得部３８は、ユーザにより指定される色値範囲を示す範囲選択情報を取得する（範囲選択情報取得ステップＳ１１１Ｄ）。

すると、色表示部３１は、範囲選択情報により指定される範囲を拡大表示するとともに、拡大表示される該選択範囲に含まれる複数種類の色を拡大前よりも細分化された分割数で配列表示させる、本実施形態の場合、色ＤＢ９１に基づいて分割数３０００の間隔で配列表示させる（色表示ステップＳ１０１Ｄ）。

なお、本実施形態では、拡大倍率を設定により変更できるようになっていてもよく、その場合に色を細分化させるための演算方法については、本願出願人の国際出願（国際出願番号ＰＣＴ／ＪＰ２０１２／００４１３０）に記載の方法を利用すれば可能である。また、拡大表示の対象となる領域に属する複数種類の色の分割数を細分化する演算としては、例えば分割数に対応して挿入する各色間の色の属性値（色相、lightness、Saturation）を、該色の周囲の属性値に基づいて分割数に応じた値とすることで（例えば該色の周囲の属性値の中間値とすることで）可能である。

（第６実施形態）
図２３は、検索画面５００を示す図である。以下、検索結果を所定のカテゴリー内に絞って表示させる処理を図２４のフローチャートを参照しながら説明する。
検索画面５００にて、カテゴリ検索ボタン５０４がドロプダウンすると、紐付ＤＢ９１（図４）において大カテゴリに分類される複数のカテゴリ（色材、シート施工工具、衣服・・）を示す大カテゴリボタン５７１〜５７７が表示される。ユーザが例えば色材を示す大カテゴリボタン５７１を選択した状態で、複数配列される色からいずれかの色（23-3-13）を選択すると、紐付情報表示部３４が該選択色に紐付けられた紐付情報（商品画像）を紐付情報ＤＢ９２から取得する（紐付情報取得ステップＳ１０３Ｅ）。

ユーザに選択された大カテゴリである「色材」の下の小カテゴリは「装飾シート」「ペンキ」「タイル」等がある。紐付情報表示部３４により表示される紐付情報（画像）は、所定の複数のカテゴリの内の少なくともいずれかに区分される。

カテゴリ設定情報取得部３９は、複数のカテゴリの内、ユーザが紐付情報の閲覧を希望するカテゴリを規定するカテゴリ設定情報を取得する。本実施形態では、まず、カテゴリ設定情報取得部３９は、大カテゴリ「色材」の下の複数の小カテゴリのうち、ユーザが紐付情報の閲覧を希望するカテゴリを規定するカテゴリ設定情報として、デフォルトの設定により「装飾シート」を取得する（カテゴリ設定情報取得ステップＳ１１３Ｅ）。

紐付情報表示部３４は、検索窓５８０を選択色（23-3-13）に対応付けて表示するとともに、検索窓５８０内に、選択色に紐付けられ、かつ小カテゴリが「装飾シート」である商品のサムネイル画像Ａ１〜Ａ３を縦一列に表示する（第１紐付情報表示ステップＳ１０４１Ｅ）。検索窓５８０には、ユーザに選択された大カテゴリである「色材」の下の小カテゴリ「装飾シート」「ペンキ」「タイル」を示すタブ５８２〜５８４が表示される。

ユーザは、他のカテゴリの商品画像を閲覧したいとき、現在のタブ５８２と異なるタブ５８３、５８４を選択する。
すると、カテゴリ設定情報取得部３９は、カテゴリ設定情報として、選択されたタブ５８３、５８４が示す小カテゴリ（「ペンキ」「タイル」）を取得する（Ｓ１１２Ｅ：ＹＥＳ，カテゴリ設定情報取得ステップＳ１１４Ｅ）。

紐付情報表示部３４は、選択色（23-3-13）に紐付けられた複数の画像のうち、カテゴリ設定情報取得部３９にて取得されるカテゴリ設定情報により規定されるカテゴリに属する画像のみを検索窓５８０内に表示させる（第１紐付情報表示ステップＳ１０４１Ｅ）。

このように、ユーザが閲覧を希望するカテゴリに属する紐付情報のみが表示される構成とすることで、例えばある色にユーザが閲覧を希望しないカテゴリの膨大な紐付情報が紐付けられている場合でも、それら閲覧を希望しない情報がノイズとなって閲覧の快適性を損なうことがない。

検索窓５８０内には、サムネイル画像Ａ１〜Ａ３を検索窓５８０内において上下に送るためのスライダー５８１が表示される。また、サムネイル画像Ａ１〜Ａ３の左右上下には、色シフトボタン５６０が表示される。

色シフトボタン５６０は、第３実施形態の色シフトボタン５６０と同様の機能を有する。すなわち、色シフトボタン５６０が選択されると（Ｓ１０７Ｅ：ＹＥＳ）、第３実施形態と同様の処理が行われ（Ｓ１０２Ｅ〜Ｓ１１３Ｅ）、色シフトボタン５６０が指定する方向に隣接する色に紐付けられている商品の画像に切り替わる（Ｓ１０４１Ｅ）。

（第７実施形態）
図２５は、検索画面５００を示す図である。以下、表示色のフィルタリング処理を図２６のフローチャートを参照しながら説明する。
検索画面５００においてスクリーニングボタン５０５を選択すると、スクリーニングボタン５０５がドロップダウンし、ワード入力ボックス５２１、トーン種別のチェックボックス５２２、各県の景観条例の選択を可能なドロップダウンリスト５２３、マンセル座標の入力ボックス５２４（色相を選択するためのドロップダウンリストを含む）、表示ボタン５２５、クリアボタン５２６が表示される。

基準情報取得部４０は、表示ボタン５２５が選択されると、上記入力受付部５２１〜５２４にて受け付けた、ユーザにより指定されるフィルタリングの基準としての基準情報を取得する（Ｓ１１５Ｅ：ＹＥＳ、基準情報取得ステップＳ１１６Ｆ）。基準情報は、商品の種類（カテゴリ）、感性語、景観条令、トーン種別、人物名、会社名、地名、製品名、サービス名、色値範囲、自然物（の名称）、および色名の内の少なくともいずれかの情報を含む。

商品の種類としては、例えば、色材、建築材料、衣服、家具など、カラーコーディネートが関わり得る多様な物品が挙げられる。
（１）色材
装飾シート、壁紙、カーテン、タイル、ペンキ、色鉛筆、絵の具、クレヨン、スプレー、マジック等
（２）建築材料
壁紙、サイディング、レンガ、モルタル、漆喰、コロニアル、瓦等
（３）衣服、アクセサリー
靴、靴下、ベルト、ネクタイ、シャツ、スーツ、ズボン、スカート、帽子、マフラー、手袋等
（４）家具
タンス、ベッド、テーブル、椅子、照明器具
（５）家電製品
テレビ、冷蔵庫、洗濯機、エアーコンディショナー、パーソナルコンピュータ、携帯端末、調理用家電等

トーン種別とは、例えばペールトーンやライトグレイッシュトーン、ビビッドトーンなどが挙げられる。
色値範囲とは、マンセル座標の入力ボックス５２４等にてユーザにより指定される色値範囲である。

自然物とは、自然界に存在するものであり、空（青空、大空、夜空、星空、夏空、秋空、曇り空・・）や土（黒土、赤玉土、腐葉土、・・）、石（大理石、御影石、石灰岩、・・）などを含む。
色名は、青、赤等の基本色名（色を言葉で表示する際に基本となる名前）の他、新橋色、鶯色、若草色等の固有色名（特定色に対して与えられた個別の名称）を含む。

対応色情報取得部４１は、基準情報取得部４０にて取得される基準情報に予め紐付けられている色を示す情報を所定の記憶領域（紐付情報ＤＢ９２）から取得する（対応色情報取得ステップＳ１１７Ｆ）。
色表示部３１は、対応色情報取得部４１にて取得される情報が示す色のみを検索画面５００（配列表示部５０）に配列表示させる（色表示ステップＳ１０１Ｆ）。

例えば基準情報取得部４０がワード入力ボックス５２１にて「かわいい」という感性語を取得する場合（基準情報取得ステップＳ１１６Ｆ）、対応色情報取得部４１は、「かわいい」という言葉が紐付けられている色を紐付情報ＤＢ９２から取得し（色表示ステップＳ１１７Ｆ）、色表示部３１は、「かわいい」という感性語が示す色のみを検索画面５００に配列表示させる（色表示ステップＳ１０１Ｆ）。

また、基準情報取得部４０が取得する基準情報が、ユーザにより指定される色値範囲を含む場合、対応色情報取得部４１は、色値範囲に予め紐付けられている色を示す情報を所定の記憶領域（色ＤＢ９１）から取得する（対応色情報取得ステップＳ１１７Ｆ）。この場合、色表示部３１は、色値範囲内に属する色のみを配列表示させる。

このように、キーワード等によって表示対象色をフィルタリングするだけでなく、具体的な色値の範囲を入力することにより、表示対象としたい複数種類の色の範囲を特定することもできる。

例えば建築材料をカッティングシート、色値範囲を色相５Ｒ〜５Ｇ、明度７以上かつ彩度３以上と指定することで、検索画面５００には指定した色範囲において紐付情報としてカッティングシートを有する色が表示される。そして、例えば色相６R、明度７、彩度３．２の色のみが表示され、該色を選択することで○×と言う商品が表示される。このように、本実施形態では、ユーザは容易に所望の色範囲の商品を検索できる。色範囲は、マンセル表色系の他、Ｈｕｅ−Ｔｏｎｅシステム、ＰＣＣＳ等の適宜の表色系において指定してもよい。

なお、本実施形態では、基準情報を、該基準情報に対応付けられた色のみを表示するために用いたが、基準情報を、該基準情報に対応付けられた色のみを表示しないために用いてもよい。例えば、トーン種別としてペールトーンが選択される場合、ペールトーンの色のみを表示しないようにしてもよい。

（第８実施形態）
図２７は、検索画面５００を示す図である。以下、表示色のユニバーサル表示処理を図２８のフローチャートを参照しながら説明する。
検索画面５００においてユニバーサルボタン５０６を選択すると、ユニバーサルボタン５０６がドロップダウンし、色覚の型のチェックボックス５２５〜５２７が、Ｃ型、Ｐ型色覚、Ｄ型色覚毎に対応付けて表示される。

網膜の視細胞である錐体は、赤い光を主に感じる錐体、緑の光を主に感じる錐体、青の光を主に感じる錐体の３つの錐体があり、Ｃ型色覚者は３つの錐体全てが揃っている。Ｐ型色覚者は、赤い光を主に感じる錐体がないか、該錐体が感じられる光が赤よりも緑寄りの光である人を指す。Ｄ型色覚者は、緑の光を主に感じる錐体が無いか、該錐体が感じられる光が緑よりも赤寄りの光である人を指す。

色覚型情報取得部４２は、これらのチェックボックス５２５〜５２７にて、ユーザの色覚の型情報を取得する（基準情報取得ステップＳ１１９Ｇ）。
有効色情報取得部４３は、色覚型情報取得部４２にて取得される色覚の型情報に予め紐付けられている色を示す情報を所定の記憶領域（紐付情報ＤＢ９２）から取得する（有効色情報取得ステップＳ１２０Ｇ）。

Ｐ型、Ｄ型色覚者は、ある色を他の色と区別し難い、例えば橙を茶色と区別し難い。そのため、紐付情報ＤＢ９２において、Ｐ型、Ｄ型色覚者が判別可能な色にのみＰ型、Ｄ型色覚者が判別可能な色であることを示す情報が紐付けられており、判別し難い色には判別可能な色であることを示す情報が紐付けられていない（図４）。

従って、色表示部３１が、有効色情報取得部４３にて取得される情報が示す色のみを配列表示することで（色表示ステップＳ１０１Ｇ）、Ｐ型またはＤ型色覚者にとって判別可能な色のみを配列できる。
なお、本実施形態では、Ｃ型、Ｐ型、Ｄ型の色覚者が判別可能な色のみを表示したが、Ｃ型、Ｐ型、Ｄ型の色覚者が判別できない色のみを表示するようにしてもよい。

（第９実施形態）
図２９は、第１実施形態の色関連情報探索支援処理のフローチャートとほぼ同様であるが、ユーザによるリンク先の選択履歴を保存しておく点（Ｓ１２１Ｈ）が異なる。
具体的に、第１実施形態では、紐付情報表示部３４は、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするためのリンクを該画像に設定した（Ｓ１０４１Ｈ、Ｓ１０４２Ｈ）。例えば、紐付情報表示部３４は、商品購入ページ６００（図１１）において、購入商品に対し、色彩コーディネートの観点から良好な商品を提案するが、提案する商品の画像にリンクを設定した（Ｓ１０４２Ｈ）。また、検紐付情報表示部３４は、ユーザが検索画面５００において色を選択した際に表示するサムネイル画像Ａ１〜Ａ４にもリンクを設定した（Ｓ１０４１Ｈ）。

第１実施形態では、商品購入する際に識別情報取得部３５がユーザの識別情報を取得する（Ｓ１０５Ｈ）。本実施形態では、ユーザの識別情報を取得した後、選択履歴記憶制御部４４が、ユーザによるリンク先の選択履歴を該ユーザの識別情報と対応づけて所定の記憶領域（リンク先選択履歴ＤＢ９４）に記憶させる（選択履歴記憶制御ステップＳ１２１Ｈ）。

すなわち、検索画面５００において色が選択された際に表示するサムネイル画像Ａ１〜Ａ４をユーザが選択した際や、商品購入ページ６００において色彩コーディネートとして提案する商品の画像６０４〜６０６をユーザが選択すると、該画像に設定されているリンク先を操作履歴として保存していく。
このように、ユーザによる入力履歴や選択履歴等の操作履歴をライブラリーとして所定の記憶領域に保存しておくことで、後に利用可能とすることができる。

（変形例）
前記各実施形態において、紐付情報ＤＢ９２には、各色に各種の情報が紐付けられていく。そして、時間を経るほどにその量は増加していく。従って、紐付情報ＤＢ９２において各色に紐付けられているデータの量を判別可能に算出できるようになっていてもよい。例えば、図３０に示すように、各色に紐付けられた情報をいくつかの項目に区分けしその量を棒グラフ化することで、紐付けられている情報が多い色と少ない色とが容易に判別できるようになっていてもよい。

前記各実施形態では、紐付情報表示部３４は、色の相関性（同一トーン、同一色相）に基づいて、選択色の商品に対して色彩コーディネートを行った。しかしながら、紐付情報表示部は、選択色の商品のテクスチャ（表面の質感や手触り）を考慮して色彩コーディネートを行ってもよい。また、紐付情報表示部は、選択色の商品に対し、風水や占い、パーソナルカラー等に基づく色彩コーディネートを行ってもよい。すなわち、サーバ１は、各色の関連度合いや各色に対するコーディネート対象の色を、風水や占い、パーソナルカラーに基づいて評価したＤＢ（カテゴリコーディネートＤＢ９６や色彩コーディネートＤＢ９５に相当）を備えていてもよく、該ＤＢに基づいて色彩コーディネートを行ってもよい。

演算処理等を行う各機能部３１〜４４は、本実施形態では１つのサーバ１が全て備える構成であるが、前記各実施形態でサーバ１が行っている演算処理は複数のサーバで分散処理する構成であってもよく、各機能部３１〜４４は、複数のサーバに跨っていてもよい。また、各機能部３１〜４４は、その一部、または全部がクライアントＰＣ２側にあってもよい。前記各実施形態では、１つのサーバ１内に各ＤＢ９１〜９６があったが、各ＤＢ９１〜９６は、複数のサーバに跨っていてもよいし、その一部または全部がクライアントＰＣ２側にあってもよい。

選択色に紐付けられている情報は、色の配列規則（色相、トーンの配列規則）に則って表示されてもよい。例えば、選択色に紐付けられている情報が様々な色相、トーンを有する画像であり、それらの画像を選択色を表示する場合に、Hue-Toneの配列規則に則って赤い画像を緑の画像よりも左側に配し、また、赤い画像の中でもトーン（明るさ）が明るいものをトーンが暗いものよりも上方に配してもよい。

複数種類の色の配列表示および紐付情報の表示は、例えば液晶ディスプレイや有機ＥＬディスプレイ上で行うことができる。もちろん、結果として人間に視認可能な状態に表示可能な技術であれば採用可能であり、例えば電子ペーパー技術を採用したディスプレイ、網膜ディスプレイ等も採用可能であることは言うまでもない。

前記各実施形態では、色表示部３１は、互いに異なる複数種類の色を、Ｈｕｅ−Ｔｏｎｅシステム、ＰＣＣＳ（Practical Color Co-ordinate System）、マンセル表色系（マンセル立体）、ＮＣＳ(Natural Color System)、オストワルト表色系、ＤＩＮ（Deutsche Industre Norm）表色系、およびＣＩＥ(Commission Internationale d'Eclairage)表色系の少なくともいずれかにて規定される配列規則に基づいて配列表示させることができる。色表示部３１は、ＰＡＮＴＯＮＥ（登録商標）の色見本帳やＤＩＣ（登録商標）の色見本帳のような既知の色見本帳の配列規則で複数種類の色を配列表示させることもできる。また、色表示部３１は、前記各実施形態のように複数種類の色を２Ｄ表示するほか、３Ｄ表示してもよい。

前記各実施形態では、選択色に対応して表示する吹き出し内に該選択色の紐付情報として画像を表示した、または紐付情報として色座標や製品番号等を表示した。しかしながら、図３１に示すように、紐付情報がカテゴリ別にツリー構造で表示され、表示したい紐付情報をユーザが容易に選択できるようになっていてもよい。

図３１の例では、色検索ボタン５０３がドロップダウンした状態にて、ツリー検索を選択するためのラジオボタン５０３Ｋが表示される。ラジオボタン５０３Ｋがチェックされると、該選択色に対応付けた吹き出し内に、紐付情報をカテゴリに区分けした際の上位層のカテゴリである色情報、商品情報等のカテゴリが表示される。これらのいずれかのカテゴリが選択されると、該選択したカテゴリに対応付けた吹き出し内に更に下位のカテゴリ、例えば表色系、アーカイブ情報、ライブラリー情報が表示される。このような表示動作を繰り返し、最下位のカテゴリがユーザにより選択されると、該カテゴリに対応する紐付情報、例えば図３１の例でいえば「ＣＭＹＫ系で表した選択色の色座標値」が表示されるようになっていてもよい。

本発明は、その精神または主要な特徴から逸脱することなく、他の様々な形で実施することができる。そのため、前述の実施の形態はあらゆる点で単なる例示に過ぎず、限定的に解釈してはならない。本発明の範囲は、特許請求の範囲によって示すものであって、明細書本文には、なんら拘束されない。さらに、特許請求の範囲の均等範囲に属する全ての変形、様々な改良、代替および改質は、すべて本発明の範囲内のものである。

１…サーバ（色関連情報探索支援装置）３１…色表示部、３２…選択色情報取得部、３３…紐付情報取得部、３４…紐付情報表示部。

Claims (7)

1. コンピュータによる色の配列表示方法であって、
   Ｈｕｅ−Ｔｏｎｅ Ｓｙｓｔｅｍ、ＰＣＣＳ（Practical Color Co-ordinate System）、マンセル表色系、ＮＣＳ(Natural Color System)、オストワルト表色系、ＤＩＮ表色系、およびＣＩＥ表色系のいずれかにて規定される配列規則に基づいて、互いに異なる複数種類の色を表示部に配列表示させる色表示ステップと、
   フィルタリングの基準としてユーザにより指定される基準情報を取得する基準情報取得ステップと、
   前記基準情報に予め紐付けられている色を示す情報を記憶領域から取得する対応色情報取得ステップと、を備え、
   前記色表示ステップでは、前記フィルタリング無しで表示する場合の複数種類の色のうち、前記対応色情報取得ステップにて取得される情報が示さない色は配列表示せず、前記対応色情報取得ステップにて取得される情報が示す色のみを前記配列規則に従い、前記フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、前記フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させる色の配列表示方法。
2. 前記基準情報は、いずれかの都道府県の景観条令である請求項１に記載の色の配列表示方法。
3. 前記配列規則は、Ｈｕｅ−Ｔｏｎｅ Ｓｙｓｔｅｍ又はＰＣＣＳであり、
   前記基準情報は、トーン種別である請求項１に記載の色の配列表示方法。
4. 前記色表示ステップでは、前記表示部に、複数種類の色を配列表示領域にて表示させるとともに、前記配列表示領域の周囲に、前記基準情報の入力を受け付ける入力領域を表示させる請求項１から請求項３のいずれかに記載の色の配列表示方法。
5. 前記色表示ステップでは、クライアント端末に対し、前記表示部に複数種類の色を配列表示させ、
   前記基準情報取得ステップでは、前記クライアント端末から前記基準情報を取得する請求項１から請求項４のいずれかに記載の色の配列表示方法。
6. 前記色表示ステップでは、クライアント端末に対し、前記表示部に複数種類の色を配列表示させ、
   前記基準情報取得ステップでは、前記クライアント端末から前記基準情報を取得し、
   配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得ステップと、
   前記クライアント端末に対し、前記選択色に予め紐付けられている紐付情報に基づく画像を表示させる紐付情報表示ステップと、を備える請求項１から請求項４のいずれかに記載の色の配列表示方法。
7. コンピュータに色の配列表示を行わせるプログラムであって、
   Ｈｕｅ−Ｔｏｎｅ Ｓｙｓｔｅｍ、ＰＣＣＳ（Practical Color Co-ordinate System）、マンセル表色系、ＮＣＳ(Natural Color System)、オストワルト表色系、ＤＩＮ表色系、およびＣＩＥ表色系のいずれかにて規定される配列規則に基づいて、互いに異なる複数種類の色を表示部に配列表示させる色表示ステップと、
   フィルタリングの基準としてユーザにより指定される基準情報を取得する基準情報取得ステップと、
   前記基準情報に予め紐付けられている色を示す情報を記憶領域から取得する対応色情報取得ステップと、をコンピュータに実行させ、
   前記色表示ステップでは、前記フィルタリング無しで表示する場合の複数種類の色のうち、前記対応色情報取得ステップにて取得される情報が示さない色は配列表示せず、前記対応色情報取得ステップにて取得される情報が示す色のみを前記配列規則に従い、前記フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、前記フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させるプログラム。