Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
JP6373324B2 - Color chart, computer, server, program - Google Patents
[go: Go Back, main page]

JP6373324B2 - Color chart, computer, server, program - Google Patents

Color chart, computer, server, program Download PDF

Info

Publication number
JP6373324B2
JP6373324B2 JP2016194085A JP2016194085A JP6373324B2 JP 6373324 B2 JP6373324 B2 JP 6373324B2 JP 2016194085 A JP2016194085 A JP 2016194085A JP 2016194085 A JP2016194085 A JP 2016194085A JP 6373324 B2 JP6373324 B2 JP 6373324B2
Authority
JP
Japan
Prior art keywords
color
colors
information
hue
saturation
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2016194085A
Other languages
Japanese (ja)
Other versions
JP2016224990A (en
Inventor
中川 浩一
浩一 中川
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Nakagawa Chemical Inc
Original Assignee
Nakagawa Chemical Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Nakagawa Chemical Inc filed Critical Nakagawa Chemical Inc
Priority to JP2016194085A priority Critical patent/JP6373324B2/en
Publication of JP2016224990A publication Critical patent/JP2016224990A/en
Application granted granted Critical
Publication of JP6373324B2 publication Critical patent/JP6373324B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Description

この明細書に記載の実施形態は、色に関連する情報の探索を支援する色関連情報探索支援技術に関する。   The embodiment described in this specification relates to a color-related information search support technique that supports a search for information related to a color.

近年、ウェブサイトにて購買したい商品を検索し、目的とする商品を購入可能なオンラインショッピングシステムが開発されている。
このようなシステムでは、ウェブサイトにシャツや靴等の物品名を検索キーとして入力することで、該検索キーに対応する様々な商品が一覧表示され、ユーザが所望の商品を検索・閲覧できるようになっている。
2. Description of the Related Art In recent years, an online shopping system has been developed that allows a user to search for products desired to be purchased on a website and to purchase desired products.
In such a system, by inputting the name of an article such as a shirt or shoes as a search key on a website, various products corresponding to the search key are displayed in a list so that the user can search and view a desired product. It has become.

また、このようなシステムのウェブサイトでは、カテゴリがツリー構造となっており、一覧表示される複数のカテゴリの中から所望のカテゴリを順次選択していくことで(例えばファッション−レディースファッション−シャツ)、所望のカテゴリの商品群が一覧表示され、その中から好みの商品を検索できるようになっている。その他、このようなシステムでは、価格やブランド等によっても商品を検索できるようになっている。   Further, on the website of such a system, categories have a tree structure, and a desired category is sequentially selected from a plurality of categories displayed in a list (for example, fashion-ladies fashion-shirt). A group of products of a desired category is displayed in a list, and a favorite product can be searched from among them. In addition, in such a system, it is possible to search for products by price, brand, or the like.

しかしながら、従来のシステムでは、特定の色の商品が欲しい場合、商品の物品名等のカテゴリ(例えばシャツ)を選択した結果として一覧表示される膨大な商品の中から所望の色の商品を探す必要があり、好みの商品に辿り着くまでに手間がかかるという問題があった。   However, in the conventional system, when a product of a specific color is desired, it is necessary to search for a product of a desired color from among a large number of products displayed as a result of selecting a category (for example, a shirt) such as an article name of the product. There is a problem that it takes time to arrive at a product of your choice.

この明細書は、色に関連する情報の探索を支援する色関連情報探索支援技術を提供することを目的とする。   This specification aims to provide a color-related information search support technology that supports the search for information related to color.

本発明のカラーチャートでは、トーンと色相の2軸により複数種類の色が並び、色相ごとに色がサチュレーション順に並び、かつ同一サチュレーションの色は黒色量順に並ぶ。
本発明のコンピュータは、トーンと色相の2軸により複数種類の色が並び、色相ごとに色がサチュレーション順に並び、かつ同一サチュレーションの色が黒色量順に並ぶカラーチャートを表示する。
本発明のサーバは、トーンと色相の2軸により複数種類の色が並び、色相ごとに色がサチュレーション順に並び、かつ同一サチュレーションの色が黒色量順に並ぶカラーチャートをコンピュータに表示させる。
本発明のプログラムは、トーンと色相の2軸により複数種類の色が並び、色相ごとに色がサチュレーション順に並び、かつ同一サチュレーションの色が黒色量順に並ぶカラーチャートをコンピュータに表示させる。
本発明では、同一色相の色が縦一列に並ぶとともに、色相は異なるが、同一サチュレーションかつ同一黒色量である、すなわち同一トーンを有する色が横一列に並んでもよい。
本発明では、色相ごとに、各色がサチュレーションの高い順に上から並ぶとともに、同一サチュレーションの色が黒色量の低い順に上から並んでもよい。
本発明では、同一色相の色が縦一列に隣接して並ぶとともに、サチュレーションの異なる色と色の間に隙間があってもよい。
本発明では、同一のトーンを有する色が横一列に隙間を空けて並んでもよい。
本発明では、各色相において、同一サチュレーションを有する色と色との黒色量の間隔が等間隔であり、かつ、縦方向に並ぶ異なるサチュレーションの色と色とのサチュレーションの間隔が等間隔であってもよい。
本発明では、各色相において、あるサチュレーションの次に低いサチュレーションの色の数は、前記あるサチュレーションの色の数より多い、または前記あるサチュレーションの色の数と同一であってもよい。
本発明は、コンピュータによる色の配列表示方法であって、Hue−Tone System、PCCS(Practical Color Co-ordinate System)、マンセル表色系、NCS(Natural Color System)、オストワルト表色系、DIN表色系、およびCIE表色系のいずれかにて規定される配列規則に基づいて、互いに異なる複数種類の色を表示部に配列表示させる色表示ステップと、フィルタリングの基準としてユーザにより指定される基準情報を取得する基準情報取得ステップと、前記基準情報に予め紐付けられている色を示す情報を記憶領域から取得する対応色情報取得ステップと、を備え、前記色表示ステップでは、前記フィルタリング無しで表示する場合の複数種類の色のうち、前記対応色情報取得ステップにて取得される情報が示さない色は配列表示せず、前記対応色情報取得ステップにて取得される情報が示す色のみを前記配列規則に従い、前記フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、前記フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させる。
本発明は、コンピュータに色の配列表示を行わせるプログラムであって、Hue−Tone System、PCCS(Practical Color Co-ordinate System)、マンセル表色系、NCS(Natural Color System)、オストワルト表色系、DIN表色系、およびCIE表色系のいずれかにて規定される配列規則に基づいて、互いに異なる複数種類の色を表示部に配列表示させる色表示ステップと、フィルタリングの基準としてユーザにより指定される基準情報を取得する基準情報取得ステップと、前記基準情報に予め紐付けられている色を示す情報を記憶領域から取得する対応色情報取得ステップと、をコンピュータに実行させ、前記色表示ステップでは、前記フィルタリング無しで表示する場合の複数種類の色のうち、前記対応色情報取得ステップにて取得される情報が示さない色は配列表示せず、前記対応色情報取得ステップにて取得される情報が示す色のみを前記配列規則に従い、前記フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、前記フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させる。
In the color chart of the present invention, a plurality of types of colors are arranged along two axes of tone and hue, colors are arranged in saturation order for each hue, and colors of the same saturation are arranged in black quantity order.
The computer of the present invention displays a color chart in which a plurality of types of colors are arranged by two axes of tone and hue, colors are arranged in saturation order for each hue, and colors of the same saturation are arranged in black quantity order.
The server of the present invention causes a computer to display a color chart in which a plurality of types of colors are arranged by two axes of tone and hue, colors are arranged in saturation order for each hue, and colors of the same saturation are arranged in black quantity order.
The program of the present invention causes a computer to display a color chart in which a plurality of types of colors are arranged by two axes of tone and hue, colors are arranged in saturation order for each hue, and colors of the same saturation are arranged in black quantity order.
In the present invention, colors of the same hue are arranged in a vertical row and hues are different, but the same saturation and the same black amount, that is, colors having the same tone may be arranged in a horizontal row.
In the present invention, for each hue, the colors may be arranged from the top in the descending order of saturation, and the colors of the same saturation may be arranged from the top in the descending order of the black amount.
In the present invention, colors of the same hue may be arranged adjacent to each other in a vertical row, and there may be a gap between colors having different saturations.
In the present invention, colors having the same tone may be arranged in a horizontal row with a gap.
In the present invention, in each hue, the intervals between the colors having the same saturation and the black amount of the colors are equally spaced, and the saturation intervals between the different saturation colors arranged in the vertical direction are equally spaced. Also good.
In the present invention, in each hue, the number of colors of the next lowest saturation after a certain saturation may be greater than the number of colors of the certain saturation or the same as the number of colors of the certain saturation.
The present invention is a computer-aided color array display method, which is a Hue-Tone System, PCCS (Practical Color Coordinate System), Munsell color system, NCS (Natural Color System), Ostwald color system, DIN color system. Color display step for arranging and displaying different types of colors on the display unit based on an arrangement rule defined by either the system or the CIE color system, and reference information specified by the user as a filtering reference And a corresponding color information acquisition step for acquiring information indicating a color associated with the reference information in advance from a storage area. In the color display step, display is performed without the filtering. Of the plurality of types of colors, the colors not indicated by the information acquired in the corresponding color information acquisition step are not displayed in an array. Only the color indicated by the information acquired in the corresponding color information acquisition step is arranged and displayed at each position of each color when displayed without the filtering according to the arrangement rule, and the color is displayed without the filtering. The size is displayed in the same size as that of the case.
The present invention is a program for causing a computer to display an array of colors, including a Hue-Tone System, PCCS (Practical Color Co-ordinate System), Munsell color system, NCS (Natural Color System), Ostwald color system, Based on an arrangement rule defined by either the DIN color system or the CIE color system, a color display step for arranging and displaying a plurality of different colors on the display unit, and a user-specified filtering standard A reference information acquisition step for acquiring the reference information, and a corresponding color information acquisition step for acquiring information indicating a color associated with the reference information in advance from a storage area. Of the plurality of types of colors for display without filtering, the corresponding color information acquisition step acquires the color. The colors not shown in the report are not arranged and displayed, and only the colors indicated by the information acquired in the corresponding color information acquisition step are arranged and displayed at the positions of the respective colors when displayed without the filtering according to the arrangement rule. The color is displayed in the same size as the size of the color when displayed without the filtering.

本発明では、前記基準情報は、いずれかの都道府県の景観条令であることが好ましい。
本発明では、前記配列規則は、Hue−Tone System又はPCCSであり、
前記基準情報は、トーン種別であることが好ましい。
本発明では、前記色表示ステップでは、前記表示部に、複数種類の色を配列表示領域にて表示させるとともに、前記配列表示領域の周囲に、前記基準情報の入力を受け付ける入力領域を表示させることが好ましい。
本発明では、前記色表示ステップでは、クライアント端末に対し、前記表示部に複数種類の色を配列表示させ、前記基準情報取得ステップでは、前記クライアント端末から前記基準情報を取得することが好ましい。
本発明では、前記色表示ステップでは、クライアント端末に対し、前記表示部に複数種類の色を配列表示させ、前記基準情報取得ステップでは、前記クライアント端末から前記基準情報を取得し、配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得ステップと、前記クライアント端末に対し、前記選択色に予め紐付けられている紐付情報に基づく画像を表示させる紐付情報表示ステップと、を備えることが好ましい。
In the present invention, the reference information is preferably a landscape ordinance of any prefecture.
In the present invention, the arrangement rule is Hue-Tone System or PCCS,
The reference information is preferably a tone type.
In the present invention, in the color display step, the display unit displays a plurality of types of colors in the array display area, and an input area for receiving the input of the reference information is displayed around the array display area. Is preferred.
In the present invention, preferably, in the color display step, a plurality of types of colors are arranged and displayed on the display unit on the client terminal, and in the reference information acquisition step, the reference information is acquired from the client terminal.
In the present invention, in the color display step, a plurality of types of colors are arranged and displayed on the display unit on the client terminal, and in the reference information acquisition step, the reference information is acquired from the client terminal and arranged and displayed. A selection color information acquisition step of acquiring a selection color selected by the user from the plurality of types of colors from the client terminal; and an image based on the association information previously linked to the selection color for the client terminal. It is preferable to include a pegging information display step to be displayed.

本発明は、色に関連する情報のクライアント端末による探索を支援するサーバによる色関連情報探索支援方法であって、前記クライアント端末に対し、トーンと色相の2軸により複数種類の色を前記クライアント端末の表示部に配列表示させるとともに、色相毎に、色をサチュレーション順に配列し、かつ同一サチュレーションの色を黒色量順に配列させる色表示ステップと、 配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得ステップと、 前記選択色に予め紐付けられている紐付情報を記憶領域から取得する紐付情報取得ステップと、前記クライアント端末に対し、前記紐付情報取得ステップにて取得される紐付情報に基づく画像を表示させる紐付情報表示ステップと、を備える色関連情報探索支援方法に関する。
本発明は、色に関連する情報のクライアント端末による探索を支援するサーバによる色関連情報探索支援方法であって、前記クライアント端末に対し、配列規則に基づいて、互いに異なる複数種類の色を前記クライアント端末の表示部に配列表示させる色表示ステップと、配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得ステップと、前記クライアント端末に対し、前記選択色に予め紐付けられている紐付情報に基づく画像を表示させる紐付情報表示ステップと、フィルタリングの基準としてユーザにより指定される基準情報を前記クライアント端末から取得する基準情報取得ステップと、前記基準情報取得ステップにて取得される基準情報に予め紐付けられている色を示す情報を前記記憶領域から取得する対応色情報取得ステップと、を備え、前記色表示ステップでは、前記クライアント端末に対し、前記対応色情報取得ステップにて取得される情報が示す色のみを、前記配列規則に従い、前記フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、前記フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させる色関連情報探索支援方法に関する。
本発明は、色に関連する情報のクライアント端末による探索を支援するサーバによる色関連情報探索支援方法であって、前記クライアント端末に対し、互いに異なる複数種類の色を前記クライアント端末の表示部に配列表示させる色表示ステップと、配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得ステップと、前記選択色に予め紐付けられている紐付情報を記憶領域から取得する紐付情報取得ステップと、前記クライアント端末に対し、前記紐付情報取得ステップにて取得される紐付情報に基づく画像を表示させる紐付情報表示ステップと、前記クライアント端末に対し、色覚の型が、赤い光を感じるための第1錐体、緑の光を感じるための第2錐体、青の光を感じるための第3錐体の3つが揃っているC型色覚者、前記第1錐体の感受性が基準と異なるまたは前記第1錐体が無いP型色覚者、前記第2錐体の感受性が基準と異なるまたは前記第2錐体が無いD型色覚者、のいずれであるかの選択画面領域を表示させる選択画面表示ステップと、フィルタリングの基準としてユーザにより指定される基準情報であって、色覚の型がC型色覚者、P型色覚者、D型色覚者のいずれであるのかの選択を前記クライアント端末から取得する基準情報取得ステップと、前記基準情報取得ステップにて取得される基準情報に予め紐付けられている色を示す情報を前記記憶領域から取得する対応色情報取得ステップと、を備え、前記色表示ステップでは、前記クライアント端末に対し、前記対応色情報取得ステップにて取得される情報が示す色のみを表示し、前記C型色覚者が選択される場合、第1数の色を表示させ、前記P型色覚者が選択される場合、前記第1数より少ない第2数の色、かつ前記P型色覚者が判別可能な色として設定されている色を表示させ、前記D型色覚者が選択される場合、前記第1数より少ない第3数の色、かつ前記D型色覚者が判別可能な色として設定されている色を表示させる色関連情報探索支援方法に関する。
The present invention is a color-related information search support method by a server that supports search of information related to color by a client terminal, wherein a plurality of types of colors are provided to the client terminal by two axes of tone and hue. A color display step for arranging colors in saturation order for each hue and arranging colors of the same saturation in black quantity order for each hue, and the user from among the plurality of types of colors displayed in an array A selection color information acquisition step of acquiring the selected selected color from the client terminal; a binding information acquisition step of acquiring the binding information pre-linked to the selected color from a storage area; and the binding to the client terminal Association information display step for displaying an image based on the association information acquired in the information acquisition step Relates to color-related information search support method comprising.
The present invention is a color-related information search support method by a server that supports a search for information related to color by a client terminal, wherein a plurality of different colors are assigned to the client terminal based on an array rule. A color display step for array display on a display unit of the terminal, a selection color information acquisition step for acquiring a selection color selected by the user from the plurality of types of colors displayed in an array from the client terminal, and the client terminal An association information display step for displaying an image based on association information pre-associated with the selected color, a reference information acquisition step for acquiring reference information designated by a user as a filtering reference from the client terminal, Color pre-associated with the reference information acquired in the reference information acquisition step A corresponding color information acquisition step of acquiring information indicating from the storage area, and in the color display step, for the client terminal, only the color indicated by the information acquired in the corresponding color information acquisition step is In accordance with an arrangement rule, color-related information search support for displaying an array at each position of each color when displayed without filtering and displaying the color at the same size as the color when displaying without filtering Regarding the method.
The present invention is a color-related information search support method by a server that supports a search for information related to color by a client terminal, wherein a plurality of different colors are arranged on the display unit of the client terminal for the client terminal. A color display step for displaying, a selection color information acquiring step for acquiring a selection color selected by the user from the plurality of types of colors displayed in an array from the client terminal, and a binding associated with the selection color in advance An association information acquisition step for acquiring information from a storage area, an association information display step for causing the client terminal to display an image based on the association information acquired in the association information acquisition step, and color vision for the client terminal. The first cone for feeling red light, the second cone for feeling green light, the blue light C-type color vision person with three third cones for the purpose, sensitivity of the first cone is different from the standard or P-type color vision person without the first cone, and sensitivity of the second cone is the standard And a selection screen display step for displaying a selection screen area that is a D-type color vision person who is different from or without the second cone, and reference information designated by the user as a filtering criterion, A reference information acquisition step for acquiring from the client terminal a selection as to whether the type is a C-type color person, a P-type color person, or a D-type color person, and the reference information acquired in the reference information acquisition step in advance. A corresponding color information acquisition step of acquiring information indicating the associated color from the storage area, and in the color display step, for the client terminal, in the corresponding color information acquisition step When only the color indicated by the obtained information is displayed and the C-type color vision person is selected, the first number of colors is displayed, and when the P-type color vision person is selected, the first number less than the first number is displayed. When two colors and a color set as a color distinguishable by the P-type color senser are displayed and the D-type color senser is selected, a third number of colors less than the first number, and The present invention relates to a color-related information search support method for displaying a color set as a color that can be discriminated by the D-type color vision person.

また、本発明は、色に関連する情報のクライアント端末による探索を支援する色関連情報探索支援装置であって、前記クライアント端末に対し、トーンと色相の2軸により複数種類の色を前記クライアント端末の表示部に配列表示させるとともに、色相毎に、色をサチュレーション順に配列し、かつ同一サチュレーションの色を黒色量順に配列させる色表示部と、配列表示される前記複数種類の色のうちからユーザが選択した選択色を前記クライアント端末から取得する選択色情報取得部と、前記選択色に予め紐付けられている紐付情報を記憶領域から取得する紐付情報取得部と、前記クライアント端末に対し、前記紐付情報取得部にて取得される紐付情報に基づく画像を表示させる紐付情報表示部と、を備える色関連情報探索支援装置に関する。   The present invention also provides a color-related information search support device that supports a search for information related to color by a client terminal, wherein the client terminal assigns a plurality of types of colors to the client terminal by two axes of tone and hue. The color display unit arranges the colors in order of saturation for each hue and arranges the colors of the same saturation in the order of the black amount, and the user selects from among the plurality of types of colors displayed in an array. The selected color information acquisition unit that acquires the selected selection color from the client terminal, the association information acquisition unit that acquires association information pre-associated with the selection color from a storage area, and the association with the client terminal A color-related information search support apparatus comprising: a link information display unit that displays an image based on the link information acquired by the information acquisition unit. That.

本発明では、前記紐付情報取得ステップは、前記紐付情報として、前記選択色情報取得ステップにて取得される選択色情報が示す色が有する属性のうちの所定の属性が等しい色を展開した色断面を示す色断面情報を取得し、前記紐付情報表示ステップは、前記紐付情報取得ステップにて取得される色断面情報に基づき、前記選択情報取得ステップにて取得される選択色情報が示す色についての色断面を構成する複数種類の色を配列表示させ、前記選択色情報取得ステップは、配列表示される前記色断面を構成する複数種類の色のうちのいずれかの色がユーザにより選択されたかを示す情報を前記選択色情報として取得することが好ましい。   In the present invention, the associating information acquisition step includes a color section in which a predetermined attribute among the attributes of the colors indicated by the selection color information acquired in the selection color information acquisition step is developed as the associating information. Color association information display step, the association information display step is based on the color slice information obtained in the association information acquisition step, about the color indicated by the selection color information acquired in the selection information acquisition step A plurality of types of colors constituting a color slice are displayed in an array, and the selected color information obtaining step determines whether any one of the plurality of types of colors constituting the color slice to be arranged and displayed is selected by the user. It is preferable that the information shown is acquired as the selected color information.

本発明では、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、同一色相の色を縦一列に配列させるとともに、色相は異なるが、同一サチュレーションかつ同一黒色量である、すなわち同一トーンを有する色を横一列に配列させることが好ましい。
本発明では、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、色相ごとに、各色をサチュレーションの高い順に上から配列させるとともに、同一サチュレーションの色を黒色量の低い順に上から配列させることが好ましい。
本発明では、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、同一色相の色を、縦一列に隣接させて配列させるとともにサチュレーションの異なる色と色の間に隙間を空けさせることが好ましい。
本発明では、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、同一のトーンを有する色を横一列に隙間を空けて配列させることが好ましい。
本発明では、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、色相ごとに、同一サチュレーションを有する色と色との黒色量の間隔を等間隔にさせるとともに、縦方向に並ぶ異なるサチュレーションの色と色とのサチュレーションの間隔を等間隔にさせることが好ましい。
本発明では、前記サーバは、前記紐付情報取得ステップでは、前記紐付情報として、前記選択色に対応する等色相断面を示す等色相断面情報を取得し、前記紐付情報表示ステップでは、前記紐付情報取得ステップにて取得される等色相断面情報に基づき、前記クライアント端末に対し、前記選択色の等色相断面を構成する複数種類の色を配列表示させるとともに、前記選択色と同一サチュレーションかつ同一黒色量である複数の代表色相の色、すなわち前記選択色と同一トーンの複数の代表色相の色、を配列するための色相調整部と、前記色相調整部内の色が選択されると、選択される代表色相の色と、該代表色相と隣り合い該代表色相と同一トーンを有する他の代表色相との間の色相の色を複数表示するためのトーン調整部と、を前記等色相断面を構成する複数種類の色と同一画面内に表示させ、前記色相調整部および前記トーン調整部内の色が選択されると、等色相断面を該選択される色の等色相断面に更新し、前記等色相断面を構成する複数種類の色からのユーザの選択色を前記クライアント端末から取得する第2選択色情報取得ステップと、前記選択色に基づいて、前記選択色に予め紐付けられている紐付情報を前記記憶領域から取得する第2紐付情報取得ステップと、前記第2紐付情報取得ステップにて取得される紐付情報に基づく画像を前記クライアント端末に表示させる第2紐付情報表示ステップと、を備えることが好ましい。
In the present invention, in the color display step, the server causes the client terminal to arrange the colors of the same hue in a vertical line, and the hues are different but have the same saturation and the same black amount, that is, the same tone. It is preferable to arrange the colors to be arranged in a horizontal row.
In the present invention, in the color display step, the server causes the client terminal to arrange the colors for each hue from the top in the descending order of the saturation and the colors of the same saturation from the top in the descending order of the black amount. It is preferable.
In the present invention, in the color display step, the server may arrange the colors of the same hue adjacent to each other in the vertical direction and leave a gap between colors having different saturations in the client terminal. preferable.
In the present invention, it is preferable that in the color display step, the server arranges colors having the same tone in a horizontal row with a gap in the client terminal.
In the present invention, in the color display step, the server causes the client terminal to make the intervals of black amounts of colors having the same saturation equal to each other for each hue, and to provide different saturations arranged in the vertical direction. It is preferable that the saturation intervals between the colors be equal.
In the present invention, the server acquires equal hue section information indicating a constant hue section corresponding to the selected color as the correlation information in the correlation information acquisition step, and acquires the correlation information in the correlation information display step. Based on the equi-hue cross-section information acquired in the step, the client terminal is arranged to display a plurality of types of colors constituting the equi-hue cross-section of the selected color, and has the same saturation and the same black amount as the selected color. When a hue adjustment unit for arranging a plurality of representative hue colors, that is, a plurality of representative hue colors of the same tone as the selected color, and a color in the hue adjustment unit are selected, the selected representative hue And a tone adjusting unit for displaying a plurality of hue colors between the representative hue and another representative hue that is adjacent to the representative hue and has the same tone as the representative hue. When a color in the hue adjustment unit and the tone adjustment unit is selected and displayed in the same screen as a plurality of types of colors constituting the cross section, the equal hue cross section is updated to the same hue cross section of the selected color, A second selection color information acquisition step for acquiring a user selection color from a plurality of types of colors constituting the equi-hue cross section from the client terminal, and the selection color is linked in advance to the selection color. A second linking information acquisition step for acquiring linking information from the storage area; and a second linking information display step for causing the client terminal to display an image based on the linking information acquired in the second linking information acquisition step. It is preferable to provide.

本発明では、前記サーバは、前記紐付情報表示ステップでは、前記クライアント端末に
対し、前記紐付情報を表示する際に、該紐付情報とともに該紐付情報が紐付けられている
色に前記配列表示上で隣接する色に紐付けられている紐付情報への表示切替を可能とする
ための色シフトボタンを表示させ、ユーザによる前記色シフトボタンへの操作入力を受け
付けた場合に、該選択された色シフトボタンが指定する方向に隣接する色に紐付けられて
いる紐付情報に表示を切り替えることが好ましい。
In the present invention, when the server displays the association information to the client terminal in the association information display step, the server displays the association information with the color associated with the association information on the array display. When a color shift button for enabling display switching to the associated information associated with the adjacent color is displayed and an operation input to the color shift button by the user is received, the selected color shift It is preferable to switch the display to the pegging information linked to the color adjacent to the direction specified by the button.

本発明では、前記サーバは、前記紐付情報取得ステップでは、前記選択色情報取得ステップにて取得する前記選択色に予め紐付けられている紐付情報としての画像情報を取得し、前記紐付情報表示ステップでは、前記クライアント端末に対し、前記紐付情報取得ステップにて取得される画像情報に基づく画像を、前記選択色情報取得ステップにて取得する前記選択色を指し示す吹き出し内に表示させることが好ましい。
本発明では、前記サーバは、前記紐付情報表示ステップでは、前記クライアント端末に対し、前記吹き出し内に、前記選択色情報取得ステップにて取得する前記選択色の色座標として、色相、サチュレーション、黒色量の各値を表示させることが好ましい。
本発明では、前記サーバは、前記紐付情報表示ステップでは、前記クライアント端末に対し、配列表示する前記複数種類の色の上に、前記吹き出しの少なくとも一部を重ねて表示させることが好ましい。
本発明では、前記サーバは、前記紐付情報取得ステップにて取得される紐付情報として、前記選択色に商品情報が複数対応付けられている場合、前記紐付情報表示ステップでは、前記クライアント端末に対し、複数の吹き出しを重ねて表示させるとともに、最上段の前記吹き出し内にいずれかの前記商品情報を表示させ、ユーザによる前記吹き出しの選択を前記クライアント端末から取得すると、前記クライアント端末に対し、当該吹き出しの下の前記吹き出しを最上段に表示させるとともに、前記吹き出し内に他の前記商品情報を表示させることが好ましい。
In the present invention, in the association information acquisition step, the server acquires image information as association information preliminarily associated with the selection color acquired in the selection color information acquisition step, and the association information display step. Then, it is preferable that the client terminal displays an image based on the image information acquired in the association information acquisition step in a balloon pointing to the selected color acquired in the selected color information acquisition step.
In the present invention, in the association information display step, the server, as the color coordinates of the selection color acquired in the selection color information acquisition step, in the balloon, for the client terminal, hue, saturation, black amount It is preferable to display each value.
In the present invention, it is preferable that, in the association information display step, the server causes the client terminal to display at least a part of the balloon over the plurality of types of colors to be arranged and displayed.
In the present invention, when the server associates a plurality of product information with the selected color as the association information acquired in the association information acquisition step, the association information display step When a plurality of speech balloons are displayed in a superimposed manner, one of the product information is displayed in the topmost speech balloon, and selection of the speech balloon by a user is acquired from the client terminal, the client terminal It is preferable that the lower balloon is displayed at the top and other product information is displayed in the balloon.

本発明では、前記サーバが、フィルタリングの基準としてユーザにより指定される基準情報を前記クライアント端末から取得する基準情報取得ステップと、前記サーバが、前記基準情報取得ステップにて取得される基準情報に予め紐付けられている色を示す情報を前記記憶領域から取得する対応色情報取得ステップとを更に備え、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、前記対応色情報取得ステップにて取得される情報が示す色のみを、前記フィルタリング無しで表示する場合の配列規則に従い、前記フィルタリング無しで表示する場合の各色の各位置に配列表示させるとともに、該色を、前記フィルタリング無しで表示する場合の該色の大きさと同じ大きさで表示させることが好ましい。
本発明では、前記クライアント端末に対し、色覚の型が、赤い光を感じるための第1錐体、緑の光を感じるための第2錐体、青の光を感じるための第3錐体の3つが揃っているC型色覚者、前記第1錐体の感受性が基準と異なるまたは前記第1錐体が無いP型色覚者、前記第2錐体の感受性が基準と異なるまたは前記第2錐体が無いD型色覚者、のいずれであるかの選択画面領域を表示させる選択画面表示ステップを備え、前記基準情報取得ステップでは、前記基準情報として、色覚の型が前記C型色覚者、前記P型色覚者、前記D型色覚者のいずれであるのかの選択を前記前記クライアント端末から取得し、前記色表示ステップでは、前記クライアント端末に対し、前記対応色情報取得ステップにて取得される情報が示す色のみを表示させ、前記C型色覚者が選択される場合、第1数の色を表示させ、前記P型色覚者が選択される場合、前記第1数より少ない第2数の色、かつ前記P型色覚者が判別可能な色として設定されている色を表示させ、前記D型色覚者が選択される場合、前記第1数より少ない第3数の色、かつ前記D型色覚者が判別可能な色として設定されている色を表示させることが好ましい。
In the present invention, the server obtains reference information specified by a user as a filtering reference from the client terminal, and a reference information acquired in the reference information acquisition step in advance. A corresponding color information acquisition step of acquiring information indicating the associated color from the storage area, and in the color display step, the server provides the client terminal with the corresponding color information acquisition step. According to the arrangement rule when displaying only the color indicated by the acquired information without filtering, the color is displayed at each position of each color when displaying without filtering, and the color is displayed without filtering. It is preferable to display in the same size as the size of the color in the case.
In the present invention, the type of color vision for the client terminal is a first cone for feeling red light, a second cone for feeling green light, and a third cone for feeling blue light. C-type color sensation person having three, P-type color sensation person having a sensitivity different from the reference or having no first cone, and the second cone having a sensitivity different from the reference or the second cone A selection screen display step of displaying a selection screen area as to whether the D-type color vision person has no body. In the reference information acquisition step, as the reference information, the color vision type is the C-type color vision person, A selection as to whether the user is a P-type color person or the D-type color person is acquired from the client terminal, and in the color display step, the information acquired in the corresponding color information acquisition step for the client terminal Display only the color indicated by When the C-type color person is selected, the first number of colors is displayed. When the P-type color person is selected, the second number less than the first number, and the P-type color person is When a color set as a distinguishable color is displayed and the D-type color vision person is selected, a third number smaller than the first number and a color that can be distinguished by the D-type color vision person are set The displayed color is preferably displayed.

本発明では、前記基準情報は、感性語、景観条令、トーン種別、人物名、会社名、地名、製品名、サービス名、自然物、および色名の内の少なくともいずれかの情報を含むことが好ましい。   In the present invention, the reference information preferably includes at least one of sensitivity word, landscape ordinance, tone type, person name, company name, place name, product name, service name, natural object, and color name. .

本発明では、前記基準情報は、ユーザにより指定される色値範囲を含み、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、前記色値範囲内に属する色のみを配列表示させることが好ましい。   In the present invention, the reference information includes a color value range designated by a user, and the server causes the client terminal to display only colors belonging to the color value range in the color display step. Is preferred.

本発明では、前記サーバが、ユーザがカーソルのドラッグ操作により指定した選択範囲であって、複数の色が含まれる選択範囲を前記前記クライアント端末から取得する範囲選
択情報取得ステップを更に備え、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、前記選択範囲を線で囲ませるとともに、前記選択範囲を指し示す吹き出しを表示させ、かつ、前記吹き出し内に前記選択範囲を拡大表示させるとともに、拡大表示させる該選択範囲に含まれる複数種類の色を拡大前よりも細分化された分割数で配列表示させることが好ましい。
In the present invention, the server further includes a range selection information acquisition step for acquiring from the client terminal a selection range that is a selection range designated by a user by a drag operation of the cursor and includes a plurality of colors. In the color display step, the client terminal is made to surround the selection range with a line, a balloon pointing to the selection range is displayed, and the selection range is enlarged and displayed in the balloon. It is preferable that a plurality of types of colors included in the selection range to be displayed are arranged and displayed in a subdivided number of divisions before enlargement.

本発明では、前記サーバが、ユーザがカーソルのドラッグ操作により指定した選択範囲であって、複数の色が含まれる選択範囲を前記前記クライアント端末から取得する範囲選択情報取得ステップを更に備え、前記サーバは、前記色表示ステップでは、前記クライアント端末に対し、前記選択範囲を線で囲ませるとともに、前記選択範囲を指し示す吹き出しを表示させ、かつ、前記吹き出し内に前記選択範囲を拡大表示させるとともに、拡大表示させる該選択範囲に含まれる複数種類の色を拡大前よりも細分化された分割数で配列表示させることが好ましい。   In the present invention, the server further includes a range selection information acquisition step for acquiring from the client terminal a selection range that is a selection range designated by a user by a drag operation of the cursor and includes a plurality of colors. In the color display step, the client terminal is made to surround the selection range with a line, a balloon pointing to the selection range is displayed, and the selection range is enlarged and displayed in the balloon. It is preferable that a plurality of types of colors included in the selection range to be displayed are arranged and displayed in a subdivided number of divisions before enlargement.

本発明では、前記紐付情報表示ステップは、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするためのリンクを該画像に設定するものであり、ユーザの識別情報を取得する識別情報取得ステップと、ユーザによる前記リンク先の選択履歴を該ユーザの識別情報と対応づけて所定の記憶領域に記憶させる選択履歴記憶制御ステップと、をさらに備えることが好ましい。   In the present invention, in the association information display step, when a user selects an image to be displayed, a link for enabling access to a link destination related to the association information corresponding to the image is set in the image. An identification information acquisition step for acquiring user identification information, and a selection history storage control step for storing the link destination selection history by the user in a predetermined storage area in association with the user identification information. Is preferred.

本発明では、前記紐付情報表示ステップにより表示される前記紐付情報は所定の複数のカテゴリの内の少なくともいずれかに区分されており、前記複数のカテゴリの内、ユーザが前記紐付情報の閲覧を希望するカテゴリを規定するカテゴリ設定情報を取得するカテゴリ設定情報取得ステップをさらに備え、前記紐付情報表示ステップは、前記カテゴリ設定情報取得ステップにて取得されるカテゴリ設定情報により規定されるカテゴリに属する前記紐付情報のみを表示させることが好ましい。   In the present invention, the association information displayed in the association information display step is divided into at least one of a plurality of predetermined categories, and the user desires to view the association information among the plurality of categories. A category setting information acquisition step for acquiring category setting information that defines a category to be performed, wherein the association information display step includes the association associated with the category defined by the category setting information acquired in the category setting information acquisition step It is preferable to display only information.

本発明では、前記サーバは、前記紐付情報表示ステップでは、表示する画像をユーザが
選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするため
のリンクを該画像に設定するものであり、ユーザにより該リンクが選択された際に、該リ
ンクが対応する紐付情報が紐付けられている色と色彩コーディネート的に推奨される所定
の関係にある色に紐付けられている紐付情報もリンク先の情報とともに前記クライアント
端末に表示させることが好ましい。
In the present invention, in the association information display step, when the user selects an image to be displayed, the server sets a link for enabling access to a link destination related to the association information corresponding to the image. When the link is selected by the user, the link information corresponding to the link is linked to a color having a predetermined relationship recommended by color coordination with the color to which the link is linked. It is preferable that the association information is also displayed on the client terminal together with the link destination information.

本発明では、前記紐付情報表示ステップは、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするためのリンクを該画像に設定するものであり、ユーザにより該リンクが選択された際に、該リンクが対応する紐付情報が示すカテゴリと所定の関連性を有するカテゴリに対応する紐付情報であり、且つ該リンクが対応する紐付情報が紐付けられている色と色彩コーディネート的に推奨される所定の関係にある色に紐付けられている紐付情報もリンク先の情報とともに表示させることが好ましい。   In the present invention, in the association information display step, when a user selects an image to be displayed, a link for enabling access to a link destination related to the association information corresponding to the image is set in the image. When the link is selected by the user, the link information corresponding to the category indicated by the link information corresponding to the link and the category having a predetermined relevance, and the link information corresponding to the link is linked It is preferable that the association information associated with a color having a predetermined relationship recommended for color coordination with the color being displayed is also displayed together with the link destination information.

本発明では、前記紐付情報表示ステップは、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連する商品購入ページにアクセス可能とするためのリンクを該画像に設定するものであり、ユーザの識別情報を取得する識別情報取得ステップと、ユーザによる前記商品購入ページでの購入履歴を該ユーザの識別情報と対応づけて所定の記憶領域に記憶させる購入履歴記憶制御ステップと、をさらに備え、購入履歴記憶制御ステップにて記憶させた購入履歴が示す商品と色彩コーディネート的に推奨される関係にある色に紐付けられている紐付情報を表示させることが好ましい。   In the present invention, the association information display step sets, in the image, a link for enabling access to a product purchase page related to the association information corresponding to the image when the user selects an image to be displayed. Yes, an identification information acquisition step for acquiring user identification information, and a purchase history storage control step for storing a purchase history on the product purchase page by the user in a predetermined storage area in association with the user identification information. In addition, it is preferable to display association information associated with a color that has a relationship recommended in color coordination with the product indicated by the purchase history stored in the purchase history storage control step.

色関連情報探索支援システムを示す図である。It is a figure which shows a color related information search assistance system. サーバの機能ブロック図である。It is a functional block diagram of a server. 色DBのデータ構造を示す図である。It is a figure which shows the data structure of color DB. 紐付情報DBのデータ構成を示す図である。It is a figure which shows the data structure of tied information DB. 購入履歴DBのデータ構成を示す図である。It is a figure which shows the data structure of purchase history DB. リンク先選択履歴DBのデータ構成を示す図である。It is a figure which shows the data structure of link destination selection log | history DB. 色彩コーディネートDBのデータ構成を示す図である。It is a figure which shows the data structure of color coordination DB. 物品コーディネートDBのデータ構成を示す図である。It is a figure which shows the data structure of goods coordination DB. 検索画面を示す図である。It is a figure which shows a search screen. Hue-Toneシステムにより配列表示された色の拡大図である。It is an enlarged view of the color arranged and displayed by the Hue-Tone system. 商品購入ページを示す図である。It is a figure which shows a goods purchase page. ログイン画面を示す図である。It is a figure which shows a login screen. 色関連情報探索支援処理のフローチャートを示す図である。It is a figure which shows the flowchart of a color relevant-information search assistance process. 第2実施形態の検索画面を示す図である。It is a figure which shows the search screen of 2nd Embodiment. 色関連情報探索支援処理のフローチャートを示す図である。It is a figure which shows the flowchart of a color relevant-information search assistance process. 等色相断面の拡大図。The enlarged view of an equi-hue cross section. 第3実施形態の検索画面を示す図である。It is a figure which shows the search screen of 3rd Embodiment. 色関連情報探索支援処理のフローチャートを示す図である。It is a figure which shows the flowchart of a color relevant-information search assistance process. 第4実施形態の検索画面を示す図である。It is a figure which shows the search screen of 4th Embodiment. 色関連情報探索支援処理のフローチャートを示す図である。It is a figure which shows the flowchart of a color relevant-information search assistance process. 第5実施形態の検索画面を示す図である。It is a figure which shows the search screen of 5th Embodiment. 色関連情報探索支援処理のフローチャートを示す図である。It is a figure which shows the flowchart of a color relevant-information search assistance process. 第6実施形態の検索画面を示す図である。It is a figure which shows the search screen of 6th Embodiment. 色関連情報探索支援処理のフローチャートを示す図である。It is a figure which shows the flowchart of a color relevant-information search assistance process. 第7実施形態の検索画面を示す図である。It is a figure which shows the search screen of 7th Embodiment. 色関連情報探索支援処理のフローチャートを示す図である。It is a figure which shows the flowchart of a color relevant-information search assistance process. 第8実施形態の検索画面を示す図である。It is a figure which shows the search screen of 8th Embodiment. 色関連情報探索支援処理のフローチャートを示す図である。It is a figure which shows the flowchart of a color relevant-information search assistance process. 第9実施形態の色関連情報探索支援処理のフローチャートを示す図である。It is a figure which shows the flowchart of the color relevant-information search assistance process of 9th Embodiment. 変形例における各色に紐付けられた情報の棒グラフを示す図である。It is a figure which shows the bar graph of the information linked | related with each color in a modification. 変形例の紐付情報の表示方法を示す図である。It is a figure which shows the display method of the tied information of a modification.

以下、各実施形態について図面を参照しつつ説明する。
(第1実施形態)
図1は、色関連情報探索支援システム100(以下、支援システム100と記載)を示す図である。
支援システム100は、サーバ1(色関連情報探索装置)およびクライアントPC2(PC:Personal Computer)を備える。サーバ1およびクライアントPC2は、インターネット等のネットワークNを介して互いにデータ通信可能に接続される。
Each embodiment will be described below with reference to the drawings.
(First embodiment)
FIG. 1 is a diagram showing a color related information search support system 100 (hereinafter referred to as support system 100).
The support system 100 includes a server 1 (color-related information search device) and a client PC 2 (PC: Personal Computer). The server 1 and the client PC 2 are connected to each other via a network N such as the Internet so that data communication is possible.

サーバ1は、所望の色に関連する情報を探索可能なウェブページとしての検索画面500(図9)をネットワークNを介してクライアントPC2のディスプレイに表示させる。検索画面500は、本実施形態では、オンラインショッピングに利用することが可能となっている。   The server 1 displays on the display of the client PC 2 via the network N a search screen 500 (FIG. 9) as a web page on which information relating to a desired color can be searched. The search screen 500 can be used for online shopping in this embodiment.

サーバ1は、検索画面500において、色相(Hue)およびトーン(Tone)を2軸とするHue-Toneシステムにより例えば数百、数千種類の色情報を配列表示する。サーバ1は、ユーザがクライアントPC2にて所望の色を選択すると、データベースにて、選択された色に紐付けられた紐付情報、例えば選択された色の商品情報(例えば商品画像)を表示する。ユーザは、色を選択した際に表示される商品情報を購入する場合、該商品情報を選択することで購入できる。   The server 1 displays, for example, hundreds or thousands of types of color information on the search screen 500 using a Hue-Tone system having two axes of hue (Hue) and tone (Tone). When the user selects a desired color on the client PC 2, the server 1 displays the association information associated with the selected color, for example, product information (for example, product image) of the selected color in the database. When purchasing product information displayed when a color is selected, the user can purchase the product information by selecting the product information.

なお、Hue-Toneシステムとは、色彩調和を意識した表色系である。トーンとは、明度と彩度の複合概念であり、色の調子を表す。色相およびトーンで色を表すHue-Toneシステムにおいて、同じトーン系列に属する色は、色相が異なっていても共通の感情効果をもつ。   The Hue-Tone system is a color system that is conscious of color harmony. A tone is a combined concept of lightness and saturation, and represents the color tone. In the Hue-Tone system that expresses colors by hue and tone, colors belonging to the same tone series have a common emotional effect even if the hues are different.

ところで、サーバ1は、クライアントPC2のウェブブラウザ上におけるユーザ操作を示す情報をクライアントPC2から取得すると、サーバ用ソフトウェアおよびウェブアプリケーションを実行することにより、クライアントPC2のウェブブラウザ上におけるユーザ操作に応じた処理を行う。クライアントPC2のウェブブラウザ上の検索画面500にてユーザが所望の色を選択すると、サーバ1は選択色に応じて検索画面500としての新たなHTMLファイル(HTML:HyperText Markup Language)を生成し、これをクライアントPC2に送信する。   By the way, when the server 1 acquires information indicating the user operation on the web browser of the client PC 2 from the client PC 2, the server 1 executes processing corresponding to the user operation on the web browser of the client PC 2 by executing the server software and the web application. I do. When the user selects a desired color on the search screen 500 on the web browser of the client PC 2, the server 1 generates a new HTML file (HTML: HyperText Markup Language) as the search screen 500 according to the selected color. Is transmitted to the client PC 2.

クライアントPC2は、サーバ1から取得するHTMLファイルに基づいてウェブブラウザ上の検索画面500を更新し、選択色の紐付情報(例えば商品画像)を表示する。もちろん、サーバ1から送信される情報に基づいて更新される画面領域は、必ずしも検索画面500全体である必要は無く、直前の画面に対して変更される部分のみを更新表示してもよい。   The client PC 2 updates the search screen 500 on the web browser based on the HTML file acquired from the server 1 and displays the association information (for example, product image) of the selected color. Of course, the screen area updated based on the information transmitted from the server 1 does not necessarily need to be the entire search screen 500, and only the part that is changed with respect to the immediately preceding screen may be updated and displayed.

サーバ1は、各種のプログラムやデータベース、検索画面500の提供に必要な情報を格納するメモリ11およびHDD12(Hard Disk Drive、記憶部)、メモリ11およびHDD12が格納するプログラムを実行することにより各種の機能を実現するプロセッサ13、およびASIC14(Application Specific Integrated Circuit)を備える。ASIC14は、プロセッサ13が実現する処理の一部または全部を実現してもよい。サーバ1は、プロセッサ13が実行するプログラムを必要に応じて該サーバ1以外の機器(例えば、クライアントPC2や不図示の他のサーバ等)からネットワークN経由でダウンロードしてもよい。   The server 1 executes various programs and databases, a memory 11 and an HDD 12 (Hard Disk Drive) that store information necessary for providing the search screen 500, and various programs by executing programs stored in the memory 11 and the HDD 12. A processor 13 for realizing the functions and an ASIC 14 (Application Specific Integrated Circuit) are provided. The ASIC 14 may realize part or all of the processing realized by the processor 13. The server 1 may download a program executed by the processor 13 from a device other than the server 1 (for example, the client PC 2 or another server not shown) via the network N as necessary.

また、データベース中の情報は、必ずしもデータテーブルとしてひとまとまりのデータ群としてメモリ11およびHDD12に格納される必要はなく、結果として必要な情報を参照可能な状態となっていればよく、いくつかのデータグループに分割されて個別にメモリ11やHDD12に格納されていてもよい。また、サーバ1における各種処理に用いる各種データベースの一部または全部は、必ずしもサーバ1に備わる記憶装置内に格納する必要はなく、結果としてサーバ1にてデータ取得可能であればよく、例えばサーバ1と通信可能にネットワーク接続されている不図示のデータサーバから必要に応じてデータを取得することもできる。   Further, the information in the database does not necessarily have to be stored in the memory 11 and the HDD 12 as a group of data as a data table. As a result, it is sufficient that the necessary information can be referred to. It may be divided into data groups and individually stored in the memory 11 or the HDD 12. Also, some or all of the various databases used for various processes in the server 1 do not necessarily need to be stored in the storage device provided in the server 1, as long as data can be acquired by the server 1 as a result. It is also possible to acquire data as needed from a data server (not shown) connected to the network so as to be communicable with each other.

クライアントPC2は、サーバ1が提供する検索画面500をウェブブラウザを介して表示する。ユーザは、該検索画面500にて表示される複数種類の色における適宜の色を選択することで、該色に紐付けられた商品情報等の紐付情報を見ることができる。   The client PC 2 displays a search screen 500 provided by the server 1 via a web browser. The user can view associated information such as product information associated with the color by selecting an appropriate color from the plurality of types of colors displayed on the search screen 500.

クライアントPC2は、ユーザの操作入力を受け付けるキーボードやマウス等の操作入力部21、画像を表示するディスプレイ等の表示部22、メモリ23、HDD24、プロセッサ25、およびASIC26を備える。メモリ23、HDD24、プロセッサ25、ASIC26の機能は、サーバ1のメモリ11、HDD12、プロセッサ13、ASIC14の機能と同様である。   The client PC 2 includes an operation input unit 21 such as a keyboard and a mouse that receives user operation inputs, a display unit 22 such as a display for displaying images, a memory 23, an HDD 24, a processor 25, and an ASIC 26. The functions of the memory 23, HDD 24, processor 25, and ASIC 26 are the same as the functions of the memory 11, HDD 12, processor 13, and ASIC 14 of the server 1.

図2は、サーバ1の機能ブロック図である。
サーバ1は、色DB91(DB:DataBase)、紐付情報DB92、購入履歴DB93、リンク先選択履歴DB94、色彩コーディネートDB95、カテゴリコーディネートDB96、色表示部31、選択色情報取得部32、紐付情報取得部33、紐付情報表示部34、識別情報取得部35、購入履歴記憶制御部36、目標分割数情報取得部37、範囲選択情報取得部38、カテゴリ設定情報取得部39、基準情報取得部40、対応色情報取得部41、色覚型情報取得部42、有効色情報取得部43、および選択履歴記憶制御部44を備える。各機能部31〜44は、プロセッサ13がメモリ11およびHDD12内のプログラムを読み込むことにより実現する機能である。
FIG. 2 is a functional block diagram of the server 1.
The server 1 includes a color DB 91 (DB: DataBase), an association information DB 92, a purchase history DB 93, a link destination selection history DB 94, a color coordination DB 95, a category coordination DB 96, a color display unit 31, a selected color information acquisition unit 32, and an association information acquisition unit. 33, association information display unit 34, identification information acquisition unit 35, purchase history storage control unit 36, target division number information acquisition unit 37, range selection information acquisition unit 38, category setting information acquisition unit 39, reference information acquisition unit 40, correspondence A color information acquisition unit 41, a color vision type information acquisition unit 42, an effective color information acquisition unit 43, and a selection history storage control unit 44 are provided. Each functional unit 31 to 44 is a function realized by the processor 13 reading a program in the memory 11 and the HDD 12.

図3は、色DB91のデータ構造を示す図である。
色DB91では、Hue-Toneシステムにおける各色の色座標(色値)と、表示部22の制御用等に用いられるマンセル座標とが対応付けられている。Hue-Toneシステムでは、各色をHue(色相)、Saturation(彩度に相当)、Lightness(明度に相当)で表す。本実施形態では、色DB91は、色が3000色程あるデータ群と500色程あるデータ群とを含む。
FIG. 3 is a diagram illustrating a data structure of the color DB 91.
In the color DB 91, color coordinates (color values) of each color in the Hue-Tone system are associated with Munsell coordinates used for controlling the display unit 22 and the like. In the Hue-Tone system, each color is expressed as Hue, Saturation (equivalent to saturation), and Lightness (equivalent to lightness). In the present embodiment, the color DB 91 includes a data group having about 3000 colors and a data group having about 500 colors.

図4は、紐付情報DB92のデータ構成を示す図である。
紐付情報DB92では、Hue-Toneシステムにおける各色座標に対し、Labカラーシステムにおける色座標、マンセルカラーシステムにおける色座標、ユニバーサルデザインのための色覚の型情報、および様々な商品の情報等が紐付情報として紐付けられている。なお、Hue-Toneシステムの色座標が25-6-7の場合、色相が25、Saturationが6、lightnessが7を意味する。
FIG. 4 is a diagram illustrating a data configuration of the association information DB 92.
In the association information DB 92, for each color coordinate in the Hue-Tone system, color coordinates in the Lab color system, color coordinates in the Munsell color system, color vision type information for universal design, information on various products, and the like are associated information. It is tied. When the hue coordinate of the Hue-Tone system is 25-6-7, it means that the hue is 25, Saturation is 6, and lightness is 7.

色覚の型情報は、該色覚の型情報に紐付けられた色が、各C型色覚者、P型色覚者、D型色覚者に他の色と該色とを混同せずに該色を識別可能であるかを示す情報である。網膜の視細胞である錐体は、赤い光を主に感じる錐体、緑の光を主に感じる錐体、青の光を主に感じる錐体の3つの錐体がある。C型色覚者は、3つの錐体全てが揃っている人を指す。C型色覚者は、Hue-Toneシステムにおける各色座標の色全てを識別可能であるので、各色座標の色全てにC型色覚者は識別可能との情報が紐付けられる。   The color vision type information indicates that the color associated with the color vision type information indicates that each C-type color person, P-type color person, and D-type color person does not confuse this color with another color. It is information indicating whether or not identification is possible. There are three types of cones, which are photoreceptor cells of the retina: a cone that mainly feels red light, a cone that mainly feels green light, and a cone that mainly feels blue light. A C-type color vision person refers to a person who has all three cones. Since the C-type color vision person can identify all the colors of each color coordinate in the Hue-Tone system, information indicating that the C-type color vision person can be identified is associated with all the colors of each color coordinate.

P型色覚者は、赤い光を主に感じる錐体が無いか、該錐体が感じられる光が赤よりも緑寄りの光である人を指す。D型色覚者は、緑の光を主に感じる錐体がないか、該錐体が感じられる光が緑よりも赤寄りの光である人を指す。P型、D型色覚者は、ある色を他の色と区別し難い、例えば橙を茶色と区別し難い。そこで、P型、D型色覚者が判別可能な色にのみ、P型、D型色覚者が判別可能な色であることを示す情報(図3におけるP型、D型)が紐付けられている。   A P-type color vision person refers to a person who does not have a cone that mainly feels red light, or the light that the cone can feel is light closer to green than red. A D-type color vision person refers to a person who does not have a cone that mainly feels green light, or the light that the cone can feel is lighter in red than green. P-type and D-type color sensers are difficult to distinguish one color from another, for example, orange is difficult to distinguish from brown. Therefore, information (P-type and D-type in FIG. 3) indicating that the color is distinguishable by the P-type and D-type color persons is associated only with the colors that can be distinguished by the P-type and D-type color persons. Yes.

商品の情報は、Hue-Toneシステムの1つの色座標に対し、図4の色座標25-6-7、25-6-8のように複数紐付けられていてもよい(色座標25-6-7には4つの商品情報が、色座標25-6-8には2つの商品情報が紐付けられている)。商品の情報は、商品ID(ID:Identification)、商品画像(図3においては商品画像のIDを表示、画像情報)、商品の大カテゴリ(例えば色材、シート施工工具、衣服、文房具、電気製品・・)、小カテゴリ(例えば色材の下位に装飾用シート、ペンキ、タイル、カーテン、絵具、クレヨン、マジック、壁紙、印刷インキ、シート施工工具の下位に、圧着用ヘラ、カッターナイフ、スクレパー、リベットブラシ、シート巻き取り・巻き出しローラ、養生テープ、衣服の下位にワイシャツ、ネクタイ、帽子、靴、文房具の下位にシャープペンシル、消しゴム)、製品品番、取扱店、テクスチャ(表面の質感、手触り)等がある。なお、色材とは、色をつける材料および着色材のことを指す他、本実施形態においては室外および室内の装飾用の部材も含むものとする(装飾用シート、壁紙の他、カーテンやタイルも含むものとする)。   A plurality of product information may be associated with one color coordinate of the Hue-Tone system, such as color coordinates 25-6-7 and 25-6-8 in FIG. 4 (color coordinates 25-6). -7 is associated with 4 product information, and color coordinates 25-6-8 are associated with 2 product information). The product information includes a product ID (ID: Identification), a product image (in FIG. 3, the product image ID is displayed, image information), a large product category (for example, coloring material, sheet construction tool, clothes, stationery, electrical product) ..), small categories (for example, decorative sheets, paint, tiles, curtains, paints, crayons, magic, wallpaper, printing ink, sheet construction tools below the color material, crimping spatula, cutter knife, scraper, Rivet brush, sheet winding / unwinding roller, curing tape, shirt underneath clothing, tie, hat, shoes, mechanical pencil under stationery, eraser), product number, dealer, texture (surface texture, feel) Etc. In addition to the coloring material and the coloring material, the coloring material includes outdoor and indoor decorative members (in addition to decorative sheets, wallpaper, curtains and tiles). )

紐付情報DB92では、Hue-Toneシステムの色座標に対し、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするためのリンク先URLが紐付けられている。リンク先は、例えば商品の詳細な説明を表示したり商品の購入・予約等を可能としたりする商品購入ページ600(図11)である。本実施形態では、一例として、該ウェブページはいずれもサーバ1が提供するものとするが、必ずしもこれに限られるものではなく、例えば複数のウェブサーバが協働して当該ウェブページをクライアントPC2に提供してもよい。   In the association information DB 92, when the user selects an image to be displayed with respect to the color coordinates of the Hue-Tone system, a link destination URL for enabling access to a link destination associated with the association information corresponding to the image is associated. It has been. The link destination is, for example, a product purchase page 600 (FIG. 11) that displays a detailed description of the product or enables purchase / reservation of the product. In this embodiment, as an example, the web page is provided by the server 1 as an example. However, the present invention is not necessarily limited to this. For example, a plurality of web servers cooperate with each other to send the web page to the client PC 2. May be provided.

また、紐付情報DB92では、Hue-Toneシステムにおける各色座標に対し、各色座標の色相に対応する等色相断面(図16)を示す等色相断面情報が紐付けられている。等色相断面情報については後述する。また、紐付情報DB92では、各色座標に対し、感性語(かわいい、かっこいい、きれい、涼やか・・)やトーン種別(ペールトーン、ライトグレイッシュトーン・・)等のそれぞれの色の特性を示す種々の情報が紐付けられているとともに、各都道府県の景観条例で使用可能か否かの情報が対応付けられている。   In the associating information DB 92, for each color coordinate in the Hue-Tone system, equal hue section information indicating an equal hue section (FIG. 16) corresponding to the hue of each color coordinate is associated. The equi-hue cross section information will be described later. Further, in the association information DB 92, for each color coordinate, various information indicating the characteristics of each color such as a sensitivity word (cute, cool, beautiful, cool ...) and tone type (pale tone, light grayish tone ...). Are associated with information on whether or not the landscape ordinance of each prefecture can be used.

これらの商品情報は、支援システム100を介して商品を販売したいユーザが、クライアントPC2等における手入力によってサーバ2の紐付情報DB92に登録してもよい。商品情報として商品画像を紐付ける場合、商品の色値を側色器で測定し、測定したLabカラーシステムにおける色座標、マンセルカラーシステムにおける色座標に対応付けられたHue-Toneシステムの色座標に商品情報を紐付けてもよい。また、ユーザがサーバ1に商品情報とともに商品画像を送信し、この商品画像をサーバ1が解析し、商品画像に商品情報やその商品のHue-Toneシステムにおける色座標を紐付けてもよい。   Such product information may be registered in the association information DB 92 of the server 2 by a user who wants to sell the product via the support system 100 by manual input on the client PC 2 or the like. When associating product images as product information, the color value of the product is measured with a side color device, and the color coordinates in the Lab color system and the Hue-Tone system color coordinates associated with the color coordinates in the Munsell color system are measured You may link merchandise information. Alternatively, the user may send a product image together with product information to the server 1, the server 1 may analyze the product image, and link the product information and the color coordinates of the product in the Hue-Tone system.

図5は、購入履歴DB93のデータ構成を示す図である。
サーバ1は、ユーザが商品購入ページ600に進んでログインしたり、ユーザ情報を入力したりすることでユーザIDを取得する。そして、サーバ1は、各ユーザIDに、検索画面500または商品購入ページ600にてユーザが選択し購入した商品の商品IDと購入日とを対応付け、購入履歴DB93を構築する。
FIG. 5 is a diagram illustrating a data configuration of the purchase history DB 93.
The server 1 acquires a user ID when the user proceeds to the product purchase page 600 and logs in or inputs user information. Then, the server 1 establishes a purchase history DB 93 by associating each user ID with the product ID of the product selected and purchased by the user on the search screen 500 or the product purchase page 600 and the purchase date.

図6は、リンク先選択履歴DB94のデータ構成を示す図である。
リンク先選択履歴DB94では、ユーザにより選択されたリンク付きの画像に設定された該リンク先と、画像の選択日と、前述のユーザIDとが対応付けられている。
FIG. 6 is a diagram illustrating a data configuration of the link destination selection history DB 94.
In the link destination selection history DB 94, the link destination set for the image with the link selected by the user, the image selection date, and the above-described user ID are associated with each other.

図7は、色彩コーディネートDB95のデータ構成を示す図である。
色彩コーディネートDB95では、Hue-Toneシステムにおける各色に対し、色彩コーディネート的に推奨される所定の関係にある色が紐付けられる。色彩コーディネート的に推奨される所定の関係とは、例えば、Hue-Toneシステム上において、同一色相である関係や同一トーンである関係を意味する。図7では、1つの対象色に対して1つの推奨色が紐付けられているが、複数の対象色に対して、1つまたは複数の推奨色が紐付けられていてもよい。
FIG. 7 is a diagram illustrating a data configuration of the color coordination DB 95.
In the color coordination DB 95, a color having a predetermined relationship recommended for color coordination is associated with each color in the Hue-Tone system. The predetermined relationship recommended for color coordination means, for example, a relationship of the same hue or a relationship of the same tone on the Hue-Tone system. In FIG. 7, one recommended color is associated with one target color, but one or more recommended colors may be associated with a plurality of target colors.

図8は、カテゴリコーディネートDB96のデータ構成を示す図である。
カテゴリコーディネートDB96では、各小カテゴリに対し、他の小カテゴリとの関連度が紐付けられている。例えば、小カテゴリの「装飾シート」に対し、「タイル」との関連度は5と設定されている。関連度の数値が高いほど、関連性が高いことを示す。
FIG. 8 is a diagram showing a data configuration of the category coordination DB 96.
In the category coordination DB 96, each small category is associated with a degree of association with another small category. For example, the degree of association with “tile” is set to 5 for the small category “decoration sheet”. A higher relevance value indicates higher relevance.

図9は、検索画面500を示す図である。具体的に、図9は、色検索ボタン503が押されてドロップダウンした状態を示している。
色表示部31(図2)は、互いに異なる複数種類の色を配列表示させた検索画面500をクライアントPC2に表示させる。具体的に、色表示部31は、ウェブページとして検索画面500を表示させるHTMLファイルを生成する。クライアントPC2がこのHTMLファイルを取得し解析することで、クライアントPC2のウェブブラウザ上に検索画面500が表示されることとなる。
FIG. 9 is a diagram showing a search screen 500. Specifically, FIG. 9 shows a state where the color search button 503 is pressed and dropped down.
The color display unit 31 (FIG. 2) displays on the client PC 2 a search screen 500 on which a plurality of different colors are arranged and displayed. Specifically, the color display unit 31 generates an HTML file that displays the search screen 500 as a web page. When the client PC 2 acquires and analyzes this HTML file, the search screen 500 is displayed on the web browser of the client PC 2.

検索画面500の中央部には、複数種類の色の配列表示部50がある。色表示部31は、配列表示部50内に、色DB91に基づいて、色相(Hue)およびトーン(Tone)を2軸とするHue-Toneシステムにより図9の設定においては有彩色を3000色程配列表示する。また、有彩色の図9中右側方に無彩色を数色配列表示する。   In the central part of the search screen 500, there is an array display unit 50 of a plurality of types of colors. The color display unit 31 has about 3000 chromatic colors in the setting of FIG. 9 in the arrangement display unit 50 by the Hue-Tone system having two axes of hue and tone based on the color DB 91. Display the array. Further, several achromatic colors are displayed on the right side of the chromatic color in FIG.

これら有彩色および無彩色の各色の個別の形状は、例えば矩形状に表示される。有彩色においては横方向において隙間を開けて等間隔で表示される。隣接する各色は色相が異なる。色相は左手側から右手側に向かって概略、赤、橙、黄、緑、青、紫の順に変遷する。最上段の各色には、横方向に沿って01〜48まで色相座標(Hue)が付される。色相座標01の縦一列の各色の色相座標は01となる。これらの色相座標の下には、マンセルカラーシステムにおける色相座標が表示される(図10、2.5RP、5RP、7.5RP・・)。   The individual shapes of these chromatic and achromatic colors are displayed in a rectangular shape, for example. In the chromatic color, the gaps are displayed at equal intervals in the horizontal direction. Each adjacent color has a different hue. The hue changes from the left-hand side to the right-hand side in the order of red, orange, yellow, green, blue, and purple. Hue coordinates (Hue) from 01 to 48 along the horizontal direction are assigned to the topmost colors. The hue coordinate of each color in the vertical row of hue coordinates 01 is 01. Below these hue coordinates, hue coordinates in the Munsell color system are displayed (FIG. 10, 2.5RP, 5RP, 7.5RP,...).

縦方向の各色は複数ブロック(数字9が付されたブロック、数字8が付されたブロック・・)に分割され、各ブロックは、縦方向に隙間を開けて等間隔に配置される。各ブロックには9〜0.5までのSaturation(彩度)が付される。上側のブロック程Saturationが高く、下側のブロック程Saturationが低い。各ブロック内の各色にはlightness(明度)が付される。   Each color in the vertical direction is divided into a plurality of blocks (a block with the numeral 9 and a block with the numeral 8), and the blocks are arranged at equal intervals with a gap in the vertical direction. Each block is given a saturation from 9 to 0.5. The upper block has higher Saturation, and the lower block has lower Saturation. Each color in each block is given lightness.

図10において、文字「Saturation」直下の9−1は、Saturationが9、lightnessが1を示す。下側のブロック程、Saturationが同一でlightnessの異なる色を多数含む。本実施形態では、Hueは48、Toneは例えば10ある。また、本実施形態では、Saturation9の色は3つ、Saturation8の色は4つ、Saturation7、6の色は5つ、Saturation5の色は6つ、Saturation4、3の色は7つ、Saturation2,1,0、5の色は8つある。同一色相における各Saturation内の色は、lightnessが知覚的に等間隔となる。また、Saturationも、知覚的に等間隔に設定されている。すなわち、ある色相における同一のlightnessを有する色において、Saturationが異なる色間は知覚的に等間隔である。例えば04-8-7(Saturation8、lightness7)の色と04-7-7(Saturation7、lightness7)の色のSaturationの相異は、04-7-7(Saturation7、lightness7)の色と04-6-7(Saturation6、lightness7)の色のSaturationの相異と等しい。   In FIG. 10, 9-1 immediately below the character “Saturation” indicates 9 for Saturation and 1 for lightness. The lower block contains many colors with the same Saturation but different lightness. In this embodiment, there are 48 for Hue and 10 for Tone, for example. In this embodiment, there are three Saturation 9 colors, four Saturation 8 colors, five Saturation 7 and 6 colors, six Saturation 5 colors, seven Saturation 4 and three colors, Saturation 2, 1, There are 8 colors of 0 and 5. The colors within each Saturation in the same hue are perceptually spaced in lightness. Saturation is also perceptually set at equal intervals. That is, in colors having the same lightness in a certain hue, colors having different saturation are perceptually spaced apart. For example, the difference between 04-8-7 (Saturation 8, lightness 7) and 04-7-7 (Saturation 7, lightness 7) is 04-7-7 (Saturation 7, lightness 7) and 04-6- It is equal to the color saturation of 7 (Saturation 6, lightness 7).

図9において、下から2番目のSaturation1のブロックでは、Saturation同一の縦列が、横方向にとびとびの色相間隔で配置される。最も下側のSaturation0.5のブロックでは、Saturation同一の縦列が、下から2番目のSaturation1のブロックよりも、とびとびの色相間隔で配置される。   In FIG. 9, in the second Saturation 1 block from the bottom, the same Saturation columns are arranged in the horizontal direction at discrete hue intervals. In the lowermost Saturation 0.5 block, the same Saturation column is arranged with a more discrete hue interval than the second Saturation 1 block from the bottom.

無彩色は、有彩色群の右手側方に縦一列に17個配置される。無彩色は、上側にある程明るく白っぽく、下側にある程暗く、黒色に近づく。無彩色は、HueとSaturationを持たないためLightnessのみを有する。無彩色では、図10に参照されるように、上にある色からLightnessが1、2・・17となり、これらの値が各色の下方に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-」という表示も、該色が色相と彩度を有さないことを示す。   Seventeen achromatic colors are arranged in a vertical line on the right-hand side of the chromatic color group. The achromatic color is brighter and whitish as it is on the upper side, darker as it is on the lower side, and approaches black. An achromatic color has only lightness because it does not have hue and saturation. In the achromatic color, as shown in FIG. 10, the lightness is 1, 2,... 17 from the color above, and these values are D-1, D-2,. Is displayed. The indication “D-” added to the head of the value of Lightness indicates that the achromatic color does not have Hue and Saturation, and therefore the color does not have Hue and Saturation. In each achromatic color, the lightness values of Munsell coordinates are displayed as N-9.5, N-9.0, N-8.5, and N-1.5 to the right of the Hue-Tone color coordinates. The indication “N-” also indicates that the color has no hue or saturation.

図9において、検索画面500の上部には、ワード検索窓501、および検索ボタン502がある。検索画面500の左方には、色検索ボタン503、カテゴリ検索ボタン504、スクリーニングボタン505、ユニバーサルボタン506、アーカイブ・ライブラリーボタン507がある。色検索ボタン503がドロップダウンした状態においては、検索方法、検索結果、色数、コーディネート方法を選択するためのラジオボタン503A〜503Iが表示される。図9では、これらの設定はデフォルトの設定にされている。   In FIG. 9, there are a word search window 501 and a search button 502 at the top of the search screen 500. On the left side of the search screen 500 are a color search button 503, a category search button 504, a screening button 505, a universal button 506, and an archive / library button 507. In a state where the color search button 503 is dropped down, radio buttons 503A to 503I for selecting a search method, a search result, the number of colors, and a coordination method are displayed. In FIG. 9, these settings are set to default settings.

検索方法は、配列表示される色を選択するとすぐに検索結果が表示される通常検索に設定されている。他の検索方法として用意されている色相断面表示、シフト画像表示については後述する。検索結果については、サムネイル画像のラジオボタン503Dがチェックされており、図9に示すように、サムネイル画像A1〜A4が表示されるようになっている。製品品番のラジオボタン503Eをチェックすれば、図9の符号Bで示すように、配列表示される色(19-2-9)を選択すると製品品番が表示される。   The search method is set to a normal search in which a search result is displayed as soon as a color displayed in an array is selected. The hue section display and the shift image display prepared as other search methods will be described later. As for the search result, the radio button 503D of the thumbnail image is checked, and the thumbnail images A1 to A4 are displayed as shown in FIG. If the product product number radio button 503E is checked, the product product number is displayed when a color (19-2-9) displayed in an array is selected, as shown by reference numeral B in FIG.

配列表示部50内に配列表示される色数については、3000色を設定するラジオボタン503Fがチェックされている。配列表示される色数として500色が選択された場合については後述する。コーディネート方法については後述する。   For the number of colors arranged and displayed in the arrangement display section 50, a radio button 503F for setting 3000 colors is checked. The case where 500 colors are selected as the number of colors displayed in an array will be described later. The coordination method will be described later.

選択色情報取得部32は、ユーザが配列表示部50内のいずれかの色を選択することにより、クライアントPC2から、配列表示される複数種類の色のうちのいずれの色がユーザにより選択されたかを示す選択色情報を取得する。本実施形態では、選択色情報取得部32は、図9、10に示すように、Hue25、Saturation6、lightness7を示す選択色情報を取得するものとする。なお、クライアントPC2により表示される検索画面500では、カーソルで選択された矩形の色領域の縁が枠で囲まれ、強調表示されるようになっている。   The selected color information acquisition unit 32 determines which of the plurality of types of colors displayed in an array from the client PC 2 is selected by the user by the user selecting one of the colors in the array display unit 50. The selected color information indicating is acquired. In the present embodiment, the selection color information acquisition unit 32 acquires selection color information indicating Hue 25, Saturation 6, and lightness 7, as shown in FIGS. In the search screen 500 displayed by the client PC 2, the edge of the rectangular color region selected by the cursor is surrounded by a frame and highlighted.

また、選択色情報取得部32は、検索結果をサムネイル画像とする設定情報を取得する。選択色情報取得部32は、配列表示された色にユーザがカーソルを合わせてマウス等をクリックすることにより、選択色情報をクライアントPC2から取得してもよいし、配列表示された色上にカーソルが合わせられることで、クリック無しに選択色情報をクライアントPC2から取得してもよい。   Further, the selection color information acquisition unit 32 acquires setting information in which the search result is a thumbnail image. The selected color information acquisition unit 32 may acquire the selected color information from the client PC 2 when the user moves the cursor to the array-displayed color and clicks the mouse or the like, or the cursor is displayed on the array-displayed color. , The selected color information may be acquired from the client PC 2 without clicking.

紐付情報取得部33は、選択色情報取得部32にて取得される選択色情報に予め紐付けられている紐付情報を紐付情報DB92から取得する。紐付情報取得部33は、図9の例では、色座標25-6-7に紐付けられている紐付情報として、商品ID25671〜ID25674の画像25671A〜25674A、商品購入ページ600のリンク、および「OO社A−103」等の製品番号等の商品情報を紐付情報DB92から取得する。   The associating information acquisition unit 33 acquires associating information previously associated with the selection color information acquired by the selection color information acquisition unit 32 from the associating information DB 92. In the example of FIG. 9, the association information acquisition unit 33 includes, as association information associated with the color coordinates 25-6-7, images 25671A to 25674A of product IDs 25671 to ID25674, links of the product purchase page 600, and “OO” Product information such as a product number such as “Company A-103” is acquired from the association information DB 92.

紐付情報表示部34は、紐付情報取得部33にて取得される紐付情報をクライアントPC2に送信することにより、クライアントPC2に紐付情報取得部33にて取得される紐付情報に基づくサムネイル画像A1〜A4を表示させる。また、紐付情報表示部34は、図9に示すように、紐付情報DB92において色座標25-6-7に紐付けられている装飾シート、ペンキ、タイル、カーテンの商品画像をクライアントPC2にサムネイル表示させる。   The association information display unit 34 transmits the association information acquired by the association information acquisition unit 33 to the client PC 2, whereby thumbnail images A1 to A4 based on the association information acquired by the association information acquisition unit 33 for the client PC 2. Is displayed. Further, as shown in FIG. 9, the association information display unit 34 displays, on the client PC 2, thumbnails of product images of decoration sheets, paints, tiles, and curtains associated with the color coordinates 25-6-7 in the association information DB 92. Let

これら装飾シート、ペンキ、タイル、カーテンは同一色であるので、本実施形態によれば、ユーザは、配列表示部50内の色を選択するだけで、簡単に所望の色の商品群を呼び出すことができ、好みの色の商品に容易に辿り着くことができる。   Since these decorative sheets, paints, tiles, and curtains have the same color, according to this embodiment, the user simply calls a product group having a desired color simply by selecting a color in the array display unit 50. You can easily get to the product of your favorite color.

なお、本実施形態では、選択色に紐付けられている商品画像がカテゴリ「色材」の装飾用シートやペンキ、タイル、カーテンである例を説明したが、選択色にカテゴリ「衣服」のワイシャツやネクタイ、靴下、帽子の商品画像が紐付けられている場合、図9の吹き出し内には、それらワイシャツやネクタイ、靴下、帽子等の商品画像や商品情報が表示されることとなる。   In this embodiment, the example in which the product image associated with the selected color is a decorative sheet, paint, tile, or curtain of the category “coloring material” has been described. However, the shirt of the category “clothing” is selected as the selected color. When product images of ties, socks, and hats are linked, product images and product information such as shirts, ties, socks, and hats are displayed in a balloon in FIG.

紐付情報表示部34は、クライアントPC2側から検索結果を製品品番とする設定情報を取得する場合、図9に示すように、紐付情報として「OO社A−103」等の製品品番を表示させる。   The association information display unit 34 displays the product item number such as “OO company A-103” as the association information as shown in FIG. 9 when acquiring the setting information with the search result as the product item number from the client PC 2 side.

また、紐付情報表示部34は、クライアントPC2に、前記商品画像に基づくサムネイル画像や製品品番等の画像を、配列表示される複数種類の色の内の選択色情報が示す色(25-6-7)に対応づけて表示させる。具体的に、紐付情報表示部34は、吹き出し表示等のように、選択色情報が示す色との対応関係を示しつつサムネイル画像A1〜A4等の紐付情報を画像表示させる。また、紐付情報表示部34は、紐付情報に基づく画像を、複数種類の色が配列表示される領域(Saturation座標9〜2のブロック群により形成される略矩形領域)の一部と重なるように表示させる。   In addition, the association information display unit 34 displays, on the client PC 2, a thumbnail image based on the product image, an image such as a product part number, and the like (25-6- Display in association with 7). Specifically, the association information display unit 34 displays the association information such as the thumbnail images A1 to A4 while displaying the correspondence with the color indicated by the selected color information, such as a balloon display. Further, the association information display unit 34 overlaps an image based on the association information with a part of an area (a substantially rectangular area formed by a block group of Saturation coordinates 9 to 2) in which a plurality of types of colors are arranged and displayed. Display.

ここで、従来のオンラインショッピングシステムでは、購入商品の実際の色がユーザのディスプレイに表示される商品の色と異なることを理由とする返品が多いことが課題の1つとなっている。このような課題に対し、本実施形態では、紐付情報表示部34が吹き出し内に選択色情報としての色座標25-6-7を文字で表示する。そのため、本実施形態では、ユーザは、Hue-Toneシステムの色票を予め用意することで、選択色の色座標と同じ色座標の色票を見ることができ、購入商品の色を把握できる。また、これにより本実施形態では、購入商品の色がディスプレイ上の色と異なることを理由とする返品を減らすことができる。   Here, in the conventional online shopping system, one of the problems is that there are many returns because the actual color of the purchased product is different from the color of the product displayed on the user's display. In order to deal with such a problem, in the present embodiment, the association information display unit 34 displays the color coordinates 25-6-7 as the selected color information in characters in the balloon. Therefore, in the present embodiment, the user can see the color chart having the same color coordinates as the color coordinates of the selected color by preparing the color chart of the Hue-Tone system in advance, and can grasp the color of the purchased product. In addition, this makes it possible to reduce returns due to the fact that the color of the purchased product is different from the color on the display.

紐付情報表示部34は、クライアントPC2側から検索結果を製品品番とする設定情報を取得する場合、製品品番を吹き出し内に表示させるが、選択色に複数の商品情報が紐付けられている場合、図9のように、吹き出しを重ねて表示する。この場合、ユーザは、例えば吹き出しをワンクリックすることで、下の吹き出しの内容を閲覧できる。   The association information display unit 34 displays the product product number in a balloon when acquiring the setting information with the search result as the product product number from the client PC 2 side, but when a plurality of product information is associated with the selected color, As shown in FIG. 9, balloons are displayed in an overlapping manner. In this case, the user can browse the contents of the lower balloon by, for example, one-clicking on the balloon.

なお、本実施形態では、配列表示される複数種類の色と別画面を開き、該別画面にサムネイル画像A1〜A4等の紐付情報を表示してもよい。
紐付情報表示部34は、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするためのリンクを該画像に設定する。具体的に、紐付情報表示部34は、サムネイル画像A1〜A4や製品品番の表示画像に、商品購入ページ600のリンクを設定する。
In the present embodiment, a separate screen may be opened with a plurality of types of colors displayed in an array, and association information such as thumbnail images A1 to A4 may be displayed on the separate screen.
When the user selects an image to be displayed, the association information display unit 34 sets a link for enabling access to a link destination related to the association information corresponding to the image. Specifically, the association information display unit 34 sets the link of the product purchase page 600 to the thumbnail images A1 to A4 and the display image of the product product number.

図11は、商品購入ページ600を示す図である。
クライアントPC2は、ユーザがサムネイル画像A1〜A4または製品品番の吹き出し画像をダブルクリック等により選択すると、いずれかのサムネイル画像A1〜A4または吹き出し画像に設定されたリンク先にアクセスする。リンク先は、本実施形態ではサーバ1が提供するウェブページであり、検索画面500にて選択されたサムネイル画像A1〜A4の商品購入ページ600である。
FIG. 11 is a diagram showing a product purchase page 600.
When the user selects the thumbnail images A1 to A4 or the balloon image of the product part number by double-clicking or the like, the client PC 2 accesses the link destination set in any of the thumbnail images A1 to A4 or the balloon image. The link destination is a web page provided by the server 1 in this embodiment, and is the product purchase page 600 of the thumbnail images A1 to A4 selected on the search screen 500.

商品購入ページ600には、選択されたサムネイル画像A1〜A4の商品画像601、価格、購入数量の入力ボックス602、およびレジ進行ボタン603がある。
紐付情報表示部34は、前述したように、検索画面500にて表示する画像(サムネイル画像A1〜A4)をユーザが選択した場合に該画像A1〜A4に対応する紐付情報に関連するリンク先(商品購入ページ600)にアクセス可能とするためのリンクを該画像A1〜A4に設定している。紐付情報表示部34は、ユーザにより該リンク(サムネイル画像A1〜A4)が選択された際に、色彩コーディネートDB95に基づき、該リンクが対応する紐付情報が紐付けられている色(例えば25-6-7)と色彩コーディネート的に推奨される所定の関係にある色に紐付けられている紐付情報(商品画像604〜606)もリンク先の情報(商品購入ページ600における商品購入のための情報)とともに表示させる。
The product purchase page 600 includes a product image 601 of the selected thumbnail images A1 to A4, a price / purchase quantity input box 602, and a cash register progress button 603.
As described above, when the user selects the images (thumbnail images A1 to A4) to be displayed on the search screen 500, the association information display unit 34 is linked to the link destinations associated with the association information corresponding to the images A1 to A4 ( A link for enabling access to the product purchase page 600) is set in the images A1 to A4. When the link (thumbnail images A1 to A4) is selected by the user, the association information display unit 34 is based on the color coordination DB 95 and is associated with the color associated with the association information corresponding to the link (for example, 25-6 -7) and linked information (product images 604 to 606) linked to colors having a predetermined relationship recommended for color coordination with the linked information (information for product purchase on the product purchase page 600) Display together.

すなわち、紐付情報表示部34は、例えば、検索画面500にてサムネイル画像A1が選択された場合、サムネイル画像A1とHue-Toneシステム上で同一トーンや同一色相であり色彩コーディネート的に推奨される関係にある色、をまず色彩コーディネートDB95にて検索する。続いて、紐付情報表示部34は、検索された色の商品を紐付情報DB92にて検索する。そして、紐付情報表示部34は、サムネイル画像A1と、サムネイル画像A1の商品と色彩コーディネート的に推奨される商品の画像604〜606とを、商品購入ページ600にて商品購入のための情報と共に表示する。   That is, for example, when the thumbnail image A1 is selected on the search screen 500, the association information display unit 34 has the same tone and the same hue on the Hue-Tone system and is recommended for color coordination. First, the color coordination DB 95 is searched for the color in the color. Subsequently, the association information display unit 34 searches the association information DB 92 for the product of the searched color. Then, the association information display unit 34 displays the thumbnail image A1 and the images of the thumbnail image A1 and the images 604 to 606 of the products recommended in color coordination together with information for purchasing the products on the product purchase page 600. To do.

この際、検索画面500にてカテゴリコーディネートのラジオボックス503Iにチェックが入っている場合、紐付情報表示部34は、ユーザにより該リンク(サムネイル画像A1〜A4)が選択された際に、該リンクが対応する紐付情報が示すカテゴリ(大カテゴリまたは小カテゴリ)と所定の関連性を有するカテゴリに対応する紐付情報であり、且つ該リンクが対応する紐付情報が紐付けられている色(例えば25-6-7)と色彩コーディネート的に推奨される所定の関係にある色(例えば青)に紐付けられている紐付情報(商品画像604〜606)もリンク先の情報(商品購入ページ600における商品購入のための情報)とともに表示させる。   At this time, when the category coordinate radio box 503I is checked in the search screen 500, the association information display unit 34 displays the link when the user selects the link (thumbnail images A1 to A4). The color (for example, 25-6) that is the association information corresponding to the category (the large category or the small category) indicated by the corresponding association information and the association information corresponding to the category having the predetermined relationship. -7) and linked information (product images 604 to 606) linked to a color (for example, blue) having a predetermined relationship recommended in color coordination with the linked information (product purchase page 600 on the product purchase page 600) Information).

すなわち、紐付情報表示部34は、検索画面500にてサムネイル画像A1が選択された場合、例えばサムネイル画像A1の小カテゴリ「装飾シート」と関連性の高い小カテゴリ(例えばタイルやカーテン、絵具)をカテゴリコーディネートDB96に基づいて検索する。続いて、紐付情報表示部34は、サムネイル画像A1の小カテゴリと関連性の高い小カテゴリに紐付けられている商品という条件で、サムネイル画像A1の色と色彩コーディネート的に推奨される関係(同一トーンや同一色相)にある色に紐付けられている商品を紐付情報DB92にて検索し、該商品の画像604〜606を商品購入ページ600に表示する。   That is, when the thumbnail image A1 is selected on the search screen 500, the association information display unit 34 selects, for example, a small category (eg, tile, curtain, paint) highly related to the small category “decoration sheet” of the thumbnail image A1. Search based on the category coordination DB 96. Subsequently, the association information display unit 34 recommends the relationship (same as color coordination with the color of the thumbnail image A1 on the condition that the product is associated with the small category highly related to the small category of the thumbnail image A1). A product associated with a color in a tone or the same hue is searched in the association information DB 92, and images 604 to 606 of the product are displayed on the product purchase page 600.

紐付情報表示部34は、コーディネート的に推奨される商品の画像604〜606の下に、該商品を購入可能にする購入ボタン607〜609を表示する。また、紐付情報表示部34は、最もコーディネート的に推奨される商品の画像604〜606を商品購入ページ600に表示するとともに送りボタン610,611を表示し、画像604〜606の次にコーディネート的に推奨される商品を、送りボタン610,611が選択されることで表示する。   The association information display unit 34 displays purchase buttons 607 to 609 that make the product available for purchase below the coordinated recommended product images 604 to 606. In addition, the association information display unit 34 displays images 604 to 606 of the product most recommended in terms of coordinates on the product purchase page 600 and displays the feed buttons 610 and 611, and coordinates the images next to the images 604 to 606. Recommended products are displayed when the feed buttons 610 and 611 are selected.

ユーザが検索画面500にて選択した商品の画像601が気に入った場合、レジ進行ボタン603を押すことで該商品を購入できる。すなわち、レジ進行ボタン603が選択されると、まず、識別情報取得部35は、図12のログイン画面650を表示し、ユーザの識別情報を取得する。
すると、紐付情報表示部34は、送付先や支払方法の選択をユーザが行うための不図示の商品購入ページを表示する。該商品購入ページでユーザが商品購入手続きをすることで、サーバ1はユーザの商品購入手続きを完了させる。これによりユーザは該商品を購入できる。
If the user likes the product image 601 selected on the search screen 500, the user can purchase the product by pressing the cash register progress button 603. That is, when the cashier progress button 603 is selected, the identification information acquisition unit 35 first displays the login screen 650 of FIG. 12 and acquires the user identification information.
Then, the association information display unit 34 displays a product purchase page (not shown) for the user to select a destination and a payment method. When the user performs a product purchase procedure on the product purchase page, the server 1 completes the user's product purchase procedure. Thereby, the user can purchase the product.

ここで、購入履歴記憶制御部36は、ユーザによる商品購入ページ600での購入履歴を該ユーザの識別情報と対応づけて所定の記憶領域(購入履歴DB93)に記憶させる。
紐付情報表示部34は、検索画面500にて、購入履歴コーディネートのラジオボタン503Jにチェックが入っている場合、検索画面500にて選択されたサムネイル画像A1の色ではなく、購入履歴記憶制御部36にて購入履歴DB93に記憶させた購入履歴が示す商品の色と色彩コーディネート的に推奨される関係にある色の商品を紐付情報DB92から検索し、コーディネート的に推奨される色の商品画像604〜606を表示する。
サーバ1の他の機能部37〜44については、後述の各実施形態の中で説明する。
Here, the purchase history storage control unit 36 stores the purchase history on the product purchase page 600 by the user in association with the identification information of the user in a predetermined storage area (purchase history DB 93).
When the purchase history coordination radio button 503J is checked on the search screen 500, the association information display unit 34 is not the color of the thumbnail image A1 selected on the search screen 500, but the purchase history storage control unit 36. The product information of the color recommended in color coordination is retrieved from the association information DB 92 by searching the product information of the color recommended in color coordination with the color of the product indicated by the purchase history stored in the purchase history DB 93. 606 is displayed.
Other functional units 37 to 44 of the server 1 will be described in each embodiment described later.

図13は、本実施形態の色関連情報探索支援処理のフローチャートである。以下、該処理を簡略に説明する。
色表示部31は、互いに異なる複数種類の色を配列表示させた検索画面500(図9)をクライアントPC2に表示させる(色表示ステップS101)。
FIG. 13 is a flowchart of the color related information search support process of this embodiment. Hereinafter, the process will be briefly described.
The color display unit 31 displays on the client PC 2 a search screen 500 (FIG. 9) on which a plurality of different colors are arrayed and displayed (color display step S101).

選択色情報取得部32は、クライアントPC2から、いずれかの色がユーザにより選択されたかを示す選択色情報(例えばHue25、Saturation6、lightness7(25-6-7))を取得する(選択色情報取得ステップS102)。   The selection color information acquisition unit 32 acquires selection color information (for example, Hue 25, Saturation 6, lightness 7 (25-6-7)) indicating which color has been selected by the user from the client PC 2 (acquisition of selection color information). Step S102).

紐付情報取得部33は、選択色情報(25-6-7)に予め紐付けられている紐付情報を紐付情報DB92(図4)から取得する。紐付情報取得部33は、選択色(25-6-7)に紐付けられている紐付情報として、商品(ID25671〜ID25674)の画像情報(25671A〜25674A)および商品購入ページ600のリンク先URL等の商品情報を紐付情報DB92から取得する(紐付情報取得ステップS103)。   The association information acquisition unit 33 acquires association information pre-associated with the selected color information (25-6-7) from the association information DB 92 (FIG. 4). The associating information acquisition unit 33 includes, as the associating information associated with the selected color (25-6-7), the image information (25671A to 25674A) of the product (ID25671 to ID25674), the link destination URL of the product purchase page 600, and the like. Product information is acquired from the association information DB 92 (association information acquisition step S103).

紐付情報表示部34は、紐付情報に基づく画像を表示させる(紐付情報表示ステップS104)。紐付情報表示ステップS104は、第1紐付情報表示ステップS1041と第2紐付情報表示ステップS1042とに分かれる。   The association information display unit 34 displays an image based on the association information (association information display step S104). The association information display step S104 is divided into a first association information display step S1041 and a second association information display step S1042.

第1紐付情報表示ステップS1041では、紐付情報表示部34は、紐付情報としての画像情報(例えばサムネイル画像A1〜A4)をクライアントPC2に送信することにより、クライアントPC2に、紐付情報に基づく画像(例えばサムネイル画像A1〜A4)を、配列表示される複数種類の色の内の選択色情報が示す色(25-6-7)に対応づけて表示させる。紐付情報表示部34は、選択色情報が示す色(25-6-7)に製品品番等を示す吹き出し画像を対応付けて表示させる、あるいは吹き出し表示内に選択色情報に基づくサムネイル画像A1〜A4を表示させる。   In the first linking information display step S1041, the linking information display unit 34 transmits image information (for example, thumbnail images A1 to A4) as linking information to the client PC 2, thereby causing the client PC 2 to receive an image based on the linking information (for example, Thumbnail images A1 to A4) are displayed in association with the color (25-6-7) indicated by the selected color information among a plurality of types of colors displayed in an array. The association information display unit 34 displays the balloon image indicating the product part number or the like in association with the color (25-6-7) indicated by the selection color information, or thumbnail images A1 to A4 based on the selection color information in the balloon display. Is displayed.

また、紐付情報表示部34は、紐付情報に基づく画像(例えばサムネイル画像A1〜A4)を、複数種類の色が配列表示される領域の一部と重なるように表示させる。紐付情報表示部34は、表示する画像(例えばサムネイル画像A1〜A4)に商品購入ページ600(図11)のリンク先URLを設定する。   In addition, the association information display unit 34 displays images based on the association information (for example, thumbnail images A1 to A4) so as to overlap a part of an area where a plurality of types of colors are arranged and displayed. The association information display unit 34 sets the link destination URL of the product purchase page 600 (FIG. 11) in the images to be displayed (for example, thumbnail images A1 to A4).

第2紐付情報表示ステップS1042では、紐付情報表示部34は、ユーザが紐付情報に基づく画像(例えばサムネイル画像A1〜A4)をダブルクリック等により選択すると、該画像に設定されたリンク先URLのウェブページをクライアントPC2に提供する、すなわち商品購入ページ600をクライアントPC2に表示させる。   In the second association information display step S1042, when the user selects an image based on the association information (for example, thumbnail images A1 to A4) by double clicking or the like, the association information display unit 34 displays the web of the link destination URL set in the image. The page is provided to the client PC 2, that is, the product purchase page 600 is displayed on the client PC 2.

この際、紐付情報表示部34は、例えば検索画面500にて選択されたサムネイル画像A1とHue-Toneシステム上で同一トーンや同一色相であり色彩コーディネート的に推奨される関係にある色、を色彩コーディネートDB95(図7)にて検索する。続いて、紐付情報表示部34は、検索された色の商品を紐付情報DB92にて検索し、サムネイル画像A1の商品と色彩コーディネート的に推奨される商品のサムネイル画像604〜606を、商品購入ページ600において、商品購入のための情報(購入数量の入力ボックス602や価格、レジ進行ボタン603)と共に表示する。   At this time, the association information display unit 34, for example, selects the color of the thumbnail image A1 selected on the search screen 500 and the color that has the same tone and the same hue on the Hue-Tone system and is recommended for color coordination. Search in the coordination DB 95 (FIG. 7). Subsequently, the associating information display unit 34 searches the associating information DB 92 for the searched color product, and the thumbnail images 604 to 606 of the product recommended in color coordination with the product of the thumbnail image A1 are displayed on the product purchase page. In 600, information for product purchase (purchase quantity input box 602, price, cash register progress button 603) is displayed.

また、紐付情報表示部34は、検索画面500にてカテゴリコーディネートのラジオボタン503Iにチェックが入っている場合、コーディネート的に推奨される商品は、検索画面500にて選択されたサムネイル画像A1の色と同一トーンや同一色相であるという条件に加え、選択されたサムネイル画像A1の商品とカテゴリコーディネートDB34(図8)において関連性が高いカテゴリに紐付けられているという条件で、商品を紐付情報DB92にて検索し、検索されたコーディネート的に推奨される商品の画像604〜606を商品購入ページ600に表示する(第2紐付情報表示ステップS1042)。   In addition, when the radio button 503I for category coordination is checked on the search screen 500, the association information display unit 34 selects the color of the thumbnail image A1 selected on the search screen 500 as the product recommended for coordination. In addition to the condition that the product has the same tone and the same hue, the product is associated with the selected thumbnail image A1 on the condition that the product is associated with a category that is highly related in the category coordination DB 34 (FIG. 8). The images 604 to 606 of the searched product recommended for coordination are displayed on the product purchase page 600 (second pegging information display step S1042).

識別情報取得部35は、ユーザがレジ進行ボタン603を選択すると、ログイン画面650(図12)を表示し、ユーザの識別情報を取得する(識別情報取得ステップS105)。
購入履歴記憶制御部36は、ユーザによる商品購入ページ600での購入履歴をユーザの識別情報と対応づけて所定の記憶領域(購入履歴DB93、図5)に記憶させる(購入履歴機構制御ステップS106)。
When the user selects the cash register progress button 603, the identification information acquisition unit 35 displays the login screen 650 (FIG. 12) and acquires the user identification information (identification information acquisition step S105).
The purchase history storage control unit 36 stores the purchase history on the product purchase page 600 by the user in a predetermined storage area (purchase history DB 93, FIG. 5) in association with the user identification information (purchase history mechanism control step S106). .

なお、紐付情報表示部34は、検索画面500にて購入履歴コーディネートのラジオボタン503Jにチェックが入っている場合、購入履歴DB93および紐付情報DB92から、購入履歴が示す商品の色と色彩コーディネート的に推奨される関係にある色の商品を検索し、検索されたコーディネート的に推奨される商品の画像604〜606(紐付情報)を表示する(第2紐付情報表示ステップS1042)。   When the purchase history coordination radio button 503J is checked on the search screen 500, the association information display unit 34 uses the purchase history DB 93 and the association information DB 92 to coordinate the color and color of the product indicated by the purchase history. A product of a color having a recommended relationship is searched, and images 604 to 606 (linking information) of the searched coordinately recommended products are displayed (second linking information display step S1042).

(第2実施形態)
図14は、検索画面500を示す図である。
検索画面500にて、等色相断面表示503Bのラジオボタン503Bにチェックが入っている場合のサーバ1の動作を、図15のフローチャートを参照しながら簡略に説明する。以下、第1実施形態と同一の構成や処理ステップは、簡略もしくは省略して説明する。
(Second Embodiment)
FIG. 14 is a diagram showing a search screen 500.
The operation of the server 1 when the radio button 503B of the equi-hue section display 503B is checked on the search screen 500 will be briefly described with reference to the flowchart of FIG. Hereinafter, the same configuration and processing steps as those in the first embodiment will be described in a simplified or omitted manner.

ユーザが、配列表示される複数種類の色のうちのいずれかの色をクリックすることにより、あるいはいずれかの色にカーソルを合わせることにより該色を選択すると、選択色情報取得部32は、クライアントPC2から、配列表示される複数種類の色のうちのいずれの色がユーザにより選択されたかを示す選択色情報(例えば図14の色座標04-8-5)を取得する(第1選択色情報取得ステップS1021A)。   When the user selects a color by clicking any one of a plurality of types of colors displayed in an array or by placing the cursor on any color, the selected color information acquisition unit 32 displays the selected color information. Selection color information (for example, color coordinates 04-8-5 in FIG. 14) indicating which one of a plurality of types of colors displayed in an array is selected by the user is acquired from the PC 2 (first selection color information) Acquisition step S1021A).

紐付情報取得部33は、紐付情報として、選択色情報取得部32にて取得される選択色情報(色座標04-8-5)に紐付けられた紐付情報を紐付情報DB92(図4)から取得する。紐付情報には、選択色情報が示す色に対応する等色相断面を示す等色相断面情報(Hue25用等色相断面情報、Hue31用等色相断面情報・・)が含まれる。等色相断面情報については以下で後述する(紐付情報取得ステップS103A)。   The associating information acquisition unit 33 obtains associating information the associating information associated with the selected color information (color coordinates 04-8-5) acquired by the selection color information acquiring unit 32 from the associating information DB 92 (FIG. 4). get. The association information includes equal hue section information (equal hue section information for Hue25, equal hue section information for Hue31, etc.) indicating an equal hue section corresponding to the color indicated by the selected color information. The equi-hue cross section information will be described later (correlation information acquisition step S103A).

紐付情報表示部34は、検索画面500において、選択色と同一のトーンの色を囲むトーンセレクター510、および選択色と同一の色相の色を囲む色相セレクター520を表示する。紐付情報表示部34は、紐付情報取得部33にて取得される色相断面情報に基づき、選択情報取得部36にて取得される選択色情報が示す色についての等色相断面を構成する複数種類の色を、選択色に対応付けて吹き出し内に配列表示させ、等色相断面部530を表示する(第3紐付情報表示ステップS1043A)。   In the search screen 500, the association information display unit 34 displays a tone selector 510 that surrounds the same tone color as the selected color and a hue selector 520 that surrounds the same hue color as the selected color. The pegging information display unit 34 is based on the hue cross-section information acquired by the pegging information acquisition unit 33, and includes a plurality of types of cross-sections that form equal hue cross sections for the colors indicated by the selection color information acquired by the selection information acquisition unit 36. The colors are arranged and displayed in a balloon in association with the selected color, and the equi-hue cross section 530 is displayed (third associated information display step S1043A).

図16は、吹き出し内に表示される等色相断面部530の拡大図である。
具体的に、紐付情報表示部34は、選択色に対応付けた吹き出し内に、等色相断面部530、色相調整部540、およびトーン調整部550を表示する。
等色相断面部530は、選択色(04-8-5)の色相(04)の等色相断面を表示する部分である。等色相断面とは、隣接する色のSaturationおよびlightnessが知覚的に等間隔となるように、選択色の色相の複数色を横軸Saturationおよび縦軸lightnessに配列したものである。等色相断面では、図16中右側の色程Saturationが高く、図16中上側の色程lightnessが高い。
FIG. 16 is an enlarged view of the equi-hue cross section 530 displayed in the balloon.
Specifically, the association information display unit 34 displays the equi-hue cross section 530, the hue adjustment unit 540, and the tone adjustment unit 550 in a balloon associated with the selected color.
The equi-hue section 530 is a part that displays the equi-hue section of the hue (04) of the selected color (04-8-5). The equi-hue section is obtained by arranging a plurality of colors of selected hues on the horizontal axis Saturation and the vertical axis lightness so that the saturation and lightness of adjacent colors are perceptually equidistant. In the equi-hue cross section, the color saturation on the right side in FIG. 16 is high, and the lightness on the upper side in FIG. 16 is high.

ここで、本実施形態の検索画面500では、各色相を構成する色において、同一Saturationグループ内における各色のlightnessの差は知覚的に等間隔とされている。また、lightnessが同一でSaturationが異なる色間の差は知覚的に等間隔とされている。すなわち、等色相断面部530は、検索画面500の選択色の色相を構成するSaturation9〜1までの色を横軸Saturationおよび縦軸lightnessに配列し直したものであり、その色数はSaturation9〜1までの色と同じ54つである。等色相断面部530において最も右側にある色のSaturationは9であり、lightnessは上から1,3,5となり、検索画面500のSaturation9のブロック9の色を構成する色と同じものが配列されている。   Here, in the search screen 500 of the present embodiment, the lightness difference of each color in the same Saturation group is perceptually spaced at the same color in the colors constituting each hue. Further, the difference between colors having the same lightness and different saturation is perceptually equally spaced. That is, the equi-hue section 530 is obtained by rearranging the colors from Saturation 9 to 1 constituting the hue of the selected color of the search screen 500 to the horizontal axis Saturation and the vertical axis lightness, and the number of colors is Saturation 9 to 1. The same 54 colors as before. Saturation of the rightmost color in the equi-hue cross section 530 is 9, lightness is 1, 3, and 5 from the top, and the same color as the color constituting the block 9 of Saturation 9 of the search screen 500 is arranged. Yes.

従って、紐付情報表示部34が等色相断面部530を形成する際に用いる等色相断面情報は、紐付情報DB92において各色に紐付けられている情報(Hue25用等色相断面情報、Hue31用等色相断面情報・・)であるが、該色の色相を構成するSaturation9〜1までの54つの色を示す情報となっている。   Accordingly, the equi-hue cross-section information used when the pegging information display unit 34 forms the equi-hue cross section 530 is the information tied to each color in the pegging information DB 92 (equivalent hue cross-section information for Hue 25, equi-hue cross section for Hue 31). Information...), Which is information indicating 54 colors from Saturations 9 to 1 constituting the hue of the color.

色相調整部540には、選択色のトーンを有する色相(図14のトーンセレクター510中の色相)において代表的な色相の色(赤、黄、緑、青)が配列される。これらの色が選択されると、紐付情報表示部34は、検索画面500での色が選択される際と同様のアルゴリズムで、選択色の等色相断面に等色相断面部530を切り替える。これにより、色相調整部540の色は代表的な色相の色しか配置されていないが、ユーザは、その中の色相の色を選択することで、該色の等色相断面を容易に見ることができるようになっている。   In the hue adjustment unit 540, representative hue colors (red, yellow, green, and blue) are arranged in the hue having the tone of the selected color (hue in the tone selector 510 in FIG. 14). When these colors are selected, the association information display unit 34 switches the equal hue section 530 to the equal hue section of the selected color with the same algorithm as when the color on the search screen 500 is selected. As a result, the colors of the hue adjustment unit 540 are arranged only with representative hue colors, but the user can easily see the equi-hue cross section of the colors by selecting the hue color among them. It can be done.

トーン調整部550には、色相調整部540内の色が選択されると、色相調整部540にて表示される色相間にある色相であって該選択色の周囲の色相が配列される。トーン調整部550内の色が選択されると、紐付情報表示部34は、検索画面500での色が選択される際と同様のアルゴリズムで、選択色の等色相断面に等色相断面部530を切り替える。本実施形態は、後述するが、ユーザは、色相調整部540およびトーン調整部550を用いて切り替えた等色相断面部530内の色を選択することで、選択色に紐付けられた商品画像を表示させることができる。   When a color in the hue adjustment unit 540 is selected, the tone adjustment unit 550 arranges hues that are between hues displayed by the hue adjustment unit 540 and surrounding the selected color. When a color in the tone adjustment unit 550 is selected, the association information display unit 34 uses the same algorithm as when a color is selected on the search screen 500 to set the equal hue cross section 530 to the same hue cross section of the selected color. Switch. Although this embodiment will be described later, the user selects a color in the equi-hue cross section 530 that has been switched using the hue adjustment unit 540 and the tone adjustment unit 550, so that the product image associated with the selected color is displayed. Can be displayed.

本実施形態は、トーン調整部550があることにより、色相調整部540に配列される代表的な色相よりも細かく色相を選択したい場合にも対応できる。そして、ユーザは、等色相断面部530、色相調整部540、およびトーン調整部550を用いることで、好みの色相およびトーンの色を容易に探すことができる。   The present embodiment can cope with the case where it is desired to select a hue more finely than a typical hue arranged in the hue adjustment section 540 by providing the tone adjustment section 550. The user can easily find a desired hue and tone color by using the equi-hue cross section 530, the hue adjustment unit 540, and the tone adjustment unit 550.

等色相断面部530内の色が選択されると、検索画面500において、選択色を囲っていた枠は移動し、新たに選択された色を囲う。また、トーンセレクター510および色相セレクター520も、等色相断面部530内の新たな選択色を中心として表示される。   When a color in the equi-hue cross section 530 is selected, the frame surrounding the selected color moves on the search screen 500 to enclose the newly selected color. Further, the tone selector 510 and the hue selector 520 are also displayed with the new selection color in the equi-hue section 530 as the center.

本実施形態では、ユーザは、前述したように、所望の色を等色相断面を用いて感覚的に容易に探せる。また、ユーザは、トーンセレクター510および色相セレクター520に沿ってカーソルを移動させることで、トーンを固定しながら簡単に色相を変えることができるとともに、色相を固定しながら簡単にトーンを変えることができ、これによっても所望の色を感覚的に容易に探せるようになる。   In the present embodiment, as described above, the user can easily find a desired color sensuously using the equi-hue cross section. In addition, by moving the cursor along the tone selector 510 and the hue selector 520, the user can easily change the hue while fixing the tone, and can easily change the tone while fixing the hue. This also makes it possible to easily find a desired color sensuously.

選択色情報取得部32は、配列表示される等色相断面を構成する複数種類の色のうちのいずれかの色がダブルクリック等によりユーザに選択されると、該色を示す情報を選択色情報として取得する(第2選択色情報取得ステップS1022A)。
この後は、第1実施形態と同様、紐付情報取得部33が紐付情報DB92にて選択色情報に紐付けられた商品画像A1〜A4を、選択色情報に対応付けて吹き出し内に表示する(第1紐付情報取得ステップS1041A)。
The selection color information acquisition unit 32 selects information indicating the color when the user selects one of a plurality of types of colors constituting the equal hue section displayed in an array by double clicking or the like. (Second selected color information acquisition step S1022A).
Thereafter, as in the first embodiment, the associating information acquisition unit 33 displays the product images A1 to A4 associated with the selected color information in the associating information DB 92 in a balloon in association with the selected color information ( First association information acquisition step S1041A).

なお、紐付情報取得部33は、紐付情報として、取得される選択色情報が示す色が有する属性のうちの所定の属性が等しい色を展開した色断面を示す色断面情報を紐付情報DB92から取得してもよい。具体的に、本実施形態では、紐付情報取得部33は、取得される選択色情報が示す色が有する属性(色相、明度、彩度)のうちの色相(所定の属性)が等しい色を展開した等色相断面を示す等色相断面情報を紐付情報DB92から取得した。しかしながら、紐付情報取得部33は、取得される選択色情報が示す色が有する属性のうちの明度(所定の属性)が等しい色を展開した等明度断面を示す等明度断面情報を紐付情報DB92から取得してもよい。そして、紐付情報表示部34は、選択色に対応付けた吹き出し内に等明度断面部を表示してもよい。   Note that the association information acquisition unit 33 acquires, from the association information DB 92, as color association information, color cross-section information indicating a color cross-section in which a predetermined attribute among the attributes of the color indicated by the acquired selected color information is expanded. May be. Specifically, in the present embodiment, the association information acquisition unit 33 develops colors having the same hue (predetermined attribute) among the attributes (hue, lightness, and saturation) of the color indicated by the acquired selection color information. The equal hue section information indicating the equal hue section is obtained from the association information DB 92. However, the associating information acquisition unit 33 obtains, from the associating information DB 92, the iso-lightness section information indicating the iso-lightness section in which the color having the same brightness (predetermined attribute) among the attributes of the color indicated by the acquired selected color information is developed. You may get it. Then, the association information display unit 34 may display an iso-lightness section in a balloon associated with the selected color.

あるいは、紐付情報取得部33は、取得される選択色情報が示す色が有する属性のうちの彩度(所定の属性)が等しい色を展開した等彩度断面を示す等彩度断面情報を紐付情報DB92から取得し、紐付情報表示部34が、選択色に対応付けた吹き出し内に等彩度断面部を表示してもよい。さらに、このようにして表示される等色相断面部、等明度断面部、および等彩度断面部のいずれを表示させるのかをユーザが適宜に選択できるようになっていてもよい。このようにすれば、本実施形態のように同色相で明度、彩度の要素から色選びをしたい時と同様に、同明度や同彩度の色の中から色相や明度、彩度といった属性を等明度断面部や等彩度断面部を利用して検討できる。   Alternatively, the associating information acquisition unit 33 associates isochromatic section information indicating isochromatic sections in which colors having the same saturation (predetermined attribute) among the attributes of the color indicated by the acquired selected color information are associated. The association information display unit 34 acquired from the information DB 92 may display the isochromatic section in a balloon associated with the selected color. Furthermore, the user may be able to appropriately select which one of the equi-hue cross section, iso-lightness cross-section, and iso-saturation cross-section displayed in this way is to be displayed. In this way, attributes such as hue, lightness, and saturation can be selected from among the lightness and saturation colors in the same manner as when selecting a color from lightness and saturation elements with the same hue as in this embodiment. Can be studied using isoluminous cross sections and isochromatic cross sections.

また、紐付情報表示部34は、様々な色検討に対応すべく、さまざまな配列規則に従った色検討部を選択色に対応付けた吹き出し内に表示してもよく、紐付情報取得部33は、該配列規則に則った色の配列に必要な情報を紐付情報DB92から取得してもよい。   Further, the association information display unit 34 may display the color examination unit according to various arrangement rules in a balloon associated with the selected color in order to deal with various color examinations. Information necessary for color arrangement in accordance with the arrangement rule may be acquired from the association information DB 92.

(第3実施形態)
図17は、検索画面500を示す図である。
検索画面500にて、シフト画像表示のラジオボタン503Cにチェックが入っている場合のサーバ1の動作を、図18のフローチャートを参照しながら簡略に説明する。
(Third embodiment)
FIG. 17 is a diagram showing a search screen 500.
The operation of the server 1 when the shift image display radio button 503C is checked on the search screen 500 will be briefly described with reference to the flowchart of FIG.

ユーザが、配列表示される複数種類の色のうちのいずれかの色を選択すると、選択色情報取得部32は、いずれの色が選択されたかを示す選択色情報(例えば図17の色座標13-7-5)を取得する(選択色情報取得ステップS102B)。   When the user selects one of a plurality of types of colors displayed in an array, the selected color information acquisition unit 32 selects selected color information (for example, color coordinates 13 in FIG. 17) indicating which color has been selected. -7-5) is acquired (selected color information acquisition step S102B).

紐付情報取得部33は、紐付情報として、選択色情報取得部32にて取得される選択色情報(13-7-5)に紐付けられた紐付情報、および選択色(13-7-5)にトーン方向上下および色相方向左右に隣接する色(13-7-3、13-7-7、12-7-5、14-7-5)に紐付けられた紐付情報を紐付情報DB92から取得する(紐付情報取得ステップS103B)。ここでの紐付情報は、商品の画像や商品購入ページ(リンク先)を含む。   The associating information acquisition unit 33, as the associating information, the associating information associated with the selection color information (13-7-5) acquired by the selection color information acquisition unit 32, and the selection color (13-7-5) The linking information associated with the colors (13-7-3, 13-7-7, 12-7-5, 14-7-5) adjacent to the top and bottom of the tone direction and the right and left of the hue direction is acquired from the linking information DB 92. (Linking information acquisition step S103B). The association information here includes a product image and a product purchase page (link destination).

紐付情報表示部34は、選択色に紐付けられた商品のサムネイル画像A1〜A4(紐付情報)を表示させる。紐付情報表示部34は、選択色に紐付けられた商品のサムネイル画像A1〜A4を表示する際に、該紐付情報(サムネイル画像A1〜A4)とともに該紐付情報が紐付けられている色に配列表示上で隣接する色に紐付けられている紐付情報(サムネイル画像C1〜C4、D1〜D4、E1〜D4、F1〜F4)への表示切替を可能とするための色シフトボタン560を表示させる。   The association information display unit 34 displays the thumbnail images A1 to A4 (association information) of the products associated with the selected color. When displaying the thumbnail images A1 to A4 of the products associated with the selected color, the association information display unit 34 is arranged in a color in which the association information is associated with the association information (thumbnail images A1 to A4). A color shift button 560 for enabling display switching to the association information (thumbnail images C1 to C4, D1 to D4, E1 to D4, and F1 to F4) associated with adjacent colors on the display is displayed. .

選択色に紐付けられたサムネイル画像A1〜A4の上方にある色シフトボタン560は上方向を指定し、サムネイル画像A1〜A4の右方にある色シフトボタン560は右方向を指定し、サムネイル画像A1〜A4の下方にある色シフトボタン560は下方向を指定し、サムネイル画像A1〜A4の左方にある色シフトボタン560は左方向を指定する。   The color shift button 560 above the thumbnail images A1 to A4 associated with the selected color designates the upward direction, the color shift button 560 on the right side of the thumbnail images A1 to A4 designates the right direction, and the thumbnail image. The color shift button 560 below A1 to A4 designates the downward direction, and the color shift button 560 located on the left side of the thumbnail images A1 to A4 designates the left direction.

紐付情報表示部34は、ユーザによる色シフトボタン560への操作入力を受け付けた場合に、選択された色シフトボタン560が指定する方向に隣接する色に紐付けられている紐付情報(サムネイル画像C1〜C4、D1〜D4、E1〜D4、F1〜F4)に表示を切り替える。すなわち、サムネイル画像A1〜A4の左の色シフトボタン560が選択されると、紐付情報取得部33は、左方向に隣接する色(12-7-5)を新たな選択色として取得し(S107B:YES、選択色情報取得ステップS102B)、上記ステップS103Bが再度繰り返される。   When the user's operation input to the color shift button 560 is received, the association information display unit 34 associates association information (thumbnail image C1) associated with a color adjacent to the direction designated by the selected color shift button 560. To C4, D1 to D4, E1 to D4, and F1 to F4). That is, when the left color shift button 560 of the thumbnail images A1 to A4 is selected, the association information acquisition unit 33 acquires the color (12-7-5) adjacent in the left direction as a new selection color (S107B). : YES, selected color information acquisition step S102B) and step S103B are repeated again.

結果、紐付情報表示部34は、選択色(13-7-5)の画像として中央に表示されていたサムネイル画像A1〜A4を、色シフトボタン560が指定する左方向に隣接する色(12-7-5)のサムネイル画像F1〜F4に切り替える(第1紐付情報表示ステップS1041B)。これにより、新たな選択色(12-7-5)を中心に、上下左右方向に、隣接する色によるサムネイル画像も新たに表示されることとなる。また、切り替え前の選択色を囲っていた枠は左に1つ移動し、色シフトボタン560が指定する左方向に隣接する色(12-7-5)を囲うこととなる。   As a result, the association information display unit 34 displays the thumbnail images A1 to A4 displayed in the center as the images of the selected color (13-7-5) in the color adjacent to the left direction (12−) specified by the color shift button 560. 7-5) are switched to the thumbnail images F1 to F4 (first association information display step S1041B). As a result, thumbnail images of adjacent colors are newly displayed in the vertical and horizontal directions around the new selected color (12-7-5). Further, the frame surrounding the selected color before switching is moved one to the left, and the color adjacent to the left direction (12-7-5) designated by the color shift button 560 is surrounded.

新たな選択色(12-7-5)のサムネイル画像F1〜F4、および該サムネイル画像F1〜F4の上下左右に表示されるサムネイル画像を選択すると、第1実施形態と同様、商品購入ページ600を表示するステップS1042B〜S106Bが行われる。   When thumbnail images F1 to F4 of a new selection color (12-7-5) and thumbnail images displayed on the top, bottom, left, and right of the thumbnail images F1 to F4 are selected, the product purchase page 600 is displayed as in the first embodiment. Steps S1042B to S106B for displaying are performed.

本実施形態では、紐付情報(サムネイル画像A1〜A4)が画面表示された状態から所望のシフト方向を指定することにより、そのシフト方向側に隣接する色に紐付けられている情報(サムネイル画像C1〜C4、D1〜D4、E1〜D4、F1〜F4)の閲覧が可能なので、ユーザは再度色を選びなおすことなく近似色に紐付けられている商品等を検索できる。   In the present embodiment, by specifying a desired shift direction from the state where the association information (thumbnail images A1 to A4) is displayed on the screen, information associated with the color adjacent to the shift direction side (thumbnail image C1). ˜C4, D1 to D4, E1 to D4, F1 to F4) can be browsed, so that the user can search for products or the like associated with the approximate color without reselecting the color.

(第4実施形態)
図19は、検索画面500を示す図である。
検索画面500にて、色数500のラジオボタン503Gにチェックが入っている場合のサーバ1の動作を、図20のフローチャートを参照しながら簡略に説明する。
(Fourth embodiment)
FIG. 19 is a diagram showing a search screen 500.
The operation of the server 1 when the radio button 503G having 500 colors is checked on the search screen 500 will be briefly described with reference to the flowchart of FIG.

色表示部31は、互いに異なる複数種類の色を配列表示させた検索画面500をクライアントPC2に表示させる(色表示ステップS101C)。
色数500のラジオボタン503Gにチェックが入れられると、目標分割数情報取得部37は、ユーザにより指定される目標分割数(500)を示す目標分割数情報を取得する(S108C:YES、目標分割数情報取得ステップS109C)。
The color display unit 31 causes the client PC 2 to display the search screen 500 on which a plurality of different colors are arrayed and displayed (color display step S101C).
When the 500 color radio button 503G is checked, the target division number information acquisition unit 37 acquires target division number information indicating the target division number (500) designated by the user (S108C: YES, target division). Number information acquisition step S109C).

色表示部31は、目標分割数情報取得部37にて取得される目標分割数情報が示す目標分割数(500)が、該目標分割数情報取得時に既に設定されている分割数(3000)とは異なる場合に、色DB91(図3)に基づいて該目標分割数(500)で分割された複数種類の色を配列表示させる(色表示ステップS101C)。
他の動作は、第1実施形態と同様である。
In the color display unit 31, the target division number (500) indicated by the target division number information acquired by the target division number information acquisition unit 37 is equal to the division number (3000) already set when the target division number information is acquired. Are different from each other, a plurality of types of colors divided by the target division number (500) are arranged and displayed based on the color DB 91 (FIG. 3) (color display step S101C).
Other operations are the same as those in the first embodiment.

本実施形態では、色票全体としての分割数の変更を可能とすることにより、例えば、現在表示されている色票の分割数が細かすぎ、所望の色を探すのに手間がかかる場合に、あらい分割数で分割した色票に表示変更することで、所望の色を選択することが容易になる。
逆に、現在表示されている色票の分割数が粗く所望の色が見つからない場合には、さらに細かい分割数で分割した色票に表示変更することで、所望の色を選択することが可能となる。
In this embodiment, by changing the number of divisions as a whole color chart, for example, when the number of divisions of the currently displayed color chart is too small and it takes time to search for a desired color, By changing the display to the color chart divided by the rough division number, it becomes easy to select a desired color.
Conversely, if the color chart currently displayed is rough and the desired color cannot be found, the desired color can be selected by changing the display to a color chart divided by a finer number of divisions. It becomes.

なお、本実施形態では、分割可能数が予め定められていたが、目標分割数の入力ボックスを設けて該目標分割数分の色を算出し、複数種類の色を配列表示させてもよい。所望の色数に分割する算出方法は、本願出願人の国際出願(国際出願番号PCT/JP2012/004130)に記載の方法を利用すれば可能である。   In this embodiment, the possible number of divisions is determined in advance, but an input box for the target number of divisions may be provided to calculate colors for the target number of divisions, and a plurality of types of colors may be displayed in an array. The calculation method for dividing into the desired number of colors can be performed by using the method described in the applicant's international application (International Application No. PCT / JP2012 / 004130).

(第5実施形態)
図21は、検索画面500を示す図である。
本実施形態では、分割数500の検索画面500にて、サーバ11は、指定範囲を拡大表示させる処理を行う。以下、該処理を図22のフローチャートを参照しながら説明する。
(Fifth embodiment)
FIG. 21 is a diagram showing a search screen 500.
In the present embodiment, the server 11 performs a process of enlarging and displaying the designated range on the search screen 500 with the division number 500. The process will be described below with reference to the flowchart of FIG.

分割数500の検索画面500にて、ユーザは、拡大表示させたい色の範囲を例えばカーソルをドラッグすることで指定する。そしてユーザは、例えば右クリックをすると表れる選択肢の中から拡大表示&細分化を選択することで、範囲選択情報取得部38は、ユーザにより指定される色値範囲を示す範囲選択情報を取得する(範囲選択情報取得ステップS111D)。   On the search screen 500 with the division number 500, the user designates the range of colors to be enlarged by dragging the cursor, for example. Then, for example, when the user selects enlarged display & subdivision from the options that appear when right-clicking, the range selection information acquisition unit 38 acquires range selection information indicating the color value range specified by the user ( Range selection information acquisition step S111D).

すると、色表示部31は、範囲選択情報により指定される範囲を拡大表示するとともに、拡大表示される該選択範囲に含まれる複数種類の色を拡大前よりも細分化された分割数で配列表示させる、本実施形態の場合、色DB91に基づいて分割数3000の間隔で配列表示させる(色表示ステップS101D)。   Then, the color display unit 31 enlarges and displays the range specified by the range selection information and arranges and displays a plurality of types of colors included in the selection range to be enlarged and displayed in a subdivided number of divisions before the enlargement. In the case of the present embodiment, array display is performed at intervals of 3000 divisions based on the color DB 91 (color display step S101D).

なお、本実施形態では、拡大倍率を設定により変更できるようになっていてもよく、その場合に色を細分化させるための演算方法については、本願出願人の国際出願(国際出願番号PCT/JP2012/004130)に記載の方法を利用すれば可能である。また、拡大表示の対象となる領域に属する複数種類の色の分割数を細分化する演算としては、例えば分割数に対応して挿入する各色間の色の属性値(色相、lightness、Saturation)を、該色の周囲の属性値に基づいて分割数に応じた値とすることで(例えば該色の周囲の属性値の中間値とすることで)可能である。   In the present embodiment, the enlargement ratio may be changed by setting. In this case, the calculation method for subdividing the colors is described in the applicant's international application (International Application No. PCT / JP2012). / 004130) can be used. In addition, as an operation for subdividing the number of divisions of a plurality of types of colors belonging to the region to be enlarged, for example, attribute values (hue, lightness, Saturation) of colors between colors inserted corresponding to the number of divisions This is possible by setting the value according to the number of divisions based on the attribute values around the color (for example, by setting the attribute value around the color as an intermediate value).

(第6実施形態)
図23は、検索画面500を示す図である。以下、検索結果を所定のカテゴリー内に絞って表示させる処理を図24のフローチャートを参照しながら説明する。
検索画面500にて、カテゴリ検索ボタン504がドロプダウンすると、紐付DB91(図4)において大カテゴリに分類される複数のカテゴリ(色材、シート施工工具、衣服・・)を示す大カテゴリボタン571〜577が表示される。ユーザが例えば色材を示す大カテゴリボタン571を選択した状態で、複数配列される色からいずれかの色(23-3-13)を選択すると、紐付情報表示部34が該選択色に紐付けられた紐付情報(商品画像)を紐付情報DB92から取得する(紐付情報取得ステップS103E)。
(Sixth embodiment)
FIG. 23 is a diagram showing a search screen 500. Hereinafter, a process of displaying the search result within a predetermined category will be described with reference to the flowchart of FIG.
When the category search button 504 is dropped down on the search screen 500, large category buttons 571 to 577 indicating a plurality of categories (coloring material, sheet construction tool, clothes,...) Classified into large categories in the tied DB 91 (FIG. 4). Is displayed. When the user selects one of the colors (23-3-13) from among a plurality of colors in a state where, for example, the large category button 571 indicating a color material is selected, the tied information display unit 34 associates the selected color with the selected color. The obtained association information (product image) is acquired from the association information DB 92 (association information acquisition step S103E).

ユーザに選択された大カテゴリである「色材」の下の小カテゴリは「装飾シート」「ペンキ」「タイル」等がある。紐付情報表示部34により表示される紐付情報(画像)は、所定の複数のカテゴリの内の少なくともいずれかに区分される。   Small categories under “color material” which is a large category selected by the user include “decoration sheet”, “paint”, “tile” and the like. The association information (image) displayed by the association information display unit 34 is classified into at least one of a plurality of predetermined categories.

カテゴリ設定情報取得部39は、複数のカテゴリの内、ユーザが紐付情報の閲覧を希望するカテゴリを規定するカテゴリ設定情報を取得する。本実施形態では、まず、カテゴリ設定情報取得部39は、大カテゴリ「色材」の下の複数の小カテゴリのうち、ユーザが紐付情報の閲覧を希望するカテゴリを規定するカテゴリ設定情報として、デフォルトの設定により「装飾シート」を取得する(カテゴリ設定情報取得ステップS113E)。   The category setting information acquisition unit 39 acquires category setting information that defines a category that the user desires to view the association information among a plurality of categories. In the present embodiment, first, the category setting information acquisition unit 39 sets default as category setting information that defines a category that the user desires to view the association information among a plurality of small categories under the large category “color material”. The “decoration sheet” is acquired by setting (category setting information acquisition step S113E).

紐付情報表示部34は、検索窓580を選択色(23-3-13)に対応付けて表示するとともに、検索窓580内に、選択色に紐付けられ、かつ小カテゴリが「装飾シート」である商品のサムネイル画像A1〜A3を縦一列に表示する(第1紐付情報表示ステップS1041E)。検索窓580には、ユーザに選択された大カテゴリである「色材」の下の小カテゴリ「装飾シート」「ペンキ」「タイル」を示すタブ582〜584が表示される。   The association information display unit 34 displays the search window 580 in association with the selected color (23-3-13), is associated with the selected color in the search window 580, and the small category is “decorative sheet”. Thumbnail images A1 to A3 of a product are displayed in a vertical row (first association information display step S1041E). The search window 580 displays tabs 582 to 584 indicating the small categories “decoration sheet”, “paint”, and “tile” under “color material” which is the large category selected by the user.

ユーザは、他のカテゴリの商品画像を閲覧したいとき、現在のタブ582と異なるタブ583、584を選択する。
すると、カテゴリ設定情報取得部39は、カテゴリ設定情報として、選択されたタブ583、584が示す小カテゴリ(「ペンキ」「タイル」)を取得する(S112E:YES,カテゴリ設定情報取得ステップS114E)。
The user selects tabs 583 and 584 different from the current tab 582 when he / she wants to browse product images of other categories.
Then, the category setting information acquisition unit 39 acquires the small categories (“paint” and “tile”) indicated by the selected tabs 583 and 584 as the category setting information (S112E: YES, category setting information acquisition step S114E).

紐付情報表示部34は、選択色(23-3-13)に紐付けられた複数の画像のうち、カテゴリ設定情報取得部39にて取得されるカテゴリ設定情報により規定されるカテゴリに属する画像のみを検索窓580内に表示させる(第1紐付情報表示ステップS1041E)。   The association information display unit 34 only displays images belonging to the category defined by the category setting information acquired by the category setting information acquisition unit 39 among the plurality of images associated with the selected color (23-3-13). Is displayed in the search window 580 (first association information display step S1041E).

このように、ユーザが閲覧を希望するカテゴリに属する紐付情報のみが表示される構成とすることで、例えばある色にユーザが閲覧を希望しないカテゴリの膨大な紐付情報が紐付けられている場合でも、それら閲覧を希望しない情報がノイズとなって閲覧の快適性を損なうことがない。   In this way, only the association information belonging to the category that the user wants to browse is displayed, so that even when a large amount of association information of a category that the user does not want to browse is associated with a certain color, for example. The information that does not want to be browsed becomes noise and does not impair browsing comfort.

検索窓580内には、サムネイル画像A1〜A3を検索窓580内において上下に送るためのスライダー581が表示される。また、サムネイル画像A1〜A3の左右上下には、色シフトボタン560が表示される。   In the search window 580, a slider 581 for sending the thumbnail images A1 to A3 up and down in the search window 580 is displayed. In addition, color shift buttons 560 are displayed on the left, right, top and bottom of the thumbnail images A1 to A3.

色シフトボタン560は、第3実施形態の色シフトボタン560と同様の機能を有する。すなわち、色シフトボタン560が選択されると(S107E:YES)、第3実施形態と同様の処理が行われ(S102E〜S113E)、色シフトボタン560が指定する方向に隣接する色に紐付けられている商品の画像に切り替わる(S1041E)。   The color shift button 560 has the same function as the color shift button 560 of the third embodiment. That is, when the color shift button 560 is selected (S107E: YES), the same processing as in the third embodiment is performed (S102E to S113E), and the color shift button 560 is associated with a color adjacent in the designated direction. The image is switched to the product image (S1041E).

(第7実施形態)
図25は、検索画面500を示す図である。以下、表示色のフィルタリング処理を図26のフローチャートを参照しながら説明する。
検索画面500においてスクリーニングボタン505を選択すると、スクリーニングボタン505がドロップダウンし、ワード入力ボックス521、トーン種別のチェックボックス522、各県の景観条例の選択を可能なドロップダウンリスト523、マンセル座標の入力ボックス524(色相を選択するためのドロップダウンリストを含む)、表示ボタン525、クリアボタン526が表示される。
(Seventh embodiment)
FIG. 25 is a diagram showing a search screen 500. Hereinafter, the display color filtering process will be described with reference to the flowchart of FIG.
When the screening button 505 is selected on the search screen 500, the screening button 505 is dropped down, a word input box 521, a tone type check box 522, a drop-down list 523 that allows selection of landscape regulations for each prefecture, and input of Munsell coordinates. A box 524 (including a drop-down list for selecting a hue), a display button 525, and a clear button 526 are displayed.

基準情報取得部40は、表示ボタン525が選択されると、上記入力受付部521〜524にて受け付けた、ユーザにより指定されるフィルタリングの基準としての基準情報を取得する(S115E:YES、基準情報取得ステップS116F)。基準情報は、商品の種類(カテゴリ)、感性語、景観条令、トーン種別、人物名、会社名、地名、製品名、サービス名、色値範囲、自然物(の名称)、および色名の内の少なくともいずれかの情報を含む。   When the display button 525 is selected, the reference information acquisition unit 40 acquires the reference information received by the input reception units 521 to 524 as the filtering reference specified by the user (S115E: YES, reference information). Acquisition step S116F). Standard information includes product type (category), sensitivity word, landscape ordinance, tone type, person name, company name, place name, product name, service name, color value range, natural object (name), and color name. Contains at least one piece of information.

商品の種類としては、例えば、色材、建築材料、衣服、家具など、カラーコーディネートが関わり得る多様な物品が挙げられる。
(1)色材
装飾シート、壁紙、カーテン、タイル、ペンキ、色鉛筆、絵の具、クレヨン、スプレー、マジック等
(2)建築材料
壁紙、サイディング、レンガ、モルタル、漆喰、コロニアル、瓦等
(3)衣服、アクセサリー
靴、靴下、ベルト、ネクタイ、シャツ、スーツ、ズボン、スカート、帽子、マフラー、手袋等
(4)家具
タンス、ベッド、テーブル、椅子、照明器具
(5)家電製品
テレビ、冷蔵庫、洗濯機、エアーコンディショナー、パーソナルコンピュータ、携帯端末、調理用家電等
Examples of the types of products include various articles that can be involved in color coordination, such as coloring materials, building materials, clothes, and furniture.
(1) Color material decoration sheet, wallpaper, curtain, tile, paint, colored pencil, paint, crayon, spray, magic, etc. (2) Building material wallpaper, siding, brick, mortar, plaster, colonial, tile, etc. (3) Clothing, Accessories shoes, socks, belts, ties, shirts, suits, trousers, skirts, hats, mufflers, gloves, etc. Conditioners, personal computers, mobile terminals, cooking appliances, etc.

トーン種別とは、例えばペールトーンやライトグレイッシュトーン、ビビッドトーンなどが挙げられる。
色値範囲とは、マンセル座標の入力ボックス524等にてユーザにより指定される色値範囲である。
Examples of tone types include pale tones, light grayish tones, and vivid tones.
The color value range is a color value range designated by the user in the Munsell coordinate input box 524 or the like.

自然物とは、自然界に存在するものであり、空(青空、大空、夜空、星空、夏空、秋空、曇り空・・)や土(黒土、赤玉土、腐葉土、・・)、石(大理石、御影石、石灰岩、・・)などを含む。
色名は、青、赤等の基本色名(色を言葉で表示する際に基本となる名前)の他、新橋色、鶯色、若草色等の固有色名(特定色に対して与えられた個別の名称)を含む。
Natural objects are things that exist in nature, such as the sky (blue sky, large sky, night sky, starry sky, summer sky, autumn sky, cloudy sky ...), soil (black soil, red ball soil, humus, ...), stone (marble, granite). , Limestone, etc.).
In addition to basic color names such as blue and red (names that are basic when displaying colors in words), color names are given to specific color names such as Shimbashi, scarlet and light green (given for specific colors). Individual name).

対応色情報取得部41は、基準情報取得部40にて取得される基準情報に予め紐付けられている色を示す情報を所定の記憶領域(紐付情報DB92)から取得する(対応色情報取得ステップS117F)。
色表示部31は、対応色情報取得部41にて取得される情報が示す色のみを検索画面500(配列表示部50)に配列表示させる(色表示ステップS101F)。
The corresponding color information acquisition unit 41 acquires information indicating a color previously linked to the reference information acquired by the reference information acquisition unit 40 from a predetermined storage area (linking information DB 92) (corresponding color information acquisition step) S117F).
The color display unit 31 displays and displays only the colors indicated by the information acquired by the corresponding color information acquisition unit 41 on the search screen 500 (array display unit 50) (color display step S101F).

例えば基準情報取得部40がワード入力ボックス521にて「かわいい」という感性語を取得する場合(基準情報取得ステップS116F)、対応色情報取得部41は、「かわいい」という言葉が紐付けられている色を紐付情報DB92から取得し(色表示ステップS117F)、色表示部31は、「かわいい」という感性語が示す色のみを検索画面500に配列表示させる(色表示ステップS101F)。   For example, when the reference information acquisition unit 40 acquires a sensitivity word “cute” in the word input box 521 (reference information acquisition step S116F), the corresponding color information acquisition unit 41 is associated with the word “cute”. The color is acquired from the association information DB 92 (color display step S117F), and the color display unit 31 displays only the color indicated by the sensitivity word “cute” on the search screen 500 (color display step S101F).

また、基準情報取得部40が取得する基準情報が、ユーザにより指定される色値範囲を含む場合、対応色情報取得部41は、色値範囲に予め紐付けられている色を示す情報を所定の記憶領域(色DB91)から取得する(対応色情報取得ステップS117F)。この場合、色表示部31は、色値範囲内に属する色のみを配列表示させる。   When the reference information acquired by the reference information acquisition unit 40 includes a color value range designated by the user, the corresponding color information acquisition unit 41 predetermines information indicating a color associated with the color value range in advance. From the storage area (color DB 91) (corresponding color information acquisition step S117F). In this case, the color display unit 31 displays only the colors belonging to the color value range.

このように、キーワード等によって表示対象色をフィルタリングするだけでなく、具体的な色値の範囲を入力することにより、表示対象としたい複数種類の色の範囲を特定することもできる。   In this way, not only the display target color is filtered by a keyword or the like, but also by inputting a specific color value range, it is possible to specify a plurality of types of color ranges to be displayed.

例えば建築材料をカッティングシート、色値範囲を色相5R〜5G、明度7以上かつ彩度3以上と指定することで、検索画面500には指定した色範囲において紐付情報としてカッティングシートを有する色が表示される。そして、例えば色相6R、明度7、彩度3.2の色のみが表示され、該色を選択することで○×と言う商品が表示される。このように、本実施形態では、ユーザは容易に所望の色範囲の商品を検索できる。色範囲は、マンセル表色系の他、Hue−Toneシステム、PCCS等の適宜の表色系において指定してもよい。   For example, by specifying the building material as a cutting sheet and the color value range as hue 5R to 5G, brightness 7 or higher and saturation 3 or higher, the search screen 500 displays the color having the cutting sheet as the association information in the specified color range. Is done. Then, for example, only the color of hue 6R, lightness 7, and saturation 3.2 is displayed, and by selecting the color, a product “◯ ×” is displayed. Thus, in the present embodiment, the user can easily search for products in a desired color range. The color range may be specified in an appropriate color system such as a Hue-Tone system or PCCS in addition to the Munsell color system.

なお、本実施形態では、基準情報を、該基準情報に対応付けられた色のみを表示するために用いたが、基準情報を、該基準情報に対応付けられた色のみを表示しないために用いてもよい。例えば、トーン種別としてペールトーンが選択される場合、ペールトーンの色のみを表示しないようにしてもよい。   In this embodiment, the reference information is used to display only the color associated with the reference information. However, the reference information is used to display only the color associated with the reference information. May be. For example, when a pale tone is selected as the tone type, only the color of the pale tone may not be displayed.

(第8実施形態)
図27は、検索画面500を示す図である。以下、表示色のユニバーサル表示処理を図28のフローチャートを参照しながら説明する。
検索画面500においてユニバーサルボタン506を選択すると、ユニバーサルボタン506がドロップダウンし、色覚の型のチェックボックス525〜527が、C型、P型色覚、D型色覚毎に対応付けて表示される。
(Eighth embodiment)
FIG. 27 is a diagram showing a search screen 500. The display color universal display process will be described below with reference to the flowchart of FIG.
When the universal button 506 is selected on the search screen 500, the universal button 506 is dropped down, and color vision type check boxes 525 to 527 are displayed in association with each of the C type, P type color vision, and D type color vision.

網膜の視細胞である錐体は、赤い光を主に感じる錐体、緑の光を主に感じる錐体、青の光を主に感じる錐体の3つの錐体があり、C型色覚者は3つの錐体全てが揃っている。P型色覚者は、赤い光を主に感じる錐体がないか、該錐体が感じられる光が赤よりも緑寄りの光である人を指す。D型色覚者は、緑の光を主に感じる錐体が無いか、該錐体が感じられる光が緑よりも赤寄りの光である人を指す。   Cone that is the photoreceptor cell of the retina has three cones: a cone that mainly feels red light, a cone that mainly feels green light, and a cone that mainly feels blue light. Has all three cones. A P-type color vision person refers to a person who does not have a cone that mainly feels red light, or the light that the cone can feel is light closer to green than red. A D-type color vision person refers to a person who does not have a cone that mainly feels green light, or the light that the cone can feel is light closer to red than green.

色覚型情報取得部42は、これらのチェックボックス525〜527にて、ユーザの色覚の型情報を取得する(基準情報取得ステップS119G)。
有効色情報取得部43は、色覚型情報取得部42にて取得される色覚の型情報に予め紐付けられている色を示す情報を所定の記憶領域(紐付情報DB92)から取得する(有効色情報取得ステップS120G)。
The color vision type information acquisition unit 42 acquires the color vision type information of the user with these check boxes 525 to 527 (reference information acquisition step S119G).
The effective color information acquisition unit 43 acquires, from a predetermined storage area (correlation information DB 92), information indicating a color associated with color vision type information acquired by the color vision type information acquisition unit 42 (effective color). Information acquisition step S120G).

P型、D型色覚者は、ある色を他の色と区別し難い、例えば橙を茶色と区別し難い。そのため、紐付情報DB92において、P型、D型色覚者が判別可能な色にのみP型、D型色覚者が判別可能な色であることを示す情報が紐付けられており、判別し難い色には判別可能な色であることを示す情報が紐付けられていない(図4)。   P-type and D-type color sensers are difficult to distinguish one color from another, for example, orange is difficult to distinguish from brown. For this reason, in the association information DB 92, only the colors that can be identified by the P-type and D-type color sensers are associated with information indicating that the colors are distinguishable by the P-type and D-type color sensers, and the colors that are difficult to identify Is not associated with information indicating that the color is distinguishable (FIG. 4).

従って、色表示部31が、有効色情報取得部43にて取得される情報が示す色のみを配列表示することで(色表示ステップS101G)、P型またはD型色覚者にとって判別可能な色のみを配列できる。
なお、本実施形態では、C型、P型、D型の色覚者が判別可能な色のみを表示したが、C型、P型、D型の色覚者が判別できない色のみを表示するようにしてもよい。
Accordingly, the color display unit 31 displays only the colors indicated by the information acquired by the effective color information acquisition unit 43 (color display step S101G), so that only colors that can be discriminated by the P-type or D-type color senser are displayed. Can be arranged.
In the present embodiment, only colors that can be discriminated by C-type, P-type, and D-type color viewers are displayed, but only colors that cannot be discriminated by C-type, P-type, and D-type color viewers are displayed. May be.

(第9実施形態)
図29は、第1実施形態の色関連情報探索支援処理のフローチャートとほぼ同様であるが、ユーザによるリンク先の選択履歴を保存しておく点(S121H)が異なる。
具体的に、第1実施形態では、紐付情報表示部34は、表示する画像をユーザが選択した場合に該画像に対応する紐付情報に関連するリンク先にアクセス可能とするためのリンクを該画像に設定した(S1041H、S1042H)。例えば、紐付情報表示部34は、商品購入ページ600(図11)において、購入商品に対し、色彩コーディネートの観点から良好な商品を提案するが、提案する商品の画像にリンクを設定した(S1042H)。また、検紐付情報表示部34は、ユーザが検索画面500において色を選択した際に表示するサムネイル画像A1〜A4にもリンクを設定した(S1041H)。
(Ninth embodiment)
FIG. 29 is almost the same as the flowchart of the color-related information search support process of the first embodiment, except that the link destination selection history by the user is stored (S121H).
Specifically, in the first embodiment, when the user selects an image to be displayed, the association information display unit 34 displays a link for enabling access to a link destination related to the association information corresponding to the image. (S1041H, S1042H). For example, the pegging information display unit 34 proposes a good product from the viewpoint of color coordination for the purchased product on the product purchase page 600 (FIG. 11), but sets a link to the image of the proposed product (S1042H). . Further, the check association information display unit 34 also sets a link to the thumbnail images A1 to A4 displayed when the user selects a color on the search screen 500 (S1041H).

第1実施形態では、商品購入する際に識別情報取得部35がユーザの識別情報を取得する(S105H)。本実施形態では、ユーザの識別情報を取得した後、選択履歴記憶制御部44が、ユーザによるリンク先の選択履歴を該ユーザの識別情報と対応づけて所定の記憶領域(リンク先選択履歴DB94)に記憶させる(選択履歴記憶制御ステップS121H)。   In the first embodiment, the identification information acquisition unit 35 acquires user identification information when purchasing a product (S105H). In this embodiment, after acquiring the user identification information, the selection history storage control unit 44 associates the link destination selection history by the user with the user identification information and stores a predetermined storage area (link destination selection history DB 94). (Selection history storage control step S121H).

すなわち、検索画面500において色が選択された際に表示するサムネイル画像A1〜A4をユーザが選択した際や、商品購入ページ600において色彩コーディネートとして提案する商品の画像604〜606をユーザが選択すると、該画像に設定されているリンク先を操作履歴として保存していく。
このように、ユーザによる入力履歴や選択履歴等の操作履歴をライブラリーとして所定の記憶領域に保存しておくことで、後に利用可能とすることができる。
That is, when the user selects thumbnail images A1 to A4 to be displayed when a color is selected on the search screen 500, or when the user selects product images 604 to 606 to be proposed as color coordinates on the product purchase page 600, The link destination set in the image is saved as an operation history.
As described above, the operation history such as the input history and the selection history by the user is saved in a predetermined storage area as a library, so that it can be used later.

(変形例)
前記各実施形態において、紐付情報DB92には、各色に各種の情報が紐付けられていく。そして、時間を経るほどにその量は増加していく。従って、紐付情報DB92において各色に紐付けられているデータの量を判別可能に算出できるようになっていてもよい。例えば、図30に示すように、各色に紐付けられた情報をいくつかの項目に区分けしその量を棒グラフ化することで、紐付けられている情報が多い色と少ない色とが容易に判別できるようになっていてもよい。
(Modification)
In each of the embodiments, various information is associated with each color in the association information DB 92. And the amount increases with time. Therefore, the amount of data associated with each color in the association information DB 92 may be calculated so as to be distinguishable. For example, as shown in FIG. 30, the information associated with each color is divided into several items, and the amount of the information is converted into a bar graph to easily distinguish between colors with a large amount of information associated with the colors and those with a small amount. You may be able to.

前記各実施形態では、紐付情報表示部34は、色の相関性(同一トーン、同一色相)に基づいて、選択色の商品に対して色彩コーディネートを行った。しかしながら、紐付情報表示部は、選択色の商品のテクスチャ(表面の質感や手触り)を考慮して色彩コーディネートを行ってもよい。また、紐付情報表示部は、選択色の商品に対し、風水や占い、パーソナルカラー等に基づく色彩コーディネートを行ってもよい。すなわち、サーバ1は、各色の関連度合いや各色に対するコーディネート対象の色を、風水や占い、パーソナルカラーに基づいて評価したDB(カテゴリコーディネートDB96や色彩コーディネートDB95に相当)を備えていてもよく、該DBに基づいて色彩コーディネートを行ってもよい。   In each of the embodiments described above, the tied information display unit 34 performs color coordination on the selected color product based on the color correlation (same tone, same hue). However, the associating information display unit may perform color coordination in consideration of the texture of the product of the selected color (surface texture and feel). Further, the tied information display unit may perform color coordination based on feng shui, fortune-telling, personal colors, etc., for the selected color product. That is, the server 1 may include a DB (corresponding to the category coordinate DB 96 or the color coordinate DB 95) that evaluates the degree of association between colors and the color to be coordinated with each color based on feng shui, fortune telling, and personal colors. Color coordination may be performed based on the DB.

演算処理等を行う各機能部31〜44は、本実施形態では1つのサーバ1が全て備える構成であるが、前記各実施形態でサーバ1が行っている演算処理は複数のサーバで分散処理する構成であってもよく、各機能部31〜44は、複数のサーバに跨っていてもよい。また、各機能部31〜44は、その一部、または全部がクライアントPC2側にあってもよい。前記各実施形態では、1つのサーバ1内に各DB91〜96があったが、各DB91〜96は、複数のサーバに跨っていてもよいし、その一部または全部がクライアントPC2側にあってもよい。   The functional units 31 to 44 that perform arithmetic processing and the like are configured to be all provided in one server 1 in the present embodiment, but the arithmetic processing performed by the server 1 in each of the embodiments is distributedly processed by a plurality of servers. A structure may be sufficient and each function part 31-44 may straddle a some server. Each of the functional units 31 to 44 may be partly or entirely on the client PC 2 side. In each of the above-described embodiments, each server 91-96 is provided in one server 1. However, each DB 91-96 may straddle a plurality of servers, and a part or all of them are on the client PC 2 side. Also good.

選択色に紐付けられている情報は、色の配列規則(色相、トーンの配列規則)に則って表示されてもよい。例えば、選択色に紐付けられている情報が様々な色相、トーンを有する画像であり、それらの画像を選択色を表示する場合に、Hue-Toneの配列規則に則って赤い画像を緑の画像よりも左側に配し、また、赤い画像の中でもトーン(明るさ)が明るいものをトーンが暗いものよりも上方に配してもよい。   Information associated with the selected color may be displayed in accordance with a color arrangement rule (hue, tone arrangement rule). For example, when the information linked to the selected color is an image having various hues and tones, and the selected color is displayed on those images, the red image is changed to the green image according to the Hue-Tone arrangement rule. Alternatively, a red image having a bright tone (brightness) may be arranged above a darker tone than a dark image.

複数種類の色の配列表示および紐付情報の表示は、例えば液晶ディスプレイや有機ELディスプレイ上で行うことができる。もちろん、結果として人間に視認可能な状態に表示可能な技術であれば採用可能であり、例えば電子ペーパー技術を採用したディスプレイ、網膜ディスプレイ等も採用可能であることは言うまでもない。   The arrangement display of plural kinds of colors and the display of the association information can be performed on, for example, a liquid crystal display or an organic EL display. Of course, any technology that can be displayed in a state that can be visually recognized by humans can be used. For example, a display using an electronic paper technology, a retina display, or the like can be used.

前記各実施形態では、色表示部31は、互いに異なる複数種類の色を、Hue−Toneシステム、PCCS(Practical Color Co-ordinate System)、マンセル表色系(マンセル立体)、NCS(Natural Color System)、オストワルト表色系、DIN(Deutsche Industre Norm)表色系、およびCIE(Commission Internationale d'Eclairage)表色系の少なくともいずれかにて規定される配列規則に基づいて配列表示させることができる。色表示部31は、PANTONE(登録商標)の色見本帳やDIC(登録商標)の色見本帳のような既知の色見本帳の配列規則で複数種類の色を配列表示させることもできる。また、色表示部31は、前記各実施形態のように複数種類の色を2D表示するほか、3D表示してもよい。   In each of the embodiments, the color display unit 31 displays a plurality of different colors from each other by using a Hue-Tone system, PCCS (Practical Color Co-ordinate System), Munsell color system (Munsell solid), NCS (Natural Color System). , The Ostwald color system, the DIN (Deutsche Industre Norm) color system, and the CIE (Commission Internationale d'Eclairage) color system can be used to display an array. The color display unit 31 can also display a plurality of colors in accordance with a known color sample book arrangement rule such as a PANTONE (registered trademark) color sample book or a DIC (registered trademark) color sample book. The color display unit 31 may display a plurality of types of colors in 2D as well as in the above embodiments.

前記各実施形態では、選択色に対応して表示する吹き出し内に該選択色の紐付情報として画像を表示した、または紐付情報として色座標や製品番号等を表示した。しかしながら、図31に示すように、紐付情報がカテゴリ別にツリー構造で表示され、表示したい紐付情報をユーザが容易に選択できるようになっていてもよい。   In each of the above embodiments, an image is displayed as the association information of the selected color in a balloon displayed corresponding to the selected color, or a color coordinate, a product number, or the like is displayed as the association information. However, as shown in FIG. 31, the association information may be displayed in a tree structure for each category so that the user can easily select the association information desired to be displayed.

図31の例では、色検索ボタン503がドロップダウンした状態にて、ツリー検索を選択するためのラジオボタン503Kが表示される。ラジオボタン503Kがチェックされると、該選択色に対応付けた吹き出し内に、紐付情報をカテゴリに区分けした際の上位層のカテゴリである色情報、商品情報等のカテゴリが表示される。これらのいずれかのカテゴリが選択されると、該選択したカテゴリに対応付けた吹き出し内に更に下位のカテゴリ、例えば表色系、アーカイブ情報、ライブラリー情報が表示される。このような表示動作を繰り返し、最下位のカテゴリがユーザにより選択されると、該カテゴリに対応する紐付情報、例えば図31の例でいえば「CMYK系で表した選択色の色座標値」が表示されるようになっていてもよい。   In the example of FIG. 31, a radio button 503K for selecting a tree search is displayed in a state where the color search button 503 is dropped down. When the radio button 503K is checked, categories such as color information and product information, which are higher-level categories when the association information is classified into categories, are displayed in a balloon associated with the selected color. When any of these categories is selected, lower-level categories such as color system, archive information, and library information are displayed in a balloon associated with the selected category. When such a display operation is repeated and the lowest category is selected by the user, the association information corresponding to the category, for example, “color coordinate value of the selected color expressed in the CMYK system” in the example of FIG. It may be displayed.

本発明は、その精神または主要な特徴から逸脱することなく、他の様々な形で実施することができる。そのため、前述の実施の形態はあらゆる点で単なる例示に過ぎず、限定的に解釈してはならない。本発明の範囲は、特許請求の範囲によって示すものであって、明細書本文には、なんら拘束されない。さらに、特許請求の範囲の均等範囲に属する全ての変形、様々な改良、代替および改質は、すべて本発明の範囲内のものである。   The present invention can be implemented in various other forms without departing from the spirit or main features thereof. Therefore, the above-described embodiment is merely an example in all respects and should not be interpreted in a limited manner. The scope of the present invention is indicated by the scope of claims, and is not restricted by the text of the specification. Further, all modifications, various improvements, alternatives and modifications belonging to the equivalent scope of the claims are all within the scope of the present invention.

1…サーバ(色関連情報探索支援装置)31…色表示部、32…選択色情報取得部、33…紐付情報取得部、34…紐付情報表示部。   DESCRIPTION OF SYMBOLS 1 ... Server (color related information search assistance apparatus) 31 ... Color display part, 32 ... Selected color information acquisition part, 33 ... Association information acquisition part, 34 ... Association information display part

Claims (8)

サチュレーションおよび黒色量により定まるトーンと、色相の2軸により複数種類の色が並び、かつ、同一色相の色が縦一列に並ぶとともに、色相は異なるが、同一サチュレーションかつ同一黒色量である、すなわち同一トーンを有する色が横一列に並ぶカラーチャートであって、色相ごとに色がサチュレーション順に並び、かつ同一サチュレーションの色が黒色量順に並ぶカラーチャートをディスプレイに表示し、
カーソルにより色の指定を受け付け、
カーソルで指定された色と同一のトーンの色群を環状のトーンセレクターで囲むコンピュータ。
Tones determined by saturation and black amount and two types of hues are arranged in multiple colors, and the same hue color is arranged in a vertical row and the hues are different, but the same saturation and the same black amount, that is, the same A color chart in which colors having tones are arranged in a horizontal row, the colors are arranged in saturation order for each hue, and the colors of the same saturation are arranged in black quantity order on the display ,
Accept the color specification with the cursor,
A computer that surrounds a color group of the same tone as the color specified by the cursor with an annular tone selector .
カーソルで指定された前記色と同一の色相の色群を環状の色相セレクターで囲む請求項に記載のコンピュータ。 The computer according to claim 1 , wherein a color group having the same hue as the color designated by the cursor is surrounded by a cyclic hue selector. カーソルで指定された前記色を強調表示し、Highlight the color specified with the cursor,
前記カラーチャートは、The color chart is
色相ごとに、各色がサチュレーションの高い順に上から並ぶとともに、同一サチュレーションの色が黒色量の低い順に上から並び、For each hue, each color is arranged from the top in the descending order of saturation, and the same saturation color is arranged from the top in the descending order of the black amount.
サチュレーションの異なる色と色の間に隙間があり、同一色相の色において、同一のサチュレーションの色間の隙間よりも、異なるサチュレ―ションでかつ隣り合う色間の隙間の方が大きく、There is a gap between colors with different saturations, and in the same hue color, the gap between adjacent colors with different saturations is larger than the gap between colors of the same saturation.
同一のトーンを有する色が横一列に隙間を空けて並び、Colors with the same tone are arranged in a horizontal row with a gap,
各色相において、同一サチュレーションを有する色と色との黒色量の間隔が知覚的に等間隔であり、かつ、縦方向に並ぶ異なるサチュレーションの色と色とのサチュレーションの間隔が知覚的に等間隔であるIn each hue, the black amount interval between colors having the same saturation is perceptually equal, and the saturation interval between different saturation colors arranged in the vertical direction is perceptually equal. is there
請求項1または請求項2に記載のコンピュータ。The computer according to claim 1 or 2.
カーソルで指定された色の色相の値、サチュレーションの値、黒色量またはライトネスの値である色座標を前記ディスプレイに表示する請求項1から請求項3のいずれかに記載のコンピュータ。 The computer according to any one of claims 1 to 3, wherein color coordinates that are a hue value, a saturation value, a black amount, or a lightness value of a color designated by a cursor are displayed on the display . サチュレーションおよび黒色量により定まるトーンと、色相の2軸により複数種類の色が並び、かつ、同一色相の色が縦一列に並ぶとともに、色相は異なるが、同一サチュレーションかつ同一黒色量である、すなわち同一トーンを有する色が横一列に並ぶカラーチャートであって、色相ごとに色がサチュレーション順に並び、かつ同一サチュレーションの色が黒色量順に並ぶカラーチャートをディスプレイに表示し、
カーソルにより色の指定を受け付け、
カーソルで指定された前記色と同一のトーンの色群を環状のトーンセレクターで囲むことをコンピュータに実行させるプログラム。
Tones determined by saturation and black amount and two types of hues are arranged in multiple colors, and the same hue color is arranged in a vertical row and the hues are different, but the same saturation and the same black amount, that is, the same A color chart in which colors having tones are arranged in a horizontal row, the colors are arranged in saturation order for each hue, and the colors of the same saturation are arranged in black quantity order on the display,
Accept the color specification with the cursor,
A program that causes a computer to execute a circular tone selector surrounding a color group having the same tone as the color specified by a cursor .
カーソルで指定された前記色と同一の色相の色群を環状の色相セレクターで囲むことをコンピュータに実行させる請求項5に記載のプログラム。The program according to claim 5, wherein the computer is caused to enclose a color group having the same hue as the color designated by the cursor with an annular hue selector. カーソルで指定された前記色を強調表示し、Highlight the color specified with the cursor,
前記カラーチャートであって、色相ごとに、各色がサチュレーションの高い順に上から並ぶとともに、同一サチュレーションの色が黒色量の低い順に上から並び、In the color chart, for each hue, each color is arranged from the top in descending order of saturation, and the same saturation color is arranged from the top in ascending order of black amount,
サチュレーションの異なる色と色の間に隙間があり、同一色相の色において、同一のサチュレーションの色間の隙間よりも、異なるサチュレ―ションでかつ隣り合う色間の隙間の方が大きく、There is a gap between colors with different saturations, and in the same hue color, the gap between adjacent colors with different saturations is larger than the gap between colors of the same saturation.
同一のトーンを有する色が横一列に隙間を空けて並び、Colors with the same tone are arranged in a horizontal row with a gap,
各色相において、同一サチュレーションを有する色と色との黒色量の間隔が知覚的に等間隔であり、かつ、縦方向に並ぶ異なるサチュレーションの色と色とのサチュレーションの間隔が知覚的に等間隔である前記カラーチャートを前記ディスプレイに表示することをコンピュータに実行させる請求項5または請求項6に記載のプログラム。In each hue, the black amount interval between colors having the same saturation is perceptually equal, and the saturation interval between different saturation colors arranged in the vertical direction is perceptually equal. The program according to claim 5 or 6, which causes a computer to display a certain color chart on the display.
カーソルで指定された前記色の色相の値、サチュレーションの値、黒色量またはライトネスの値である色座標を前記ディスプレイに表示することをコンピュータに実行させる請求項5から請求項7のいずれかに記載のプログラム。8. The computer according to claim 5, wherein the computer is configured to display color coordinates that are a hue value, a saturation value, a black amount, or a lightness value of the color designated by a cursor on the display. 9. Program.

JP2016194085A 2016-09-30 2016-09-30 Color chart, computer, server, program Active JP6373324B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2016194085A JP6373324B2 (en) 2016-09-30 2016-09-30 Color chart, computer, server, program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2016194085A JP6373324B2 (en) 2016-09-30 2016-09-30 Color chart, computer, server, program

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2016175586A Division JP6147400B2 (en) 2016-09-08 2016-09-08 Color array display method and program for color array display

Publications (2)

Publication Number Publication Date
JP2016224990A JP2016224990A (en) 2016-12-28
JP6373324B2 true JP6373324B2 (en) 2018-08-15

Family

ID=57748314

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2016194085A Active JP6373324B2 (en) 2016-09-30 2016-09-30 Color chart, computer, server, program

Country Status (1)

Country Link
JP (1) JP6373324B2 (en)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP7134593B2 (en) * 2017-02-27 2022-09-12 大日本印刷株式会社 Image retrieval device, image retrieval method, and program
JP6470379B1 (en) * 2017-10-30 2019-02-13 株式会社中川ケミカル Computer program, color chart, color code diagram ,.

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH1010964A (en) * 1996-06-27 1998-01-16 Shiriusu One:Kk Color arrangement practicing device and color data processing method
JP2002092020A (en) * 2000-09-18 2002-03-29 Sezaty Japan Kk Internet shopping system by color retrieval
GB0413956D0 (en) * 2004-06-22 2004-07-28 Ici Plc A colour display system
JP3138326U (en) * 2007-10-16 2007-12-27 株式会社カラ−スペ−ス・ワム Scale for color harmony
JP2009115903A (en) * 2007-11-02 2009-05-28 Junko Takeshita Lightness difference chart by tone

Also Published As

Publication number Publication date
JP2016224990A (en) 2016-12-28

Similar Documents

Publication Publication Date Title
JP6006177B2 (en) Color related information search support method, color related information search support system
CA2871302C (en) Automated color selection method and apparatus with compact functionality
US9134179B2 (en) Color selecton system based on desired color emotion and color harmony
US8319788B2 (en) Automated color selection method and apparatus
CN117274644B (en) Systems, methods and computer readable media for color coordination
US20190304008A1 (en) Color palette guided shopping
JP6373324B2 (en) Color chart, computer, server, program
JP6147400B2 (en) Color array display method and program for color array display
US11893619B2 (en) Flowerbed sales order system, flowerbed sales order program, and flowerbed sales order method
JP4951682B2 (en) How to customize the content screen color
JP6195550B2 (en) Coordinate suggestion apparatus and method
JP6346975B2 (en) Color-related information search support program and color-related information search support device
KR20110123006A (en) How to recommend products based on taste factors, how to display recommended products and product recommendation system using them
WO2015129335A1 (en) Product search device, system, method, and program
JP7675238B1 (en) Interior space simulation device
KR20210094987A (en) Method and system for recommending products based on preference and presenting recommended products for customers
JP2011076455A (en) Method of color customization of content screen
JP4940734B2 (en) Design production support device and design production support program
US12020306B1 (en) Methods and systems for matching a target color with a product color
US20100076731A1 (en) Method and system for designing a pastry
KR20210105123A (en) Method and system for recommending products based on preference and presenting recommended products for customers
JP2005309922A (en) System for coordinating appearance of building
KR20210089417A (en) Method and system for recommending products based on preference and presenting recommended products for customers
Goldmeier Perfecting the Presentation
Hoque A Study on the Psychology of Color Perception In Color Palettes & Color Pickers

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20161019

A871 Explanation of circumstances concerning accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A871

Effective date: 20161019

A975 Report on accelerated examination

Free format text: JAPANESE INTERMEDIATE CODE: A971005

Effective date: 20161101

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20161122

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20170120

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20170321

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20170621

A911 Transfer to examiner for re-examination before appeal (zenchi)

Free format text: JAPANESE INTERMEDIATE CODE: A911

Effective date: 20170803

A912 Re-examination (zenchi) completed and case transferred to appeal board

Free format text: JAPANESE INTERMEDIATE CODE: A912

Effective date: 20170922

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20180717

R150 Certificate of patent or registration of utility model

Ref document number: 6373324

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250