(57)【要約】【課題】表示された画面を構成する各部をユーザが視認し易い色で表示できるようにする。【解決手段】コンテンツ画面で物品としての操作ポタンが色カスタマイズ対象として選択されると、この操作ボタンに対するカラーセレクタ表示エリア１９とこの操作ボタンが重なって表示されるレイアウト（背景）に対するカラーセレクタ表示エリア２０とを有する色カスタマイズ操作画面１７ａが表示される。カラーセレクタ表示エリア１９では、この操作ボタンを構成する要素としての文字，背景，枠線夫々のカラーセレクタ１９ａ，１９ｂ，１９ｃが表示され、これらのカラーパレットで夫々の要素の色を選択できる。カラーセレクタ表示エリア２０でも、レイアウトを構成する要素としての文字，背景，枠線夫々のカラーセレクタ２０ａ，２０ｂ，２０ｃが表示され、これらのカラーパレットで夫々の要素の色を選択できる。【選択図】図９
2011160030.tif 000002
【特許請求の範囲】
【請求項１】
コンテンツ画面で表示される部品の色の選択を支援するコンテンツ画面の色カスタマイズ方法であって、
該コンテンツ画面で色の選択の対象となる部品の指定とともに、色カスタマイズ操作画面が表示され、
該色カスタマイズ操作画面で、色選択用のカラーパレットが表示され、
該カラーパレットには、色相，明るさ，彩度及び透明度の夫々について指定するための指定部が設けられているとともに、該色相の指定部で指定された色相範囲の色相でかつ該明るさの指定部とで指定された明るさ範囲の明るさの複数の色のカラーセルがマトリックス状に配置されており、
該カラーパレットで所望とする色を表示した該カラーセルを選択することにより、指定された該部品を選択された該色で表示する
ことを特徴とするコンテンツ画面の色カスタマイズ方法。
【請求項２】
請求項１において、
前記カラーセルは、色相と明るさとを軸としてマトリックス状に配置され、
該マトリックスの色相軸に沿って配置される前記カラーセルは、同じ明るさで前記色相範囲の異なる色相の色を表示し、該マトリックスの明るさ軸に沿って配置される前記カラーセルは、同じ色相で前記明るさ範囲の異なる明るさの色を表示する
ことを特徴とするコンテンツ画面の色カスタマイズ方法。
【請求項３】
請求項１または２において、
前記色相の指定部では、選択できない色相の範囲を表わす選択不可エリアが設定されて表示され、前記明るさの指定部では、選択できない明るさの範囲を表わす選択不可エリアが設定されて表示されることを特徴とするコンテンツ画面の色カスタマイズ方法。
【請求項４】
請求項３において、
前記色相の指定部の前記選択不可エリアには、選択することができるが、選択を推奨しない色相も含まれ、前記明るさの指定部の前記選択不可エリアには、選択することができるが、選択を推奨しない明るさも含まれることを特徴とするコンテンツ画面の色カスタマイズ方法。
【請求項５】
請求項１〜４のいずれか１つにおいて、
前記色相の指定部は、色相表示バーと、該色相表示バーに沿って移動可能であって、該色相表示バーでの色相を指定する色相指定スライダとを有し、該色相指定スライダで指定される該色相表示バーでの色相を中心とする色相指定範囲が設定され、該色相指定範囲中の色相が前記カラーパレットの前記カラーセルで表示される色の色相であり、
前記明るさの指定部は、明るさ表示バーと、該明るさ表示バーに沿って移動可能であって、該明るさ表示バーでの明るさを指定する明るさ指定スライダとを有し、該明るさ指定スライダで指定される該明るさ表示バーでの明るさを中心とする明るさ指定範囲が設定され、該明るさ指定範囲中の明るさが前記カラーパレットの前記カラーセルで表示される色の明るさである
ことを特徴とするコンテンツ画面の色カスタマイズ方法。
【請求項６】
請求項１〜５のいずれか１つにおいて、
指定された前記物品の要素毎に、前記カラーパレットや色相，明るさ，彩度及び透明度の指定部を有するカラーセレクタが同時に表示されることを特徴とするコンテンツ画面の色カスタマイズ方法。
【請求項７】
請求項４において、
選択された前記物品の要素に対して前記選択できない色や選択できるが、選択を推奨しない色は、当該要素に隣接する他の要素の色に対して判別可能であるか否かを計算によって判定したものであることを特徴とするコンテンツ画面の色カスタマイズ方法。
【請求項８】
請求項１〜７のいずれか１つにおいて、
前記カラーパレットの上部に前記彩度の指定部が配置され、前記彩度の指定部の下方に前記カラーセルが色相と明るさとを軸とするマトリクス状に配置される
ことを特徴とするコンテンツ画面の色カスタマイズ方法。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、端末装置などの表示画面に表示されるコンテンツを構成する操作ボタンやテキスト，チェックボックスなどと、これらの背景エリアなどの物品の色をカスタマイズ（変更）可能としたコンテンツ画面の色カスタマイズ方法に関する。
【背景技術】
【０００２】
パソコンなどの表示画面で表示されるコンテンツには、操作ボタンやテキスト，チェックボックスなどが設けられ、これにより、画面操作ができるようにしており、また、その操作をし易くするために、それらを色付けして容易に判別することができるようにしている。
【０００３】
ところで、テキストなどを表示する場合、このテキストの背景の色などに応じて、このテキストが見にくくなる場合もあり、このため、背景の状況に応じてテキストの表示色を変更し、このテキストを見やすくするようにした技術が提案されている。
【０００４】
その一例として、デジタルカメラで撮影された画像にその撮影日時や撮影者名などのテキストを重畳して表示（焼き込み）する場合、この画像のテキストが重畳されるエリアを背景として、テキストが見易くなる色で背景を表示するようにした技術が提案されている（例えば、特許文献１参照）。
【０００５】
これは、予め背景に使用される色、即ち、背景色が複数文字色管理情報として設定されており、画像でのテキストの背景となるエリア（焼き込み位置）の色を背景色として取得し、この文字色管理情報の設定色を順次選択して取得した背景色とのコントラスト（輝度の差）を求め、このコントラストを予め設定されて基準値と比較し、このコントラントがこの基準値を越えたときには、このコントラストに該当する設定色を背景の色とし、コントラストがこの基準値を越える設定色がないときには、コントラストが最も大きい設定色を背景の色とするものである。
【０００６】
他の例としては、光ディスクから再生された映像に、背景に文字が表わされた字幕が重畳されている場合、この字幕での文字（テキスト）と背景との色の関係を、文字が見易くなるように、変更してから、かかる字幕が重畳された再生映像を表示するようにした技術が提案されている（例えば、特許文献２参照）。
【０００７】
この技術は、予め文字を見易くするための字幕での文字と背景との色の関係が複数（例えば、文字が黒色で背景が白色の組み合わせや文字が白色で背景が黒色の組み合わせ，文字が赤色で背景が黄色の組み合わせなど）設定された色コードテーブルが設けられており、文字が映像によって見にくくなる背景の透明度が所定の範囲内にあるばあいには、このときの文字の色に該当する色コードテーブルでの背景の色をこの字幕の背景の色とするものである。
【０００８】
さらに他の例としては、カラーパレットを作成して所望とする色成分を選択することができるようにした技術も提案されている（例えば、特許文献３参照）。
【０００９】
この技術は、画像データに含まれる色成分から不要とする色成分を除いて目立たなくするものであって、画像データに除去したい色成分が含まれている場合、この画像データに含まれる全ての色成分を抽出して、これら色成分のカラーパレットを作成して表示し、これとともに、このカラーパレットから除去したい色成分を指定可能とし、かかるカラーパレットから除去した色成分が指定されることにより、指定された色成分が選択されて目立たない別の色に変換するものである。
【先行技術文献】
【特許文献】
【００１０】
【特許文献１】特開２００８−１８２５１３号公報
【特許文献２】特開２００９−２７６０５号公報
【特許文献３】特願２００８ー１５３７４９号公報
【発明の概要】
【発明が解決しようとする課題】
【００１１】
ところで、上記特許文献１，２に記載の技術は、背景に用いられる色は決められており、しかも、実際に背景に用いられる色は、テキスト（文字）の色との関連で決められるものである。これにより、背景に対して、テキストが視認し易くなる場合もあるが、ユーザによっては必ずしも、視認し易くなったとは言えない場合もあり、さらに、見易くなるような色付けもあり得るが、ユーザはそのような色付けを行なうことができない。
【００１２】
また、テキストばかりでなく、背景も見易くなるように、色付けをする必要がある場合もあるが、上記特許文献１，２に記載の技術では、上記の画像や映像に対してテキストの背景を見易くするようなことについては、配慮されていない。
【００１３】
さらに、表示されるコンテンツの画面では、操作ボタンやテキスト，チェックボックスなど（以下、これらをコンテンツの部品という）がこのコンテンツを構成するものであり、上記特許文献１，２に記載の技術での画像に付加されるテキストやその背景とは異なるものであり、かかる部品をユーザの視認し易い色で表示できるようにすることについては、配慮されているものではない。
【００１４】
また、上記特許文献３に記載の技術は、カラーパレットから所定の色を選択できるようにするものであるが、このカラーパレットに表示される色は、画像データが有する色成分であって、この画像データで決まる色成分であり、しかも、このカラーパレットで選択された色成分は、この画像データから除かれて目立たなくするものである。従って、かかる引用文献３に記載の技術では、画面の内容を見やすくなるような色を選択できるようにするものではない。
【００１５】
本発明は、このようなことに鑑みてなされたものであって、その目的は、表示された画面を構成する各部をユーザが視認し易い色で表示できるようにしたコンテンツ画面の色カスタマイズ方法を提供することにある。
【課題を解決するための手段】
【００１６】
上記目的を達成するために、本発明は、コンテンツ画面で表示される部品の色の選択を支援するコンテンツ画面の色カスタマイズ方法であって、コンテンツ画面で色の選択の対象となる部品の指定とともに、色カスタマイズ操作画面が表示され、色カスタマイズ操作画面で、色選択用のカラーパレットが表示され、カラーパレットには、色相，明るさ，彩度及び透明度の夫々について指定するための指定部が設けられているとともに、色相の指定部で指定された色相範囲の色相でかつ明るさの指定部とで指定された明るさ範囲の明るさの複数の色のカラーセルがマトリックス状に配置されており、カラーパレットで所望とする色を表示したカラーセルを選択することにより、指定された部品を選択された色で表示することを特徴とするものである。
【００１７】
また、本発明は、カラーセルが、色相と明るさとを軸としてマトリックス状に配置され、マトリックスの色相軸に沿って配置されるカラーセルは、同じ明るさで色相範囲の異なる色相の色を表示し、マトリックスの明るさ軸に沿って配置されるカラーセルは、同じ色相で明るさ範囲の異なる明るさの色を表示することを特徴とするものである。
【００１８】
さらに、本発明は、上記の色相の指定部では、選択できない色相の範囲を表わす選択不可エリアが設定されて表示され、明るさの指定部では、選択できない明るさの範囲を表わす選択不可エリアが設定されて表示されることを特徴とするものである。
【００１９】
さらに、本発明は、上記の色相の指定部の選択不可エリアには、選択することができるが、選択を推奨しない色相も含まれ、明るさの指定部の選択不可エリアには、選択することができるが、選択を推奨しない色相も含まれることを特徴とするものである。
【００２０】
さらに、本発明は、色相の指定部が、色相表示バーと、色相表示バーに沿って移動可能であって、色相表示バーでの色相を指定する色相指定スライダとを有し、色相指定スライダで指定される色相表示バーでの色相を中心とする色相指定範囲が設定され、色相指定範囲中の色相がカラーパレットのカラーセルで表示される色の色相であり、明るさの指定部は、明るさ表示バーと、明るさ表示バーに沿って移動可能であって、明るさ表示バーでの明るさを指定する明るさ指定スライダとを有し、明るさ指定スライダで指定される明るさ表示バーでの明るさを中心とする明るさ指定範囲が設定され、明るさ指定範囲中の明るさがカラーパレットのカラーセルで表示される色の明るさであることを特徴とするものである。
【００２１】
さらに、本発明は、指定された物品の要素毎に、カラーパレットや色相，明るさ，彩度及び透明度の指定部を有するカラーセレクタが同時に表示されることを特徴とするものである。
【００２２】
さらに、本発明は、選択された物品の要素に対して選択できない色や選択できるが、選択を推奨しない色は、当該要素に隣接する他の要素の色に対して判別可能であるか否かを計算によって判定したものであることを特徴とするものである。
【００２３】
さらに、本発明は、カラーパレットの上部に彩度の指定部が配置され、彩度の指定部の下方にカラーセルが色相と明るさとを軸とするマトリクス状に配置されることを特徴とするものである。
【発明の効果】
【００２４】
本発明によると、コンテンツ画面での所望とする部品を色カスタマイズの対象として指定することができ、色カスタマイズ操作画面でのこの部品を構成する要素毎に、カラーセレクタの操作により、その「要素」を所望とする色に、ユーザが視認し易い状態で、カスタマイズすることが可能となる。
【図面の簡単な説明】
【００２５】
【図１】コンテンツの一具体例の一部を示す図である。
【図２】コンテンツでの部品の種類やその要素，部品が選択されたときと選択されない（非活性）ときとでの要素を示す図である。
【図３】本発明によるコンテンツ画面の色カスタマイズ方法の第１の実施形態の一連の処理手順を示すフローチャートである。
【図４】図３のステップＳ１００で表示されるコンテンツ画面の一具体例を示す図である。
【図５】図４に示すコンテンツ画面の「色カスタマイズ設定」ボタンが操作されたときの選択画面の一具体例を示す図である。
【図６】図５に示す「色カスタマイズ設定」ボタンで「ＯＫ」ボタンが選択されたときのコンテンツ画面の一具体例を示す図である。
【図７】図６に示すコンテンツ画面で１つの部品が選択されたときの選択部品エリアの一具体例を示す図である。
【図８】図７に示す選択部品エリアの移動後に表示される色カスタマイズ操作画面の一具体例を示す図である。
【図９】図８に示す色カスタマイズ操作画面で選択されたカラーセレクタが開いている状態の色カスタマイズ操作画面の一具体例を示すである。
【図１０】図９における「単色」タブと「グラテーション」タブとの一具体例を示す図である。
【図１１】図１０に示す「単色」タブと「グラテーション」タブとの選択できない色，選択を勧めない色を示した状態を示す図である。
【図１２】図９に示す色カスタマイズ操作画面での操作ボタンの文字の色カスタマイズ操作がなされている状態を示す図である。
【図１３】図９に示す色カスタマイズ操作画面での操作ボタンの枠線の色カスタマイズ操作がなされている状態を示す図である。
【図１４】図９に示す色カスタマイズ操作画面でのレイアウトの背景の色カスタマイズ操作がなされている状態を示す図である。
【図１５】図９に示す色カスタマイズ操作画面でのレイアウトの背景のカラーセレクタの一操作例を示す図である。
【図１６（ａ）】図９に示す色カスタマイズ操作画面でのレイアウトの背景のグラテーション操作を示す図である。
【図１６（ｂ）】図１６（ａ）に示す操作に続くグラテーション操作を示す図である。
【図１７】図９に色カスタマイズ操作画面で色カスタマイズの対象を変化させる操作を示す図である。
【図１８】図９に示す色カスタマイズ操作画面で色カスタマイズ操作が終了したときの操作の一具体例を示す図である。
【図１９】図１８に示す操作によって表示される選択画面の一具体例を示す図である。
【図２０】図６に示すコンテンツ画面で複数の「部品」を選択する操作の一具体例を示す図である。
【図２１】図２０に示す操作で表示される色カスタマイズ操作画面の一具体例を示す図である。
【図２２】本発明によるコンテンツ画面の色カスタマイズ方法の第２の実施形態における色カスタマイズ操作画面で展開されるカラーセレクタの一具体例を示す図である。
【図２３】図２２での「選択色表示」欄２１の設定色表示部２１ａの表示状態の一具体例を示す図である。
【図２４】本発明によるコンテンツ画面の色カスタマイズ方法の第２の実施形態における色カスタマイズ操作画面で展開されるカラーセレクタの他の具体例を示す図である。
【図２５】図２４における色相指定部４４及び輝度指定部４５の操作方法の一具体例を示す図である。
【図２６】本発明によるコンテンツ画面の色カスタマイズ方法の第２の実施形態における色カスタマイズ処理がなされていないときの図２２に示すカラーセレクタ４０での「単色」タブ２９の表示状態の一具体例を示す図である。
【図２７】本発明によるコンテンツ画面の色カスタマイズ方法の第２の実施形態における対象要素がグレーに色カスタマイズ処理がなされているときの図２２に示すカラーセレクタ４０での「単色」タブ２９のデフォルトの表示状態の一具体例を示す図である。
【図２８（ａ）】図２２に示すカラーセレクタ４０の色相指定部４４での操作状態の一具体例を示す図である。
【図２８（ｂ）】図２８（ａ）に示すカラーセレクタ４０ｄにおいて、輝度指定部４５ｃの輝度指定スライダ４５ａを輝度表示バー４５ｃの上端側に移動させた場合の状態の一具体例を示す図である。
【図２９】本発明によるコンテンツ画面の色カスタマイズ方法の第２の実施形態における１つの物品の各要素のカラーセレクタでのカラーパレットの状態の一具体例を示す図である。
【図３０】図２９に示すようなカラーセレクタ４０Ｃ，４０Ｂ，４０Ｆを含む色カスタマイズ操作画面で図１８に示すような「ＯＫ」ボタンが押下操作されたときに表示される指示画面の一具体例を示す図である。
【図３１】図２２，図２３，図２６〜図３０に示すカラーセレクタの一変形例を示す図である。
【図３２】図３１に示す構成の図９におけるカラーセレクタ４０Ｃ，４０Ｂの一方の「クリア」ボタン２３が操作されたときのこれらカラーセレクタ４０Ｃ，４０Ｂの状態の変化を示す図である。
【図３３】図２２に示すカラーセレクタ４０で「グラデーション」タブ３０が選択されたときの状態を示す図である。
【図３４】図３３に示すカラーセレクタ４０でのグラデーション分岐点設定部６１の分岐点増減部６３の操作を説明する図である。
【図３５】図３３に示すカラーセレクタ４０での中間指示体６７Ｉの操作を説明する図である。
【図３６】本発明によるコンテンツ画面の色カスタマイズ方法の第３の実施形態における図８に示すような色カスタマイズ操作画面で展開されるカラーセレクタの一具体例を示す図である。
【発明を実施するための形態】
【００２６】
まず、本発明の概念について説明する。
【００２７】
パソコンなどの端末装置の表示画面に表示されるコンテンツは各部品から構成されるものであって、各部品はその構成要素からなるものである。
【００２８】
図１はかかるコンテンツの一具体例の一部を示すものであって、１００は操作ボタン、１０１は文字、１０２はボタン背景、１０３はボタン枠線、２００は背景である。
【００２９】
同図において、このコンテンツのこの部分は操作ボタン１００とこの操作ボタン１００以外のエリアの背景２００とからなっている。ここで、操作ボタン１００と背景２００とは部品であって、コンテンツのこの部分は操作ボタン１００と背景２００との部品によって構成されているものである。ここで、この操作ボタン１００は「部品１」であり、背景２００は「部品２」である。
【００３０】
また、部品１の操作ボタン１００は、操作ボタン１００の輪郭を表わす枠線１０３と、このボタン枠線１０３の内部エリアとなるボタン背景１０２と、テキストを形成する文字１０１とで構成され、これら文字１０１とボタン背景１０２と枠線１０３とが部品１を構成する要素となる。
【００３１】
以下に説明する実施形態は、端末装置に設けられて、このようなコンテンツの部品と夫々の部品や部品の夫々の要素について、ユーザにより、このユーザが視認し易いように、色のカスタマイズ（変更）をすることができるようにするものである。
【００３２】
ところで、部品や部品の要素が明確に判別できるためには、かかる部品や要素とこれに接した（以下、隣接したという）他の部品または他の要素との輝度コントラスト比（濃さの違い）が充分大きいことが必要である。
【００３３】
ここで、Ｗ３Ｃ（World Wide Web Consortium）のＷＣＡＧ（Web Content Accesibility Guidelines）勧告によると、輝度コントラスト比は、
（Ｌ１＋０．０５）／（Ｌ２＋０．０５）        ……（１）
但し、Ｌ１：隣接した部品または要素のうちの明るい方の色の相対輝度Ｌ
Ｌ２：隣接した部品または要素のうちの暗い方の色の相対輝度Ｌ
で表わされる。
【００３４】
色の相対輝度Ｌは、ＩＥＣ（国際電気標準会議）規格のｓＲＧＢ色空間では、
Ｌ＝０．２１２６＊Ｒ＋０．７１５２＊Ｇ＋０．０７２２＊Ｂ
で表わされる。但し、かかる色の相対輝度におけるＲ（赤）成分，Ｇ（緑）成分，Ｂ（青）成分は、ｓＲＧＢ色空間でのＲ成分をＲｓＲＧＢ、同じくＧ成分をＧｓＲＧＢ、同じくＢ成分をＢｓＲＧＢとすると、
ＲｓＲＧＢ≦0.03928の場合、Ｒ＝ＲｓＲＧＢ／12.92
ＲｓＲＧＢ＞0.03928の場合、Ｒ＝（(ＲｓＲＧＢ＋0.055)／1.055)＾2.4
ＧｓＲＧＢ≦0.03928の場合、Ｇ＝ＧｓＲＧＢ／12.92
ＧｓＲＧＢ＞0.03928の場合、Ｇ＝（(ＧｓＲＧＢ＋0.055)／1.055)＾2.4
ＢｓＲＧＢ≦0.03928の場合、Ｂ＝ＢｓＲＧＢ／12.92
ＢｓＲＧＢ＞0.03928の場合、Ｂ＝（(ＢｓＲＧＢ＋0.055)／1.055)＾2.4
但し、“＾”は指数演算子
で表わされ、ＲｓＲＧＢ，ＧｓＲＧＢ，ＢｓＲＧＢは夫々
ＲｓＲＧＢ＝Ｒ８bit／255
ＧｓＲＧＢ＝Ｇ８bit／255
ＢｓＲＧＢ＝Ｂ８bit／255
である。
【００３５】
なお、Ｒ８bit，Ｇ８bit，Ｂ８bitは夫々、８ビットで表わされる値である。
【００３６】
以上のように、輝度コントラスト比は上記の式（１）で表わされるが、
（１）コンテンツ作成者は、テキストのレンダリング（数値データからの画像化：例えば、フォントのスムージングやアンチエイリアス）に関するユーザの設定を制御できないため、テキストの輝度コントラスト比は、アンチエイリアンス（表示される線などに現われるギザギザをなくす処理）をオフした状態で評価される。  
（２）文字の周囲に縁取りがある場合、その縁取りがコントラストを強めることもあり、文字とその背景色におけるコントラストの計算に用いられる。但し、文字の周囲の細い縁取りは文字として扱われる。文字の周囲の太い縁取りがかさ（暈：ハローや後光）のようになって、文字の細かい字画を埋めていれば、背景色として考慮されることになる。  
（３）ＷＣＡＧへの適用は、典型的な表現において隣接すると製作者が想定して、コンテンツで指定した色の組み合わせに対して評価されるべきである。製作者は、ユーザエージェントによる色の変更などのように、通常とは異なる表現を考慮する必要はない。但し、それが制作者のソースコードによって起こる場合は、除く。
【００３７】
なお、ディザリング（表示可能な色を組み合わせて、その中間の色を表現すること）が発生する場合には、元の色の値が用いられる。発生源でディザリングしている色については、用いられる色の平均値（Ｒの平均値，Ｇの平均値，Ｂの平均値）を用いるべきである。
【００３８】
以下に説明する実施形態は、以上の輝度コントラスト比を基に、コンテンツの部品やその要素の色を規制し、いずれの部品や要素の色も、ユーザに合わせてカスタマイズすることができるようにするものである。
【００３９】
ここで、この色の規制とは、文字とその背景（この文字が重なって表示される背景）とでは、その輝度コントラスト比が４．５：１未満となる色を選べなくするものであり、また、文字以外の要素とその背景またはその文字以外の要素に隣り合う要素（例えば、ボタンの背景色とこのボタンの枠線色，ボタンの枠線色とこのボタンが置かれている背景の色など）との輝度コントラスト比が１．７：１以上となる色は選択できる、とするものである。
【００４０】
なお、以下では、上記の規定される輝度コントラスト比を、上記のように、４．５：１，１．７：１として、実施形態の説明をするが、これに限るものでなく、ユーザにとって各「要素」を視認し易くする他の輝度コントラスト比を定めることができる。但し、文字とこれに接する「要素」との間で規定される輝度コントラスト比は、文字以外の「要素」間での規定のコントラスト比よりも、その比率が大きいものとする。
【００４１】
また、以下の実施形態では、接し合う要素（図１では、部品１の文字１０１、部品１での背景１０２、部品１の枠線１０３、部品２）は全て個別にカスタマイズを行なうものである。グラデーション（色や濃淡の連続的に変化）の場合には、最低の輝度コントラスト比（上記の４．５：１や１．７：１）は、最も厳しい色で判別する。
【００４２】
図２は部品の種類やその要素の一覧を示す図である。
【００４３】
同図において、ここでは、部品として、「ボタン」，「テキスト」，これら「ボタン」や「テキスト」が配置される背景となる「レイアウト」，文字を入力するための「テキストボックス」，２以上の項目毎に設けられていてそれらのうちのいずれかを選ぶことができるようにした「チェックボックス」，２以上の項目毎に設けられていてそれらのうちのいずれか１つだけを選ぶことができるようにした「ラジオボタン」，限られた一定のエリア内に複数種類の情報を表示するために用いる「タブパネル」を挙げており、また、これらに対する要素を挙げている。かかる要素としては、「文字／記号」と「文字／記号の縁取り」と「背景」と「枠線」と「影」などである。ここで、要素「文字／記号」，「文字／記号の縁取り」，「背景」，「枠線」の属性としては、「押下」可能な（押下操作によって機能する）状態の要素と「押下」可能な状態となり得るものの、そのときには、「押下」できない（押下操作しても機能しない）状態の「非活性」の要素とがあり、「押下」可能な状態の要素に対しては、例えば、「文字／記号」を例にすると、「文字／記号」と「非活性の文字／記号」とが存在する。また、「押下」したときに当該部品が選ばれたことを示す状態を、「選択時」とした。例えば、「文字／記号」を例にすると、押下される前で、かつ押下可能な状態を表わす「文字／記号」と、押下される前で、かつ押下不可能な状態を表わす「非活性時の文字／記号」と、押下された後の状態を表わす「選択時の文字／記号」とがある。そして、部品毎に、夫々の要素の該当する属性に○印を付している。
【００４４】
図２によると、部品「ボタン」，「レイアウト」，「テキストボックス」，「チェックボックス」，「ラジオボタン」，「タブパネル」は、「文字／記号」や「文字／記号の縁取り」，「背景」，「枠線」，「影」の要素から成るが、これらには、全て「非活性」の状態が存在する。部品「レイアウト」は、「文字／記号」や「文字／記号の縁取り」，「背景」，「枠線」，「影」の要素から成るが、押下するものではないから、これら要素は不活性の状態も、また、選択の状態も存在しない。部品「テキスト」は、「文字／記号」と「文字／記号の縁取り」の要素から成るものであるが、これら要素には、不活性の状態が存在する。また、「タブパネル」は、「文字／記号」，「文字／記号の縁取り」，「背景」，「枠線」，「影」の要素からなり、これら要素には、「非活性」の状態とともに、「選択」可能な状態も存在する。
【００４５】
以上のことを基に、以下、本発明の第１の実施形態を図３〜図２１を用いて説明する。なお、図３は本発明によるコンテンツ画面の色カスタマイズ方法の一実施形態の一連の処理手順を示すフローチャートであって、この図３を基に、この実施形態を説明する。
【００４６】
まず、図示しない端末装置でコンテンツデータをダウンロードすると、その表示画面に図４に示すこのコンテンツデータによるコンテンツ画面が表示される（図３のステップＳ１００）。
【００４７】
なお、図４において、１は表示画面、２はコンテンツ画面、３は「色カスタマイズモード設定」ボタン、４はコンテンツデータ表示エリア、５，５1〜５4は操作ボタン、５5はその右隣に設けられている「実行」ボタンが押下されたときに実行される機能を選択するための操作部（ここでは、プルダウンメニューとしている）、５ａはボタンの文字、５ｂはボタンの背景、５ｃはボタンの枠線、６は背景、６ａ，６ｂは文字、７はタブパネル、７ａはタブパネルの文字、７ｂはタブパネルの背景、８はテキスト、９はチェックボックス、１０はテキストボックス、１１はカーソルである。
【００４８】
同図において、表示画面１に表示されるコンテンツ画面２では、ダウンロードされたコンテンツを表示するコンテンツ表示エリア４とともに、このコンテンツ表示エリア４で表示されるコンテンツを処理するための、例えば、「重要度変更」ボタン５1，「期限変更」ボタン５2，「担当者変更」ボタン５3，「ステータス変更」ボタン５4（以下、纏めて言うときや総称するときには、操作ボタン５という）や機能選択のための操作部５5，かかる操作ボタン５や操作部５5が重ねて表示されるレイアウト（背景）６，タブパネル７，タブパネル７内に表示されるテキスト８，コンテンツ表示エリア４で表示される各コンテンツデータ毎に設けられたチェックボックス９、テキストボックス１０などが表示される。これらがコンテンツ画面２を構成する上記の「部品」ということになる。
【００４９】
コンテンツ表示エリア４には、ここでは、項目「重要度」，「期限」，「担当者」，「ステータス」，「メモ」などからなるタスクの一覧表が表示されており、これらタスク毎に、それを処理可能とするためのチェックボックス９が設けられている。「重要度変更」ボタン５1や「期限変更」ボタン５2，「担当者変更」ボタン５3，「ステータス変更」ボタン５4，操作部５5の部品は、コンテンツ表示エリア４でのいずれのタスクも、チェックボックス９でチェックされずに処理不能な状態にあるときには、全て不活性の状態にあり、押下しても機能しないが、コンテンツ表示エリア４でタスクが１つでも、そのチェックボックス９でチェックされて、処理可能な状態となると、これら全てが「押下」可能な状態となる。
【００５０】
例えば、図示するように、タスク３，４が選択されて処理可能な状態になったとすると、これらタスク３，４に対して、「重要度変更」ボタン５1を選択することにより、その項目「重要度」の内容を変更させることができるし、「期限変更」ボタン５2を選択することにより、その項目「期限」の内容を変更させることができるし、「担当者変更」ボタン５3を選択することにより、その項目「担当者」の内容を変更させることができるし、「ステータス変更」ボタン５4を選択することにより、その項目「ステータス」の内容を変更させることができる。また、操作部５5で、図示するように、「メモ記述」の項目が選択されている状態で、「実行」ボタンが押下されると、上記タスク３，４の項目「メモ」の内容を変更させることができる。なお、この操作部５5では、その▼ボタンを押下することにより、機能の一覧が表示され、そのうちの所望の機能が押下されて「実行」ボタンが押下されると、この機能が上記のタスク３，４に対して実行される。
【００５１】
なお、以下では、色カスタマイズの対象として、操作ボタン５を代表例として説明するが、この「メモ記述」変更操作部５5やこれ以外の「部品」、即ち、タブパネル７，テキスト８，チェックボックス９，テキストボックス１０などについても同様である。
【００５２】
部品としての操作ボタン５は、文字５ａと背景５ｂと枠線５ｃとから構成されており、これらが操作ボタン５を構成する「要素」ということになる。かかる要素としての文字は、「重要度変更」ボタン５1では「重要度変更」であり、「期限変更」ボタン５2では「期限変更」であり、「担当者変更」ボタン５3では「担当者変更」であり、「ステータス変更」ボタン５4では「ステータス変更」である。同様にして、部品としてのレイアウト６には、そのレイアウト６のタイトルを示す文字６ａ，６ｂが表示されるが、この文字６ａ，６ｂとレイアウト６の背景とがこのレイアウト６を構成する要素となる。なお、この文字６ａは、レイアウト６に重なって表示される部品としての「重要度変更」ボタン５1，「期限変更」ボタン５2，「担当者変更」ボタン５3，「ステータス変更」ボタン５4などのコマンドを指定するものであるときには、例えば、「よく使うコマンド」といった標題（テキスト）で表わされている。
【００５３】
また、タブパネル７に表示されるテキスト８は、コンテンツデータであり、部品である。これに対し、タブパネル７に表示される「個人」との文字７ａは、タブパネル７の標題を表わすものであり、タブパネル７を構成する要素ということになる。なお、タブパネル７は、要素としてのかかる文字７ａと要素としての背景７ｂとで構成されることになり、この背景８ｂに部品としてのテキスト８が重ねて表示されていることになる。なお、ここでは、標題を「グループ」とするタプパネルもあるが、これもタブパネル７と同様である。
【００５４】
さらには、コンテンツ表示エリア４では、図示するように、タクトの一覧が表示されているものとしているが、ここでは、これらタクト毎に部品としてのチェックボックス９が設けられているものとしている。
【００５５】
さらにまた、このコンテンツ画面２には、その上辺部に「色カスタマイズ」ボタン３などのモード選択ボタンが表示されおり、これらのいずれかをカーソル１１で指定してクリック操作する（以下、かかる操作を押下操作という）ことにより、これに該当するモードが設定される。「色カスタマイズ」ボタン３は、このコンテンツ画面２での部品やその要素の色をカスタマイズするモードを設定するためのものである。
【００５６】
このコンテンツ画面２が表示された状態で（図３のステップＳ１００）、カーソル１１が操作されて「色カスタマイズ」ボタン３が押下されると（図３のステップＳ１０１）、図５に示す選択画面が表示される。
【００５７】
なお、図５において、１２は選択画面、１３はテキスト、１４は「ＯＫ」ボタン、１５は「キャンセル」ボタンである。
【００５８】
同図において、ここでは、この選択画面１２はコンテンツ画面２に重なってその中央部に表示され、この場合、コンテンツ画面２は透けて見える状態のものとする。但し、選択画面１２のみを表示するようにしてもよい。
【００５９】
この選択画面１２では、例えば、「色をカスタマイズしたい部分を選択して下さい」といったようなテキスト１３が表示されるとともに、部品の色をカスタマイズさせるための「ＯＫ」ボタン１４と色のカスタマイズモードをキャンセルするための「キャンセル」ボタン１５とが表示され、この「キャンセル」ボタン１５がカーソル１１の操作で押下されると、色のカスタマイズモードがキャンセルされ、図４に示すコンテンツ画面２のみの表示状態に戻る。
【００６０】
「ＯＫ」ボタン１４が押下されると、色のカスタマイズモードが設定されて、図６に示すコンテンツ画面２の表示状態となり（但し、図６において、図４に対応する部分には同一符号をつけて重複する説明を省略する）、カーソル１１を操作して所望とする１つの部品、例えば、「期限変更」ボタン５2を押下すると、この部品が押下されたことになる（図３のステップＳ１０２，Ｓ１０３）。
【００６１】
これとともに、この場合には、押下された部品が「期限変更」ボタン５2であって、この部品の上には、他の部品が重なっていない（図３のステップＳ１０４の“Ｎｏ”）、図７に示すように（なお、図７において、１６は押下部品エリアであり、前出図面に対応する部分には同一符号をつけて重複する説明を省略する）、コンテンツ画面２でのこの部品である「期限変更」ボタン５2を完全に含み、かつこれに接する他の部品（ここでは、レイアウト６）の一部とを含み、それ以外の部品を極力排除した押下部品エリア１６が明示された状態となり、コンテンツ画面２の他のエリアは透けて見える状態となる。
【００６２】
そして、図６に示すコンテンツ画面２の全体が、例えば、左方向に移動し、これにより、かかる押下部品エリア１６が移動して、図８に示す色カスタマイズ操作画面が表示される（図３のステップＳ１０５）。
【００６３】
なお、図８において、１７は色カスタマイズ操作画面、１８はカラーセレクタ表示画面、１９は「ボタン」のカラーセレクタ表示エリア、１９ａ〜１９ｃはカラーセレクタ、２０は「レイアウト」のカラーセレクタ表示エリア、２０ａ〜２０ｃはカラーセレクタ、２１は「選択色表示」欄、２２は「選択色の候補表示」ボタン、２３は「クリア」ボタン、２４はプレビューエリア、２５はスクロール操作部、２６は「ＯＫ」ボタン、２７は「キャンセル」ボタン、２８は「全クリア」ボタンである。
【００６４】
同図において、この色カスタマイズ操作画面１７では、図４に示すコンテンツ画面２でのコンテンツデータ表示エリア４が変更されたカラーセレクタ表示画面１８と、タブパネル７の表示エリアが変更されたプレビューエリア２４とからなるものであって、上記のように、図６に示すコンテンツ画面２全体の移動が、プレビューエリア２４内に押下部品エリア１６が位置付けられるまで、行なわれ、このコンテンツ画面２のこのプレビューエリア２４に含まれる部分のみがこのプレビューエリア２４で表示されることになる。但し、このプレビューエリア２４内では、押下部品エリア１６の部分のみが明示され、その他の部分は透けて見える状態となる。これにより、図６のコンテンツ画面２で押下された部品（この場合、「期限変更」ボタン５2）が明確に示され、それを容易に確認することができる。
【００６５】
また、カラーセレクタ表示画面１８では、図６でのコンテンツ画面２で押下された部品と、この部品が重なって表示される他の部品との押下部品エリア１６で明示される部品毎にカラーセレクタ表示エリアが設定される。上記の例では、選択された「期限変更」ボタン５2のカラーセレクタ表示エリア１９と、この「期限変更」ボタン５2が重ねられているレイアウト６に対するカラーセレクタ表示エリア（レイアウト６のカラーセレクタ表示エリア）２０とが設定されることになる。そして、カラーセレクタ表示エリア１９，２０毎に、該当する部品の要素毎にその色を選択することができるようにするためのカラーセレクタが表示される。この場合の例では、カラーセレクタ表示エリア１９には、部品としての「期限変更」ボタン５2の「要素」であるボタンの文字５ａ（図４）に対してカラーセレクタ１９ａが、その背景５ｂに対してカラーセレクタ１９ｂが、その枠線５ｃに対してカラーセンタ１９ｃが夫々設定され、また、レイアウト６のカラーセレクタ表示エリア２０には、「部品」としてのレイアウト６の「要素」であるレイアウト６の文字６ａ（図４）に対してカラーセレクタ２０ａが、その背景に対してカラーセレクタ２０ｂが、その枠線に対してカラーセレクタ２０ｃが夫々設定される。
【００６６】
各カラーセレクタは、カラーセレクタ２０ｃを例にして説明すると、「選択色表示」欄２１と「選択色の候補表示」ボタン２２と「クリア」ボタン２３とからなり、「選択色表示」欄２１では、このカラーセレクタ２０ｃに該当する「要素」（この場合、レイアウト６の枠線）の現在の色が表示されており、これにより、この「要素」の現在の表示色が確認できるようにしている。また、「選択色の候補表示」ボタン２２は、後述するように、色をカスタマイズ（変更）するための手段を表示するためのものであり、「クリア」ボタン２３は、後述するように、選択した色を解除するためのものであり、色の選択に対する制限を解除するためのものでもある。
【００６７】
また、図６に示すコンテンツ画面２で選択された（図３のステップＳ１０３）１つの部品が、例えば、レイアウト６のように、その上に他の部品（例えば、操作ボタン５）が重ねられている場合でも（図３のステップＳ１０４の“Ｙｅｓ”）、図８に示すように、この選択された部品のカラーセレクタ表示エリア１９とこの部品に重ねられた他の部品のカラーセレクタ表示エリア２０とが設定された色カスタマイズ操作画面１７が表示される。但し、この押下された部品がレイアウト６である場合には、これに重なっている部品は複数個の操作ボタン５であり、この場合には、これらの操作ボタン５毎にカラーセレクタ表示エリア２０が設定されて表示されることになる（図３のステップＳ１０６）。なお、押下された部品がタブパネル７である場合には、これに重なっている部品はテキスト８であるから、この場合には、選択されたタブパネル７のカラーセレクタ表示エリア１９とこれに重ねられたテキスト８のカラーセレクタ表示エリア２０とが設定された色カスタマイズ操作画面１７が表示される（図３のステップＳ１０６）。
【００６８】
なお、この色カスタマイズ操作画面１７には、カラーセレクタ表示画面１８を上下にスクロールさせるためのスクロール操作部２５と、後述する色カスタマイズの操作結果を確定するための「ＯＫ」ボタン２６と、後述する色カスタマイズの操作をキャンセルする「キャンセル」ボタン２７と、カラーセレクタ表示画面１８で表示される全てのカラーセレクタ１９ａ〜１９ｃ，２０ａ〜２０ｃの「クリア」ボタン２３を全て同時に操作したのと同様の機能を有する「全クリア」ボタン２８とを備えている。
【００６９】
図８に示す色カスタマイズ操作画面１７で所望とする「要素」のカラーセレクタの「選択色の候補表示」ボタン２２がカーソル１１を用いて押下操作されると、図９に示すように、この「選択色の候補表示」ボタン２２が押下されることによって選択されたカラーセレクタが展開した状態となり、その「要素」の色のカスタマイズが可能な状態となる。
【００７０】
なお、図９において、１７ａはこのときの色カスタマイズ操作画面、２９は「単色」タブ、３０は「グラデーション」タブであり、図８に対応する部分には同一符号をつけて重複する説明を省略する。
【００７１】
いま、図８に示す色カスタマイズ操作画面１７での「期間変更」ボタン５2のカラーセレクタ表示エリア１９でカラーセクク１９ａ〜１９ｃの「選択色の候補表示」ボタン２２が、また、レイアウト６のカラーセレクタ表示エリア２０でカラーセレクタ２０ｂの「選択色の候補表示」ボタン２２が夫々押下されたとすると、これらカラーセレクタ１９ａ〜１９ｃ，２０ｂが選択されて展開した状態となる。即ち、ここでは、「期間変更」ボタン５2の要素「文字」５ａの文字色を設定するためのカラーセレクタ１９ａと、同じく要素「ボタンの背景」５ｂの背景色を設定するためのカラーセレクタ１９ｂと、同じく要素「ボタンの枠線」５ｃの枠線色を設定するためのカラーセレクタ１９ｃと、レイアウト６の要素「背景」の背景色を設定するためのカラーセレクタ２０ｂとが展開することになる。
【００７２】
これらカラーセレクタ１９／２０（カラーセレクタ１９ａ〜１９ｃ，２０ａ〜２０ｃの総称）は、色を決めるための「単色」タブ２９とグラデーションを決めるための「グラデーション」タブ３０とからなり、カーソル１１の操作によってこれらのいずれかが選択された状態にある。図９に示す例では、「期間変更」ボタン５2の要素「文字」５ａに対する「ボタン文字色」のカラーセレクタ１９ａと同じく要素「ボタンの枠線」５ｃに対する「ボタン枠線色」のカラーセレクタ１９ｃとレイアウト６の要素「背景」に対する「背景色」のカラーセレクタ２０ｂとで「単色」タブ２９が選択されており、「期間変更」ボタン５2の要素「ボタンの背景」５ｂに対する「ボタン背景色」のカラーセレクタ１９ｂで「グラデーション」タブ３０が選択されている状態を示している。
【００７３】
これら「単色」タブ２９や「グラデーション」タブ３０は、該当する「要素」が表わされている色（即ち、「選択色表示」欄２１）を選択した状態にある（図３のステップＳ１０７）。
【００７４】
図１０（ａ）は図９における「単色」タブ２９の一具体例を示す図であって、２１ａは設定色表示部、２９ａは不透明度指定部、２９ｂは色相表示欄、２９ｃはカラーパレット、２９ｄ1は色相指定部、２９ｄ2は濃度指定部、２９ｅ1，２９ｅ2はスライダである。
【００７５】
図１０（ａ）において、「単色」タブ２９は、「要素」（例えば、「期間変更」ボタン５2の「要素」）に現在設定されている色の不透明度を表わす不透明度指定部２９ａと、設定可能な種々の濃度での色の一覧を表わす色選択用のカラーパレット２９ｃと、このカラーパレット２９ｃに含まれる色の種類を表わす色相表示欄２９ｂとからなっている。
【００７６】
このカラーパレット２９ｃは、横軸を色相（色の種類）座標軸として、この色相座標軸に沿って各種の色相の色が配列され、縦軸を濃度座標軸として、この濃度座標軸に沿って同じ色相の色が異なる濃度で配列されている。カラーパレット２９ｃでの所望とする色をカーソル１１の操作で選択することにより、この「単色」タブ２９に該当する「要素」の色がこの選択された色に設定される。これとともに、「選択色表示」欄２１（図８）の設定色表示部２１ａで表示される色も、この選択された色に変更される。
【００７７】
カラーパレット２９ｃの上辺側には、選択する色相を代えるための色相指定部２９ｄ1が設けられており、この色相指定部２９ｄ1に色相を選択するためのスライダ２９ｅ1が設けられている。このスライダ２９ｅ1を色相座標軸に沿う左右方向に移動させることにより、このスライダ２９ｅ1に対向する色相の色を選択できるようになる。また、カラーパレット２９ｃの左辺側には、色の濃度を変化させるための濃度指定部２９ｄ2が設けられており、この濃度指定部２９ｄ2に濃度を選択するためのスライダ２９ｅ2が設けられている。このスライダ２９ｅ2を濃度座標軸に沿う上下方向に移動させることにより、このスライダ２９ｅ2に対向する濃度の色を選択できるようになる。スライダ２９ｅ1を左右方向に移動されると、これに応じて選択される色相が変化し、これとともに、「選択色表示」欄２１の色設定表示部２１ａに表示される色が変化し、スライダ２９ｅ2を上下方向に移動されると、これに応じてスライダ２９ｅ1で選択されている色相の濃度が変化し、これとともに、「選択色表示」欄２１の色設定表示部２１ａに表示されている色の濃度が変化する。
【００７８】
これにより、スライダ２９ｅ1を希望する色相に対向する位置に設定し、スライダ２９ｅ2を希望する濃度に対向する位置に設定すると、希望する濃度で希望する色相の色が選択されたことになり、かかる希望する濃度で希望する色相の色が「選択色表示」欄２１の色設定表示部２１ａに表示されることになる。
【００７９】
図１０（ｂ）は図９における「グラデーション」タブ３０の一具体例を示す図であって、２１ｂは設定グラデーション表示部、３０ａは不透明度指定部、３０ｂは色相表示欄、３０ｃはカラーパレット、３０ｄ1は色相指定部、３０ｄ2は濃度指定部、３０ｅ1，３０ｅ2はスライダ、３０ｆはグラデーション設定部、３０ｆ1はグラデーションバー、３０ｆ2，３０ｆ3は端部マーク、３０ｆ4は色相／濃度指示マーク、３０ｇはグラデーション方向設定欄である。
【００８０】
同図において、「グラデーション」タブ３０は、「単色」タブ２９と同様、不透明度指定部３０ａと色相表示欄３０ｂとカラーパレット３０ｃとが設けられているとともに、グラデーション設定部３０ｆ及びグラデーション方向設定欄３０ｇが設けられている。ここで、カラーパレット３０ｃは、グラデーションを設定する際の色の選択のためのものである。
【００８１】
グラデーション方向指定欄３０ｇは、グラデーションの方向（色あるいは濃さの変化の方向）を任意に切り換え設定できるようにするものであって、この方向が角度０゜のときには、横方向に色やその濃さを順次変化させるものであり、角度９０゜のときには、縦方向に色やその濃さを順次変化させるものであり、角度４５℃のときには、斜め方向に色やその濃さを順次変化させるものである。例えば、「期間変更」ボタン５2内の背景５ｂ（図４）でグラデーションの方向を設定する場合には、図９に示すように、「ボタン背景色」のカラーセレクタ１９ｂで「グラデーション」タブ３０を選択し、この「グラデーション」タブ３０（図１０（ｂ））におけるグラデーション方向設定欄３０ｇでその方向に応じた角度を設定するように操作すればよい。ここでグラデーション方向を角度０゜に指定すると、この「期間変更」ボタン５2内の背景５ｂの色やその濃さが横方向に変化して表示され、角度９０゜に指定すると、この「期間変更」ボタン５2内の背景５ｂの色やその濃さが縦方向に変化して表示され、角度４５゜に指定すると、この「期間変更」ボタン５2内の背景５ｂの色やその濃さが斜め方向に変化して表示される。
【００８２】
グラデーション設定部３０ｆは、グラデーションを表わすグラデーションバー３０ｆ1と、グラデーションバー３０ｆ1の端を表わす端部マーク３０ｆ2，３０ｆ3と、グラデーションバー３０ｆ1の端部間の色または濃度を指示するための色相／濃度指示マーク３０ｆ4とからなっている。この色相／濃度指示マーク３０ｆ4は、グラデーションバー３０ｆ1に沿うその位置を変更させることもできるし、また、削除することができるし、さらに、削除の色相／濃度指示マーク３０ｆ4を再び追加することもできる。
【００８３】
グラデーションバー３０ｆ1での端部マーク３０ｆ2，３０ｆ3や色相／濃度指示マーク３０ｆ4で指示される位置では、「単色」タブ２９での色指定の方法と同様の操作方法により、色を指定することができる。即ち、一方の端部マーク３０ｆ2または３０ｆ3を指定して（カーソル１１でタッチ操作して）、カラーパレット３０ｃで所望の濃度の色相を選択操作することにより、グラデーションバー３０ｆ1のこの端部マーク３０ｆ2または３０ｆ3側の端部にこの選択された濃度の色が設定され、他方の端部マーク３０ｆ3または３０ｆ2を指定操作して、カラーパレット３０ｃで所望の濃度の色相を選択操作することにより、グラデーションバー３０ｆ1のこの端部マーク３０ｆ3または３０ｆ2側の端部にこの選択された濃度の色が設定され、これにより、グラデーションバー３０ｆ1にこの一方の端部に設定された濃度の色から他方の端部に設定された濃度の色までのグラデーションが設定されることになる。これとともに、「色」表示欄２１の設定グラデーション表示部２１ｂに、この色グラデーションが表示されることになる。
【００８４】
なお、グラデーションバー３０ｆ1で設定される色クラデーションは、ここでは、カラーパレット３０ｃ上で、グラデーションバー３０ｆ1での一方の端部（例えば、端部マーク３０ｆ2側の端部）に対して指定された色と他方の端部（例えば、端部マーク３０ｆ3側の端部）に対して指定された色とを結ぶ直線に沿う色の列からなる色グラデーションが表示される。従って、これらの指定される２つの色がカラーパレット３０ｃの濃度座標軸に平行な１つの直線上にある色のときには、グラデーションバー３０ｆ1では、同じ色の濃さが変化する色グラデーションが得られるものであり、指定される２つの色が、濃度座標軸に平行でない１つの直線上にある色であるときには、少なくとも色が変化する色グラデーションが得られることになる。
【００８５】
ここで、グラデーション方向指定欄３０ｇが角度９０°であって、レイアウト６などの「要素」でのグラデーションの方向が垂直方向（縦方向）である場合には、グラデーションバー３０ｆ1の端部マーク３０ｆ2側の端部に設定された濃度と色相の色はこの「要素」の下端での色を表わしており、グラデーションバー３０ｆ1の他方の端部マーク３０ｆ3側の端部に設定された濃度と色相の色はこの「要素」の上端での色を表わしており、グラデーションバー３０ｆ1でこれら濃度で色相の色間のグラデーションが表わされることになり、このグラデーションでこの「要素」が色相／濃度のグラデーション表示されることになる。また、グラデーション方向指定欄３０ｇが角度０°であって、レイアウト６などの「要素」でのグラデーションの方向が水平方向（横方向）である場合には、グラデーションバー３０ｆ1の端部マーク３０ｆ2側の端部に設定された濃度，色相の色はこの「要素」の左端の色を表わしており、グラデーションバー３０ｆ1の他方の端部マーク３０ｆ3側の端部に設定された濃度，色相の色はこの「要素」の右端の色を表わしており、これら濃度，色相の色間のグラデーションがグラデーションバー３０ｆ1で表わされることになり、このグラデーションでこの「要素」が色相／濃度のグラデーション表示されることになる。グラデーション方向指定欄３０ｇが角度０°や角度９０゜以外の角度であって、レイアウト６などの「要素」でのグラデーションの方向が斜め方向である場合には、グラデーションバー３０ｆ1の端部マーク３０ｆ2側の端部に設定された濃度，色相の色はこの「要素」の、例えば、左下角側の色を表わしており、グラデーションバー３０ｆ1の他方の端部マーク３０ｆ3側の端部に設定された濃度，色相の色はこの「要素」の右上角側の色を表わしており、これら濃度，色相の色間のグラデーションがグラデーションバー３０ｆ1で表わされることになり、このグラデーションでこの「要素」が色相／濃度のグラデーションが表示されることになる。
【００８６】
色相／濃度指示マーク３０ｆ4は、グラデーションバー３０ｆ1の途中に所望の濃度で色相の色を指定することができるようにするものであって、色相／濃度指示マーク３０ｆ4を指定して、カラーパレット３０ｃで所望の濃度で色相の色を選択操作することにより、グラデーションバー３０ｆ1のこの色相／濃度指示マーク３０ｆ4の位置にこの選択された濃度，色相の色が設定される。この場合には、グラデーションバー３０ｆ1の一方の端部マーク３０ｆ2側の端部と色相／濃度指示マーク３０ｆ4に対向する位置との間で、これらに設定された濃度，色相の色間のグラデーションが設定され、さらに、色相／濃度指示マーク３０ｆ4に対向する位置と他方の端部マーク３０ｆ3側の端部との間で、これらに設定された濃度，色相の色間のグラデーションが設定される。例えば、端部マーク３０ｆ2，３０ｆ3で夫々異なる濃度Ｄ１，Ｄ２で色相が同じ色Ｃが設定され、色相／濃度指示マーク３０ｆ4でこれらと同じ色相で濃い濃度Ｄ３（＞Ｄ１，Ｄ２）の色Ｃが設定されたとすると、グラデーションバー３０ｆ1では、左側から濃度がＤ１からＤ３に変化し、さらに、Ｄ３からＤ２に変化するグラデーションが設定されることになる。そして、このグラデーションが該当する「要素」に設定されることになる。
【００８７】
以上の図１０は、「単色」タブ２９と「グラデーション」タブ３０の構成を示すが、これら「単色」タブ２９と「グラデーション」タブ３０では、上記の輝度コントラスト比を基に、それらのカラーパレット２９ｃ，３０ｃで選択不能な色（以下では、「色」といった場合、この「色」は色相と濃度とからなるものとする）と選択を勧めない色とが設定される。
【００８８】
図１１はかかる「単色」タブ２９のカラーパレットでの表示例を示す図であって、３１ａはバツ印を示す「×（バツ）」マーク、３１ｂは斜線印を示す「／」マークであり、図１０に対応する部分には同一符号を付けて重複する説明を省略する。
【００８９】
上記のように、要素「文字／記号」とこれに接する他の要素との間では、輝度コントラスト比が４．５：１以上でなければならず、要素「文字／記号」以外の要素間では、輝度コントラスト比が１．７：１以上でなければならないという規定があり、この第１の実施形態では、この規定を満たさない色が「単色」タブ２９や「グラデーション」タブ３０のカラーパレットで表示される。
【００９０】
図１１（ａ）は、「単色」タブ２９を例として、要素「文字／記号」とこれに接する他の要素に対するカラーパレット２９ｃの表示状態の一具体例を示す図であって、これら「要素」間で輝度コントラスト比が４．５：１未満の色に対して、「×」マーク３１ａが示され、この色を選択できないようにしている。
【００９１】
図９に示す色カスタマイズ操作画面１７ａでは、選択された「期限変更」ボタン５2（図６）でのボタンの文字５ａ（図４）のカラーセレクタ１９ａにおいて、その「単色」タブ２９のカラーパレット２９ｃで「×」マーク３１ａが付された色が示されているが、これは、この「期限変更」ボタン５2において、文字５ａとこれが重なって表示される文字の背景５ｂとにおいて、この文字の背景５ｂの色に対し、輝度コントラスト比が４．５：１未満となる文字５ａの色に対して「×」マーク３１ａが付されているものである。従って、図９に示す色カスタマイズ操作画面１７ａでは、カラーパレット２９ｃで「×」マーク３１ａが付された色は、選択できないものである。このカラーパレット２９ｃで「×」マーク３１ａが付されていない色を選択することにより、文字５ａが、これが重なって表示される文字の背景５ｂの色に対して、このコンテンツ画面２（図４）でユーザが明確に視認できるように色付けされていることになる。
【００９２】
図１１（ｂ）は、「単色」タブ２９を例として、要素「文字／記号」以外の２つの要素に対するカラーパレット２９ｃの表示状態の一具体例を示す図であって、これら「要素」間で輝度コントラスト比が１．７：１未満の色に対して、「／」マーク３１ｂが示され、この色は選択することができるが、それが選択されると、これら「要素」間で輝度コントラスト比が１．７：１未満の色となるので、推奨しないようにしている。
【００９３】
図９に示す色カスタマイズ操作画面１７ａでは、選択された「期限変更」ボタン５2（図６）でのボタンの枠線５ｃ（図４）のカラーセレクタ１９ｃにおいて、その「単色」タブ２９のカラーパレット２９ｃで「／」マーク３１ｂが付された色が示されているが、これは、この「期限変更」ボタン５2において、枠線５ｃとこれに接して表示される文字の背景５ｂとにおいて、この文字の背景５ｂの色に対し、輝度コントラスト比が１．７：１未満となる枠線５ｃの色に対して「／」マーク３１ｂが付されているものである。従って、図９に示す色カスタマイズ操作画面１７ａでは、ボタン枠線色のカラーセレクタ１９ｃのカラーパレット２９ｃで「／」マーク３１ｂが付された色は、選択が推奨されないものである。このカラーパレット２９ｃで「／」マーク３１ｂが付されていない色を選択することにより、ボタンの枠線５ｃが、これに接して表示される文字の背景５ｂの色に対して、このコンテンツ画面２（図４）でユーザが明確に視認できるように色付けされていることになる。
【００９４】
ここで、図９に示す色カスタマイズ操作画面１７ａでは、各カラーセレクタ１９／２０毎に「クリア」ボタン２３が設けられているが、「クリア」ボタン２３が押下されると、「クリア」ボタン２３が押下されたカラーセレクタ１９／２０において、色の選択、あるいはグラデーションの選択が解除される。即ち、どの色も、また、どのようなグラデーションも選択されていない状態となる。例えば、図１１（ａ）において、「クリア」ボタン２３が押下されると、カラーセレクタ１９ａでのこのとき選択されている色は解除され、このため、このとき表示されている「期間変更」ボタン５2のボタンの文字５ａの色は消えるとともに、「色表示」欄２１で表示されている色も消える。また、図１１（ｂ）において、「クリア」ボタン２３が押下されると、カラーセレクタ１９ｂでのこのとき設定されているグラデーションは解除され、このため、このとき表示されている「期間変更」ボタン５2のボタンの背景５ｂでのグラデーションが消えるとともに、「色表示」欄２１で表示されているグラデーションも消える。
【００９５】
また、これとともに、上記の選択している色やグラデーションが消えることから、図１１に示す「×」マーク３１ａや「／」マーク３１ｂが設定されている色が変わってくる。例えば、図９において、「期間変更」ボタン５2のボタンの背景５ｂに対するカラーセレクタ１９ｂで「クリア」ボタン２３が押下され、そのグラデーションが解除されると、「期間変更」ボタン５2のボタンの文字５ａに対するカラーセレクタ１９ａにおいて、これまでのカラーセレクタ１９ｂで設定されているグラデーションによって選択することができず、「×」マーク３１ａが設定されていた色が選択可能となる場合もあり、このような色に対しては、この「×」マーク３１ａが除かれることになる。なお、図９において、カラーセレクタ１９ａで「クリア」ボタン２３が押下され、「期間変更」ボタン５2のボタンの文字５ａでそのとき選択されている色が解除されるが、このとき、これに対するカラーセレクタ１９ａでは、「期間変更」ボタン５2のボタンの背景５ｂに対するカラーセレクタ１９ｂでグラデーションの設定をしたときに、このグラデーションに対して選択できなくなった色に対して「×」マーク３１ａが設定されたものであるときには、カラーセレクタ１９ａで「クリア」ボタン２３が押下されても、「×」マーク３１ａが削除される色もあるが、「×」マーク３１ａが設定されているままの色もある。カラーセレクタ１９ａでのかかる色は、カラーセレクタ１９ｂでいずれの色が選択されても、選択することができない色である。
【００９６】
なお、カラーセレクタ１９ａでの色選択によってカラーセレクタ１９ｂで色に「×」マーク３１ａが設定されている場合も同様であり、カラーセレクタ１９ｂで「クリア」ボタン２３が押下されても、「×」マーク３１ａが設定されている色が残る場合もある。また、「／」マーク３１ｂが設定されている色についても同様である。
【００９７】
なお、図９に示す色カスタマイズ操作画面１７ａにおいて、レイアウト６のカラーセレクタ表示エリア２０では、このレイアウト６の背景６ａ，６ｂ（図４）のカラーセレクタ２０ｂのみが展開され、その「単色」タブ２９のカラーパレット２９ｃ（図１１）で「×」マーク３１ａが設定されていることが示されているが、これは、展開されていないが、このレイアウト６の文字６ａ，６ｂのカラーセレクタ２０ａでのカラーパレットでの色に対して、輝度コントラスト比が４．５：１未満となる色に対して「×」マーク３１ａが設定されていることになる。
【００９８】
また、「期限変更」ボタン５2の枠線５ｃは、レイアウト６の背景と接することになる。このため、これら間の色では、やはり輝度コントラスト比が１．７：１以上であるように、設定される。この場合、「期限変更」ボタン５2が上記のように指定されたものであるから、この枠線５ｃに対して、レイアウト６の方で選択可能な色が制限されることになる。即ち、「期限変更」ボタン５2の枠線５ｃのカラーパレット２９ｃで「／」マーク３１ａが設定されていない色に対して、レイアウト６の背景のカラーセレクタ２０ｂでのカラーパレット２９ｃで輝度コントラスト比が１．７：１未満となる色にも、「／」マーク３１ａが設定されることになる。
【００９９】
以上のように、図８に示す色カスタマイズ操作画面１７で色のカスタマイズを必要とする「要素」のカラーセレクタが指定されると、指定された「要素」のカラーセレクタが展開した図９に示す色カスタマイズ操作画面１７ａが表示されることになる（図３のステップＳ１０８）。
【０１００】
この場合、上記のように、指定された「部品」とこれに接する（つまり、この「部品」が重なったり、この「部品」に重なったりすることによって接している）他の１以上の部品毎に、その「要素」のカラーセレクタが展開していて、そのカラーセレクタでのカラーパレットで色を選択したり、グラデーションを選択したりすることにより、該当する「要素」をその選択した色で、あるいは選択したグラデーションで表現させることができる。また、夫々のカラーパレットには、該当する「要素」をこれに接した「要素」に対して必要な輝度コントラスト比を持たせて視認し易くするために、この必要な輝度コントラスト比未満の視認し易くない色に対し、その旨を表示する「×」マーク３１ａや「／」マーク３１ｂを付加し、選択できない、あるいは選択させないようにしている。
【０１０１】
コンテンツ画面２（図４）が表示されたときに、上記のようにして、「部品」を指定してこの「部品」に対し、あるいはこの「部品」に接する「部品」に対し、そのいずれかの「要素」のカラーセレクタで色カスタマイズを行なうと、夫々の「要素」のカラーセレクタのカラーパレットの状態（「×」マーク３１ａや「／」マーク３１ｂが付加された状態）がそのまま保持され、次に同じコンテンツ画面２が表示されたときも、各「要素」のカラーセレクタのカラーパレットの状態はそのまま保持される。このとき、いずれのカラーセレクタの「クリア」ボタン２３も押下操作されなければ、この各「要素」のカラーセレクタのカラーパレットの状態は、変化しない。
【０１０２】
けれども、いずれかの「要素」のカラーセレクタの「クリア」ボタン２３が押下操作されると、これに応じて、他の「要素」のカラーセレクタのカラーパレットでは、上記のように、適用される輝度コントラスト比に応じて、「×」マーク３１ａが設定されて選択禁止される色や使用を「／」マーク３１ｂが設定されて選択を勧めない色が変わることもあることになる。
【０１０３】
図９に示す色カスタマイズ操作画面１７ａが表示される状態で（図３のステップＳ１０８）、色カスタマイズしたい「要素」があるが（図３のステップＳ１０９の“Ｙｅｓ”）、この「要素」のカスタマイズしたい色がこの「要素」のカラーセレクタのカラーパレットで選択可能な状態（「×」マーク３１ａや「／」マーク３１ｂが付加されていない状態）にあるときには（図３のステップＳ１１０の“Ｙｅｓ”）、このカラーパレットで、上記のように、希望する色を選択操作することにより、この「要素」がこの色で表示されるようになる（図３のステップＳ１１１）。
【０１０４】
これに対し、このカラーパレットで希望する色が選択不可能な状態（「×」マーク３１ａが付加されている状態）や選択を勧めない状態（「／」マーク３１ｂが付加されている状態）にあるときには（図３のステップＳ１１０の“Ｎｏ”）、まず、このカラーパレットを有するカラーセレクタに該当する「要素」に接する他の「要素」のカラーセレクタで「クリア」ボタンを押圧して、その「要素」の色を設定解除し（図３のステップＳ１１２）、かかる状態でこのパレットで希望する色が選択可能になったか否かを判定し（図３のステップＳ１１０）、それでも、この希望する色が選択不能である場合には（図３のステップＳ１１０の“Ｎｏ”）、さらに、この他の「要素」に接するさらに他の「要素」のカラーセれクタで「クリア」ボタン２３を押下する（図３のステップＳ１１２）。かかる処理が順次行なわれて上記の希望する色に対して「×」マーク３１ａが解除され、選択可能となると（図３のステップＳ１１０の“Ｙｅｓ”）、この希望する色を選択することができるようになる（図３のステップＳ１１１）。従って、これにより、この「要素」の色をこの希望する色にカスタマイズできる（図３のステップＳ１１１）。
【０１０５】
ここで、いま、図９に示す色カスタマイズ操作画面１７ａで、物品「期限変更」ボタン５2（図４）の「要素」である「文字」５ａ（図４）の色をカスタマイズしたいが、この「文字」５ａに対するカラーセレクタ１９ａのカラーパレット２９ｃ（図１０（ａ））で、このカスタマイズしようとする色にカスタマイズを不可とする「×」マーク３１ａが付加されているとすると、「期限変更」ボタン５2の「文字」５ａに接するこの「期限変更」ボタン５2の「背景」５ｂのカラーセレクタ１９ｂの「クリア」ボタン２３を押下操作することにより、このカラーセレクタ１９ｂで設定されているグラデーションが解除されることになり、これにより、「期限変更」ボタン５2の「文字」５ａに対するカラーセレクタ１９ａでカスタマイズしたい色が、その「×」マーク３１ａが解除されて、選択可能となったとすると、この色を選択することができることになる。
【０１０６】
そこで、カーソル１１の操作により、このカラーパレット２９ｃから希望する色を選択することにより、コンテンツ画面２（図６）で選択された「期限変更」ボタン５2の文字５ａがこの色で表示されることになるが、このことが、プレビューエリア２４での押下部品エリア１６で表わされ、この部品エリア１６での該当する「要素」である「期限変更」ボタン５2の文字５ａがこの選択された色で表現される。
【０１０７】
ところで、このとき、例えば、「期限変更」ボタン５2の「要素」である「背景」５ｂのこれまでの色がそのカラーセレクタ１９ｂでのカラーパレット２９ｃで「×」マーク３１ａが付加されている状態となることもある。しかし、かかる状態はそのまま維持されることになり、カラーパレット２９ｃでこの色に「×」マーク３１ａが付加されていることから、現在設定されている色は、「期限変更」ボタン５2の「文字」５ａに対して、相対コントラスト比を満たしていない色であることが示されることになる。
【０１０８】
なお、ある要素、例えば、「期限変更」ボタン５2の「背景」５ｂに対し、上記のように、「クリア」ボタン２３を押下した後、所望とする色を選択した結果、「期限変更」ボタン５2の「文字」５ａで現在設定されている色が、これに対して「×」マーク３１ａが付加されて選択不能な色となった場合には、上記のように処理がなされない場合には、そのままかかる状態が維持されることになる。この場合も、カラーセレクタ１９ａのカラーパレットでこの色に「×」マーク３１ａが付加されることになるので、この色が選択不能な色であることを確認できる。  なお、図９に示す色カスタマイズ操作画面１７ａで、「全クリア」ボタン２８が指定操作されると、この色カスタマイズ操作画面１７ａで表示されている全てのカラーセレクタ１９／２０（即ち、ここでは、カラーセレクタ１９ａ〜１９ｃ，２０ａ〜２０ｃの全て）で、設定されている色が解除され、これらに対する「期限変更」ボタン５2やレイアウト６の色が消去されるとともに（従って、「色表示」欄２１（図１０）で色も表示されなくなる）、それらのカラーパレットでの「×」マーク３１ａや「／」マーク３１ｂが付加されない状態となる。
【０１０９】
かかる状態で、例えば、カラーセレクタ１９ａのカラーパレット２９ｃで「ボタンの文字」の文字色を選択すると、「期限変更」ボタン５2の「文字」５ａの色が設定され、これとともに、他のカラーセレクタ１９ｂ，１９ｃ，２０ａ〜２０ｃでのカラーパレット２９ｃ，３０ｃで、上記のようにして、選択できない色に「×」マーク３１ａが、選択を勧めない色に「／」マーク３１ｂが夫々付加されることになる。これにより、夫々のカラーパレット２９ｃ，３０ｃでは、上記の色を指定することが可能となる（図３のステップＳ１１０の“Ｙｅｓ”）。
【０１１０】
ここで、部品「期間変更」ボタン５2の１つの要素である「ボタンの文字」５ａの色が設定されると、色カスタマイズ操作画面１７ａに表示されている全てのカラーセレクタのカラーパレットにおいて、選択できない色に「×」マーク３１ａが、選択を進めない色に「／」マーク３１ｂが夫々付加される。即ち、「ボタンの文字」５ｂの色が設定されると、これに接する「ボタンの背景」５ｂについて選択できない色が計算可能となるため、対象となる色に「×」マーク３１ａが付加される。「ボタンの文字」５ｂについて選択可能な色が決まると、これに接する「ボタンの枠線」５ｃについて選択を勧めない色が計算可能となるため、対象となる色に「／」マーク３１ｂが付加される。このように、接する「要素」順に順次計算を行なうことにより、１つの色が設定されると、全てのカラーパレットにおいて、「×」マーク３１ａ及び「／」マーク３１ｂを夫々付加することが可能となる。ここで、例えば、「ボタンの背景」５ｂについて選択可能な色の中からどの色を選択するかによって、「ボタンの枠線」５ｃにおける選択を勧めない色が変わる場合がある。この第１の実施形態では、「ボタンの背景」５ｂでどの色を選択した場合にも、「ボタンの枠線」５ｃの色として、「選択を勧めない色」に該当するものにのみ選択を勧めない「／」マーク３１ｂを付加するものとする。
【０１１１】
図１２は「単色」タブ２９を用いて「期限変更」ボタン５2の「文字」５ａの色を設定する操作を示しているが、図１３は、「単色」タブ２９が選択されたカラーセレクタ１９ｃで、「期限変更」ボタン５2の「枠線」５ｃの色を設定する操作を示すものであり、図１４は、「単色」タブ２９が選択されたカラーセレクタ２０ｂで、レイアウト６の「背景」６ａの色を設定する操作を示すものである。いずれも、上記の「期限変更」ボタン５2の「文字」５ａの色設定操作と同様、「単色」タブ２９のカラーパレット２９ｃで色選択操作をすることにより、それら「要素」の色を決めることができる。そして、このように色カスタマイズされた「要素」には、プレビューエリア２４の押下部品エリア１６において、該当する色で色付けされる。
【０１１２】
なお、図１３，図１４では、図１２に対応する部分には同一符号を付けて重複する説明を省略するが、いずれの図面においても、説明の対象となる部分にのみ符号を付している。
【０１１３】
図１５は色カスタマイズ操作画面１７ａでのグラデーション設定部の調整操作例を示す図であって、前出図面に対応する部分には同一符号を付けて重複する説明を省略する。なお、図１５では、説明に必要な部分にのみ符号を付けている。
【０１１４】
同図において、「グラデーション」タブ３０でのグラデーション設定部３０ｆにおける色相／濃度指示マーク３０ｆ4を取り除くことができる。このためには、この色相／濃度指示マーク３０ｆ4をカーソル１１で指示し、カラーセレクタのエリア外にドラッグアンドドロップをすればよく、これにより、この色相／濃度指示マーク３０ｆ4がグラデーション設定部３０ｆ外の位置に置かれることになる。この状態では、この色相／濃度指示マーク３０ｆ4はグラデーション設定部３０ｆに対して機能することができず、このときのグラデーション設定部３０ｆに対しては機能しない。従って、グラデーションバー３０ｆ1では、その端部マーク３０ｆ2側の色から端部マーク３０ｆ3側の色へのグラデーションが表示されることになる。
【０１１５】
除かれたこの色相／濃度指示マーク３０ｆ4を追加して再度使用する場合には、グラデーション設定部３０ｆのグラデーションバー３０ｆ1の近くでダブルクリックすることにより、このグラデーションバー３０ｆ1の下側で、かつクリックした地点に一番近い位置に新たに色相／濃度指示マーク３０ｆ4が追加されることになる。
【０１１６】
図１６は図１５に示す色カスタマイズ操作画面１７ａでのグラデーション操作の一具体例を示す図であって、同図（ａ）はグラデーションバー３０ｆ1の一方の端部側の色の設定操作を示し、同図（ｂ）はグラデーションバー３０ｆ1の他方の端部側の色の設定操作を示すものであり、前出図面に対応する部分には同一符号を付けて重複する説明を省略する。なお、図１５では、説明に必要な部分にのみ符号を付けている。
【０１１７】
図１６（ａ）において、「グラデーション」タブ３０でのグラデーション設定部３０ｆにおけるグラデーションバー３０ｆ1の一方の端部側の端部マーク３０ｆ3をカーソル１１でクリック操作し、次いで、カラーパレット３０ｃで所望の色を指定すると、このグラデーションバー３０ｆ1の端部マーク３０ｆ3側の端部の色が設定される。
【０１１８】
次に、図１６（ｂ）において、このグラデーション設定部３０ｆにおけるグラデーションバー３０ｆ1の他方の端部側の端部マーク３０ｆ2をカーソル１１でクリック操作し、次いで、カラーパレット３０ｃで所望の色を指定すると、このグラデーションバー３０ｆ1の端部マーク３０ｆ2側の端部の色が設定される。
【０１１９】
これにより、グラデーションバー３０ｆ1でその一方の端部で設定された色から他方の端部で設定された色までのグラデーションが設定されたことになる。これとともに、このカラーセレクタ１９ｂでの「選択色表示」欄２１の設定色表示部２１ａに、この設定されたグラデーションが表示される。
【０１２０】
なお、「単色」タブ２９や「グラデーション」タブ３０での以上の色やグラデーションの設定は、図３でのステップＳ１１１で行なわれる。
【０１２１】
ところで、図９に示す色カスタマイズ操作画面１７ａにおいて、上記のように、プレビューエリア２４に、カラーセレクタ表示画面１８（図８）の操作で色カスタマイズされる「部品」を表わす押下部品エリア１６が表示され、この押下部品エリア１６に表示される「部品」が色カスタマイズの対象部品となる。
【０１２２】
かかる図９に示す色カスタマイズ操作画面１７ａにおいて、カーソル１１をプレビューエリア２４内の押下部品エリア１６内に移動させ、図１７に示すように（なお、図１７において、図９に対応する部分には同一符号を付けて重複する説明を省略する。但し、図１７では、必要な部分にのみ符号を付けている）、図示しないマウスを用いることによってドラッグしてこのカーソル１１を所定の方向に移動させると、レビューエリア２４内に表示されるコンテンツ画面２（図４）がその方向に移動する。このときには、押下部品エリア１６は位置が固定されている。このため、コンテンツ画面２でのこの押下部品エリア１６内に表示されているエリア（コンテンツ画面２での押下部品エリア１６内でプレビューされる部分）が変化する。これにより、コンテンツ画面２での押下部品エリア１６でプレビューされるエリアを変更させることができ、色カスタマイズの対象となる「部品」以外のエリアの表示内容を閲覧することができる。
【０１２３】
なお、プレビューエリア２４の任意の位置をキーボードでフォーカスし、キーボードの十字キーを操作することにより、コンテンツ画面２を移動させることもでき、これにより、コンテンツ画面２での押下部品エリア１６内に位置するエリアを変更させることもできる。これによっても、上記と同様、コンテンツ画面２での押下部品エリア１６でプレビューされるエリアを変更させることができる。
【０１２４】
また、上記のように、コンテンツ画面２でのプレビューされるエリアを変化させるカーソル１１の機能は、このカーソル１１がプレビューエリア２４にあるときに実行されるものであり、カーソル１１がプレビューエリア２４外に移動すると、もはやドラッグ操作によっては、プレビューエリア２４でのコンタンツ画面２は移動しない。従って、このコンテンツ画面２を大きく移動させてこのコンテンツ画面２で大きく離れた他の「部品」をプレビューの対象とするためには、カーソル１１をプレビューエリア２４内で大きく移動させた後、カーソル１１を押下部品エリア１６内の元の位置に戻し、再度ドラッグして同じ方向にカーソル１１を移動させる操作を繰り返せばよい。
【０１２５】
図９に示す色カスタマイズ操作画面１７ａでの色カスタマイズを必要とする全ての「要素」の色カスタマイズ操作が終了して、色カスタマイズ操作が必要な「要素」がなくなり、プレビューエリア２４での押下部品エリア１６で押下した部品である「期限変更」ボタン５2で色カスタマイズの結果が確認されて（図３のステップＳ１０９の“Ｎｏ”）、図１８に示すように、色カスタマイズ操作画面１７ａで「ＯＫ」ボタン２６が押下されると（図３のステップＳ１１３）、元のコンテンツ画面２に重なって色カスタマイズの対象となる「部品」を選択するための選択画面が表示される。
【０１２６】
図１９はかかる選択画面の一具体例を示す図であって、３２は選択画面、３３はテキスト、３４は「はい」ボタン、３５は「いいえ」ボタンである。
【０１２７】
同図において、コンテンツ画面２は透けて見える状態で表示されており、この透けて見えるコンテンツ画面２上に重ねて選択画面３２が表示される。
【０１２８】
この選択画面３２では、例えば、「同じレイアウト部品に乗っている同じ種類の部品は全て同じ色にしますか？」ということを指示したテキスト３３が表示され、この指示に従う場合に操作する「はい」ボタン３４と、指示に従わないときに操作する「いいえ」ボタン３５が設けられている。
【０１２９】
「はい」ボタン３４が押下操作されたときには（図３のステップＳ１１４の“Ｙｅｓ”）、図６に示すコンテンツ画面２でカーソル１１によって選択された「部品」（この場合では、「期間変更」ボタン５2）やそれに接する部品（ここでは、レイアウト６）とともに、このレイアウト６に接している他の「部品」（即ち、レイアウト６）に重なっているこの選択された「部品」と同じ種類の「部品」（この場合では、「重要度変更」ボタン５1や「担当者変更」ボタン５3，「ステータス変更」ボタン５4など）の各「要素」も、指定された「部品」の「要素」と同じ色に色カスタマイズされる（図３のステップＳ１１５）。しかる後、色カスタマイズ処理が終了する。
【０１３０】
また、「いいえ」ボタン３５が押下操作されたときには（図３のステップＳ１１４の“Ｎｏ”）、図６に示すコンテンツ画面２でカーソル１１によって選択された「部品」（即ち、「期間変更」ボタン５2）とこれに接する部品（ここでは、レイアウト６）とが色カスタマイズされる（図３のステップＳ１１６）。しかる後、色カスタマイズ処理が終了する。
【０１３１】
なお、図１９に示す選択画面３２に表示されるテキスト３３としては、上記のものに限定されるものではなく、例えば、「同種類の部品は全て同じ色に変えますか？」といったテキスト３３を表示し、「はい」ボタン３４が押下操作されたときには（図３のステップＳ１１４の“Ｙｅｓ”）、図６に示すコンテンツ画面２でカーソル１１によって選択された「部品」（即ち、「期間変更」ボタン５2）及びこれと同じ種類の部品（即ち、操作ボタンの全て）を同じ色に色カスタマイズしたり、「同種類のレイアウト部品で、かつ色が同じものに置かれている同種類の部品は全て同じ色に変更しますか？」といったテキスト３３を表示し、「はい」ボタン３４が押下操作されたときには（図３のステップＳ１１４の“Ｙｅｓ”）、これを満足する部品を設定された同じ色に色カスタマイズしたりすることができ、色カスタマイズする部品を適宜決めるようにすることができる。
【０１３２】
以上のようにして、図６に示すように、色カスタマイズモードに設定して色カスタマイズを希望する「部品」を選択することにより、いずれの「部品」も、希望する色にカスタマイズすることができる。但し、レイアウト６など多くの「部品」と重なったり、接したりして複数の部品に関連する場合には、これら関連する「部品」に応じて、カスタマイズする色が制限される「部品」もある。
【０１３３】
即ち、図１９に示す選択画面３２で「いいえ」ボタン３５が押下されると、上記の指定した操作ボタン５、上記の例では、「期間変更」ボタン５2とこれが重なっているレイアウト６とが夫々指定された色にカスタマイズされるが、さらに、他の操作ボタン５、例えば、「担当者変更」ボタン５3を色カスタマイズする場合には、同様にして、この「担当者変更」ボタン５3に対して、図８に示す色カスタマイズ操作画面１７が表示されるが、この「担当者変更」ボタン５3に該当するカラーセレクタ１９ａ〜１９ｃのみを選択することにより、既に色カスタマイズされたレイアウト６の色を誤って変化させるようなことなく、「担当者変更」ボタン５3のみを色カスタマイズすることができる。但し、この場合には、この「担当者変更」ボタン５3に対してカラーセレクタ１９ａ〜１９ｃが展開された図９に示すような色カスタマイズ操作画面１７ａでは（この場合、レイアウト６のカラーセレクタ２０ａ〜２０ｃは展開されていない）、色カスタマイズされたレイアウト６に影響されて、カラーセレクタ１９ａ〜１９ｃのカラーパレットにおいて、「／」マーク３１ｂや「×」マーク３１ａが付加された色があり、使用する色に制限が加わることになる。
【０１３４】
ところで、以上では、図４に示すコンテンツ画面２で「色カスタマイズモード設定」ボタン３が押下操作されて色カスタマイズモードが設定されたとき、このコンテンツ画面２で１つの「部品」（ここでは、「期限変更」ボタン５２）が色カスタマイズする対象として選択されたものであるが、この第１の実施形態では、複数の部品を色カスタマイズの対象として選択するようにすることもできる。以下、これについて説明する。
【０１３５】
先に説明したように、図４に示すコンテンツ画面２で「色カスタマイズモード設定」ボタン３が押下操作され、色カスタマイズモードが指定されると（図３のステップＳ１０１）、図５に示す選択画面１２が透けて見えた状態のコンテンツ画面２上に表示され、この選択画面１２で「ＯＫ」ボタン１４が押下操作されると、図６に示すコンテンツ画面２が表示される。このコンテンツ画面２でのカーソル操作により、同時に色カスタマイズ対象とする複数の部品を指定操作することが可能となる。
【０１３６】
図２０はコンテンツ画面２でのかかる複数の部品を同時に色カスタマイズ対象とするための操作を示す図であって、３６はカーソル、３７はドラッグエリアであり、前出図面に対応する部分には同一符号を付けて重複する説明を省略する。但し、図２０では、説明に必要な部分についてのみ部号を付している。
【０１３７】
図５に示す選択画面１２で「ＯＫ」ボタン１４が押下操作されることによって表示される図６に示すコンテンツ画面２で、カーソル１１を色カスタマイズしたい「部品」の近傍位置に移動させ、その位置でクリック操作すると、図２０に示すように、この手形のカーソル１１が矢印状のカーソル３６に代わり、その位置からこのカーソル３６をドラッグすると、その位置を起点として、この起点とカーソル３６の現位置とを対向する２つの角部とする矩形状のドラッグエリア３７が形成される。
【０１３８】
このドラッグエリア３７がこのコンテンツ画面２での色カスタマイズの対象としたい複数の「部品」を含むように、カーソル３７をドラッグ操作する（図３のステップＳ１０２，Ｓ１１７）。そして、ドラッグ操作を終了し、このドラッグエリア３７が決まると、色カスタマイズ操作画面が表示されるとともに、このドラックエリア３７に含まれる「部品」毎に、当該「部品」の上に他の「部品」が重ねられているか否かを判定する（図３のステップＳ１１８）。当該「部品」の上に他の「部品」が重なっている場合には（図３のステップＳ１１８の“Ｙｅｓ”）、当該「部品」の各「要素」のカラーセレクタと当該「部品」上に重なっている他の「部品」の各「要素」のカラーセレクタとをこの色カスタマイズ操作画面に表示し（図３のステップＳ１１９）、当該「部品」の上に他の「部品」が重なっていない場合には（図３のステップＳ１１８の“Ｎｏ”）、当該「部品」の各「要素」のカラーセレクタと当該「部品」の下に置かれている他の「部品」の各「要素」のカラーセレクタとをこの色カスタマイズ操作画面に表示する（図３のステップＳ１２０）。かかる処理がドラッグエリア３７内の「部品」毎に順次行なわれ（図３のステップＳ１２１の“Ｎｏ”）、かかる処理がドラッグエリア３７内の全ての「部品」について行なわれると（図３のステップＳ１２１の“Ｙｅｓ”）、図２１に示すように、ドラッグエリア３７内の全ての「部品」について、その「要素」のカラーセレクタが設けられた色カスタマイズ操作画面３８が表示される。
【０１３９】
なお、図２１において、１９1〜１９3はカラーセレクタ表示エリアであり、前出図面に対応する部分には同一符号を付けて重複する説明を省略する。但し、図２１においては、説明に必要な部分にのみ符号を付け、他の部分の符号は省略している。
【０１４０】
ここでは、図２０に示すコンテンツ画面２において、ドラッグエリア３７に含まれる「部品」としては、「重要度変更」ボタン５1と「期限変更」ボタン５2と「担当者変更」ボタン５3と、これらが重なって表示されるレイアウト６としており、これに対し、図２１に示す色カスタマイズ操作画面３８では、これら「部品」毎にカラーセレクタ表示エリア１９／２０が設けられている。
【０１４１】
カラーセレクタ表示エリア１９1には、図２０での部品「重要度変更」ボタン５1の要素「文字」の文字色に対するカラーセレクタ１９ａと、同じく要素「背景」の背景色に対するカラーセレクタ１９ｂと、同じく要素「枠線」の枠線色に対するカラーセレクタ１９ｃとが設けられ、カラーセレクタ表示エリア１９2には、図２０での部品「期限変更」ボタン５2の要素「文字」の文字色に対するカラーセレクタ１９ａと、同じく要素「背景」の背景色に対するカラーセレクタ１９ｂと、同じく要素「枠線」の枠線色に対するカラーセレクタ１９ｃとが設けられ、カラーセレクタ表示エリア１９3には、図２０での部品「担当者変更」ボタン５3の要素「文字」の文字色に対するカラーセレクタ１９ａと、同じく要素「背景」の背景色に対するカラーセレクタ１９ｂと、同じく要素「枠線」の枠線色に対するカラーセレクタ１９ｃとが設けられている。
【０１４２】
これらカラーセレクタ１９ａ〜１９ｃは、図８におけるカラーセレクタ１９ａ〜１９ｃと同じ機能を備えている。また、各セレクタ表示エリア１９では、「部品」が有していない「要素」のカラーセレクタは表示されない。例えば、部品「担当者変更」ボタン５3（図２０）には、枠線がない場合には、カラーセレクタ表示エリア１９3では、枠線色に対するカラーセレクタ１９ｃが設けられない。
【０１４３】
また、カラーセレクタ表示エリア２０には、図２０での「部品」であるレイアウト６の要素「文字」の文字色に対するカラーセレクタ２０ａと、同じく要素「背景」の背景色に対するカラーセレクタ２０ｂと、同じく要素「枠線」の枠線色に対するカラーセレクタ２０ｃとが設けられており、このカラーセレクタ２０ａ〜２０ｃは図８におけるカラーセレクタ２０ａ〜２０ｃと同じ機能を有している。このカラーセレクタ表示エリア２０でも、レイアウト６が有していない「要素」のカラーセレクタは表示されない。例えば、レイアウト３（図２０）には、文字がない場合には、カラーセレクタ表示エリア２０では、文字色に対するカラーセレクタ２０ａが設けられない。
【０１４４】
なお、図２０におけるレイアウト６は、操作ボタン５1〜５3に共通のものであるから、即ち、これら操作ボタン５1〜５3は同じレイアウト６に重ねて表示されているものであるから、図２１に示す色カスタマイズ操作画面３８では、このレイアウト６のカラーセレクタ表示エリア２０は１つであって、これら操作ボタン５1〜５3のカラーセレクタ１９ａ〜１９ｃの後に配置されて設けられている。
【０１４５】
これに対し、操作ボタン５1〜５3に対するレイアウトが異なる場合には、それらのレイアウトのカラーセレクタ表示エリア２０はこれに関係する「部品」（ここでは、操作ボタン）のすぐ後に配置される。例えば、「重要度変更」ボタン５1と「期限変更」ボタン５2とが同じレイアウト６1に重なって表示され、「担当者変更」ボタン５3が別のレイアウト６2に重なって表示されているものとすると、図２１に示す色カスタマイズ操作画面３８では、「重要度変更」ボタン５1と「期限変更」ボタン５2とのカラーセレクタ表示エリア１９1，１９2の次にレイアウト６1のカラーセレクタ表示エリア２０1が配置され、「担当者変更」ボタン５3のカラーセレクタ表示エリア１９3の次にレイアウト６2のカラーセレクタ表示エリア２０2が配置される。
【０１４６】
このように、複数の「部品」とこれが重なって表示されている他の部品とのカラーセレクタ表示エリア１９，２０との配置関係が設定されていることにより、これら「部品」とこれが重なって表示される他の「部品」とのコンテンツ画面２での関係を色カスタマイズ操作画面３８でも確認することができ、それら「部品」のカスタマイズする色の選択が容易となる。
【０１４７】
図２１に示す色カスタマイズ操作画面３８では、カラーセレクタ表示エリア１９1〜１９3で「要素」のカラーセレクタ１９ａ〜１９ｃのいずれかやカラーセレクタ表示エリア２０で「要素」のカラーセレクタ２０ａ〜２０ｃのいずれかを選択することにより、図８に示す色カスタマイズ操作画面１７と同様、図３のステップＳ１０７〜Ｓ１１６の処理が行なわれ、各「部品」での選択した「要素」の色カスタマイズが行なわれることになる。
【０１４８】
以上のように、複数の「部品」を同時に色カスタマイズの対象として指定することができ、同じ色カスタマイズ操作画面で夫々の「部品」の「要素」を所望とする色に、ユーザが視認し易い状態で、カスタマイズすることが可能となる。
【０１４９】
次に、本発明によるコンテンツ画面の色カスタマイズ方法の第２の実施形態について説明する。  
この第２の実施形態においても、先の第１の実施形態と同様にして得られた図８に示す色カスタマイズ操作画面８において、カラーセレクタ１９ａ〜１９ｃ，２０ａ〜２０ｃのうちの所定のカラーセレクタ１９／２０の「選択色の候補表示」ボタン２２がカーソル１１を用いて押下操作されると、この「選択色の候補表示」ボタン２２が押下操作されたカラーセレクタ１９／２０が、図９に示すように、展開した状態となるが、この第２の実施形態でのカラーセレクタは先の第２の実施形態でのカラーセレクタ１９／２０とは構成が異なるものである。
【０１５０】
図２２は本発明によるコンテンツ画面の色カスタマイズ方法の第２の実施形態における図８に示すような色カスタマイズ操作画面で展開されるカラーセレクタの一具体例を示す図であって、２１ｃは色相名、４０はカラーセレクタ、４１はグレースケール、４１ａはグレーセル、４２はカラーパレット、４３は色セル、４３ａは中心位置色セル、４４は色相指定部、４４ａは色相表示バー、４４ｂは色相指定スライダ、４４ｃは色相指定範囲、４４ｃUは上側境界線、４４ｃDは下側境界線、４４ｄは選択色相値表示ボックス、４５は輝度指定部、４５ａは輝度表示バー、４５ｂは輝度指定スライダ、４５ｃは輝度指定範囲、４５ｃUは上側境界線、４５ｃDは下側境界線、４５ｄは選択輝度値表示ボックス、４６は彩度指定部、４６ａは彩度表示バー、４６ｂは彩度指定スライダ、４６ｃは選択彩度値表示ボックス、４７は透明度指定部、４７ａは透明度表示バー、４７ｂは透明度指定スライダ、４７ｃは選択透明度表示ボックス、４８は中心セル枠、４９は選択セル枠であり、図１０に対応する部分には同一符号をつけて重複する説明を省略する。
【０１５１】
同図において、展開されたカラーセレクタ４０は「単色」タブ２９と「グラデーション」タブ３０とを有しており、ここでは、「単色」タブ２９が選択されているものとする。
【０１５２】
この「単色」タブ２９では、グレースケール４１と、物品の要素の表示色を表示するためのカラーパレット４２と、カラーパレット４２での色相を指定するための色相指定部４４と、カラーパレット４２での明るさ（ここでは、輝度とするが、明度でもよい）を指定するための輝度指定部４５と、カラーパレット４２での彩度を指定するための彩度指定部４６と、物品の要素の透明度を指定するための透明度指定部４７とが設けられている。
【０１５３】
グレースケール４１は、物品の要素をグレー（灰色）で表示するためのものであって、濃度が異なるグレーを表わすグレーセル４１ａが、例えば、５個横方向に配列されてなり、かかるグレーセル４１ａの配設の一方の端側（例えば、左端側）から順にグレーセル４１ａで表示されるグレーの濃度が順次濃くなっていき、これにより、グレーのスケールが表わされている。かかるグレースケール４１で所望とするグレーセル４１ａをカーソル１１で指定すると、このカラーセレクタ４０に該当する物品の要素、例えば、図４に示すコンテンツ画面２での「期間変更」ボタン５2の要素「文字」５ａがグレースケール４１で選択されたグレーセル４１ａで表わされるグレーで表示されることになる。なお、カーソル１１で指定されたグレーセル４１ａには、これを囲むようにして、選択セル枠４９が付される。
【０１５４】
カラーパレット４２は、図１０に示す第１の実施遺体でのカラーパレット２９ｃと同様、縦横５個ずつ色セル４３がマトリックス上に配列された色セル４３からなり、縦軸を色相軸として、同じ横列の５個の色セル４３は同じ色相の色を表わして、上側の横列から順に表示される色の色相が異なっている。また、このカラーパレット４２で横軸を輝度軸として、同じ縦列の５個の色セル４３は同じ輝度の色を表わして、左側の縦列から順に表示される色の輝度が異なっている。
【０１５５】
色相指定部４４は、カラーパレット４２の色セル４３で表わされる色の色相を変化させて所望の色相の色を指定できるようにするものであって、縦方向にその位置が色相の値（色相値Ｈ）を表わす色相表示バー４４ａと、この色相表示バー４４ａでの色相を指定するための色相指定スライダ４４ｂとからなり、この色相指定スライダ４４ｂをカーソル１１の操作でもって色相表示バー４４ａに沿って移動させることにより、カラーパレット４２での色セル４３で表示される色の色相を変化させることができる。
【０１５６】
色相表示バー４４ａには、色相指定スライダ４４ｂの指示点（色相指定スライダ４４ｂが、図示するように、三角形状をなすときには、色相表示バー４４ａ上のその頂点の位置）を中心点として、この中心点から上下等しい幅を持つ色相指定範囲４４ｃが設定され、この色相指定範囲４４ｃ内の等間隔の５個の色相値Ｈの色相の色がカラーパレット４２の縦列の色セル４３夫々毎に表示される。即ち、この色相指定範囲４４ｃの上側境界線４４ｃUの色相値Ｈの色相の色がカラーパレット４２の最も上側の横列の色セル４３で表示され、この色相指定範囲４４ｃの下側境界線４４ｃDの色相Ｈの色相の色がカラーパレット４２の最も下側の横列の色セル４３で表示され、これら上側，下側の色セル４３の横列間の３つの横列の色セル４３には、色相指定範囲４４ｃの上側境界線４４ｃU，下側境界線４４ｃD間の順次の色相値Ｈの色相の色が表示される。
【０１５７】
色相は数値（色相値Ｈ）で表わされており、ここでは、「０」〜「２５５」の整数値を取るものとして、色相表示バー４４ａの下端の色相値Ｈを「０」とし、上端の色相値Ｈを「２５５」とする。色相指定範囲４４ｃでは、色相指定スライダ４４ｂの指示点での色相値Ｈよりも、例えば、「２０」だけ値が小さい色相値Ｈの位置に下側境界線４４ｃDが設定され、色相指定スライダ４４ｂの指示点での色相値Ｈよりも、例えば、「２０」だけ値が大きい色相値Ｈの位置に上側境界線４４ｃUが設定されている。色相指定スライダ４４ｂが色相表示バー４４ａに沿って移動すると、下側境界線４４ｃD，上側境界線４４ｃUも同様に移動し、色相指定範囲４４ｃが、色相指定スライダ４４ｂの指示点を中心とし、下側境界線４４ｃD，上側境界線４４ｃUの間隔を一定に保って移動する。
【０１５８】
カラーパレット４２での５個の色セル４３の横列では、夫々毎に色相表示バー４４ａでの色相指定範囲４４ｃ内の色相値Ｈが「１０」ずつ異なる５個の色相の色が設定されるものであり、例えば、最も上側の色セル４３の横列で色相値Ｈが「１９５」の色相の色が表示されるとすると、それよりも下側に順に配列されている４個の色セル４３の横列では夫々、色相値Ｈが「１８５」，「１７５」，「１６５」，「１５５」の色相の色が表示されることになる。
【０１５９】
なお、このカラーパレット４２の中心位置に位置する色セル（即ち、中心位置色セル）４３ａは、色相表示バー４４ａでの色相指定スライダ４４ｂで指定される色相値Ｈ（色相指定スライダ４４ｂが、図示するように、三角形状をなすときには、色相表示バー４４ａ上のその頂点が位置する色相値Ｈ）の色相の色を表わしているものであり、このため、この中心位置色セル４３ａに、これを囲むようにして、中心セル枠４８が設けられている。
【０１６０】
また、色相表示バー４４ａの上側には、選択色相値表示ボックス４４ｄが設けられており、これに色相表示バー４４ａでの色相指定スライダ４４ｂで指定される色相Ｈの値（即ち、カラーパレット４２の中心位置色セル４３ａで表示される色相Ｈの値：ここでは、値「１７５」）が表示される。
【０１６１】
以上のことからして、カーソル１１の操作により、色相指定部４４で色相表示バー４４ａ上で色相指定スライダ４４ｂを上下に移動させると、カラーパレット４２での色セル４３の各横列では、この移動とともに色相値Ｈが「１」ずつ変化するようにして、色相が変化していくことになる。また、これとともに、選択色相値表示ボックス４４ｄで表示される色相値Ｈも「１」ずつ変化していくことになる。
【０１６２】
輝度指定部４５は、カラーパレット４２の色セル４３で表わされる色やグレースケール４１のグレーセル４１ａで表わされるグレーの輝度を変化させて所望の輝度の色やグレーを指定できるようにするものであって、横方向にその位置が輝度の値（輝度値Ｌ）を表わす輝度表示バー４５ａと、この輝度表示バー４５ａでの色の輝度値Ｌを指定するための輝度指定スライダ４５ｂとからなり、この輝度指定スライダ４５ｂをカーソル１１の操作でもって輝度表示バー４５ａに沿って移動させることにより、カラーパレット４２での色セル４３で表示される色の輝度を変化させることができる。これとともに、グレースケール４１でのグレーセルで表示されるグレーの輝度（濃さ）も変化する。
【０１６３】
輝度表示バー４５ａには、輝度指定スライダ４５ｂの指示点（輝度指定スライダ４５ｂが、図示するように、三角形状をなすときには、輝度表示バー４５ａ上のその頂点の位置）を中心点として、この中心点を中心とする左右等しい幅を持つ輝度指定範囲４５ｃが設定され、この輝度指定範囲４５ｃ内の５個の等間隔の輝度値Ｌの輝度がカラーパレット４２の横列の色セル４３夫々毎に設定される。即ち、この輝度指定範囲４５ｃの右側境界線４５ｃU側の輝度値Ｌの輝度がカラーパレット４２の最も右側の縦列の色セル４３に設定され、この輝度指定範囲４５ｃの左側境界線４４ｃD側の輝度値Ｌの輝度がカラーパレット４２の最も左側の縦列の色セルに設定され、これら右側，左側の色セル４３の縦列間の３つの縦列の色セル４３には、輝度指定範囲４５ｃの右側境界線４５ｃU，左側境界線４５ｃD間の順次の輝度値Ｌの輝度が設定される。
【０１６４】
輝度は数値（輝度値Ｌ）で表わされており、ここでは、「０」〜「２５５」の整数値を取るものとして、輝度表示バー４５ａの左端の輝度値Ｌを「０」とし、右端の輝度値Ｌを「２５５」とする。輝度指定範囲４５ｃでは、輝度指定スライダ４５ｂの指示点での輝度値Ｌよりも、例えば、「２０」だけ値が小さい輝度値Ｌの位置に左側境界線４５ｃDが設定され、輝度指定スライダ４５ｂの指示点での輝度値Ｌよりも、例えば、「２０」だけ値が大きい輝度値Ｌの位置に右側境界線４５ｃUが設定されている。輝度指定スライダ４５ｂが輝度表示バー４５ａに沿って移動すると、左側境界線４５ｃD，右側境界線４５ｃUも同様に移動し、輝度指定範囲４５ｃが、輝度指定スライダ４５ｂの指示点を中心とし、左側境界線４５ｃD，右側境界線４５ｃUの間隔を一定に保って移動する。
【０１６５】
カラーパレット４２での５個の色セル４３の縦列では、輝度表示バー４５ａでの輝度指定範囲４５ｃ内の輝度値が「１０」ずつ異なる５個の輝度が設定されるものであり、例えば、最も右側の色セル４３の縦列で輝度値Ｌが「１９４」の輝度の色が表示されるとすると、それよりも左側に順に配列されている４個の色セル４３の縦列では夫々、輝度値Ｌ「１８４」，「１７４」，「１６４」，「１５５」の輝度の色が表示されることになる。
【０１６６】
なお、このカラーパレット４２の中心セル枠４８が設けられた中心位置色セル４３ａは、輝度表示バー４５ａでの輝度指定スライダ４５ｂで指定される輝度値Ｌ（輝度指定スライダ４５ｂが、図示するように、三角形状をなすときには、輝度表示バー４５ａ上のその頂点が位置する輝度値Ｌ）の輝度の色を表わしているものである。
【０１６７】
また、輝度表示バー４５ａの左側には、選択輝度値表示ボックス４５ｄが設けられており、これに輝度表示バー４５ａでの輝度指定スライダ４５ｂで指定される輝度値Ｌ（即ち、カラーパレット４２の中心位置色セル４３ａで表示される輝度値Ｌ：ここでは、値「１７４」）が表示される。
【０１６８】
以上のことからして、カーソル１１の操作により、輝度指定部４５で輝度表示バー４５ａ上で輝度指定スライダ４５ｂを左右に移動させると、カラーパレット４２での色セル４３の各縦列では、この移動とともに輝度値Ｌが「１」ずつ変化するようにして、輝度が変化していくことになる。また、これとともに、選択輝度値表示ボックス４５ｄで表示される輝度値Ｌも「１」ずつ変化していくことになる。
【０１６９】
なお、選択色相値表示ボックス４４ｄで表示される色相値Ｈ及び選択輝度値表示ボックス４５ｄで表示される輝度値Ｌは、カラーパレット４２で中心セル枠４８が付された中心位置色セル４３ａの色相値Ｈ，輝度値Ｌを表わしてもいる。
【０１７０】
彩度指定部４６は、カラーパレット４２の色セル４３で表わされる色の彩度を変化させて所望の彩度を指定できるようにするものであって、横方向にその位置が彩度の値（彩度値Ｓ）を表わす彩度表示バー４６ａと、この彩度表示バー４６ａでの彩度値Ｓを指定するための彩度指定スライダ４６ｂとからなり、この彩度指定スライダ４６ｂをカーソル１１の操作でもって彩度表示バー４６ａに沿って移動させることにより、カラーパレット４２での色セル４３で表示される色の彩度を変化させることができる。
【０１７１】
彩度指定スライダ４６ｂが、図示するように、三角形状をなすときには、彩度表示バー４６ａ上のその頂点の位置の彩度値Ｓがこの彩度指定スライダ４６ｂによって指定される彩度であり、カラーパレット４２の全ての色セル４３に表示される色の彩度がこの指定された彩度値Ｓの彩度となる。
【０１７２】
彩度は数値（彩度値Ｓ）で表わされており、ここでは、０−２５５の値を取るものとして、彩度表示バー４６ａの左端の彩度Ｓを値「０」とし、右端の彩度Ｓを「２５５」とする。カラーパレット４２での全ての色セル４３の彩度は、彩度指定スライダ４６ｂで指定された彩度値Ｓの彩度となる。
【０１７３】
また、彩度表示バー４６ａの左側には、選択彩度値表示ボックス４６ｃが設けられており、これに彩度表示バー４６ａでの彩度指定スライダ４６ｂで指定される彩度値Ｓが表示される。ここでは、彩度表示バー４６ａで彩度指定スライダ４６ｂによって値「２３６」の彩度値Ｓが指定されているものとしており、これにより、選択彩度値表示ボックス４６ｃには、この値「２３６」の彩度値Ｓが表示されている。
【０１７４】
以上のことからして、カーソル１１の操作により、彩度指定部４６において、彩度表示バー４６ａ上で彩度指定スライダ４６ｂを左右に移動させると、カラーパレット４２での全ての色セル４３では、この移動とともに彩度値Ｓが「１」ずつ変化するようにして、彩度が同時に変化していくことになる。また、これとともに、選択彩度値表示ボックス４６ｃで表示される彩度値Ｓも「１」ずつ変化していくことになる。
【０１７５】
グレースケール４１のグレーセル４１ａやカラーパレット４２の色セル４３のいずれか１つを、カーソル１１で押下操作することにより、選択することができ、選択されたグレーセル４１ａまたは色セル４３に選択セル枠４９が付される。また、これとともに、選択されたグレーセル４１ａで表示されるグレー、もしくは選択された色セル４３で表示される色相，輝度，彩度の色が「選択色表示」欄２１の設定色表示部２１ａで表示されることなる。選択セル枠４９が付されたグレーセル４１ａや色セル４３での表示とともに、設定色表示部２１ａでの表示によっても、このカラーセレクタ４０に該当する物品の要素に付される色（グレーも含む）を確認することができる。
【０１７６】
透明度指定部４７は、物品の要素の色の透明度α（％）を指定できるようにするものであって、横方向にその位置が透明度αを表わす透明度表示バー４７ａと、この透明度表示バー４７ａでの透明度αを指定するための透明度指定スライダ４７ｂとからなり、この透明度指定スライダ４７ｂをカーソル１１の操作でもって透明度表示バー４７ａに沿って移動させることにより、変化させることができる。
【０１７７】
透明度指定スライダ４７ｂが、図示するように、三角形状をなすときには、透明度表示バー４７ａ上のその頂点の位置の透明度αがこの透明度指定スライダ４７ｂによって指定される透明度αであり、この色の透明度αは、「選択色表示」欄２１の設定色表示部２１ａで表示される色に表われる。
【０１７８】
透明度αは数値で表わされており、ここでは、０〜１００（％）の値を取るものとして、透明度表示バー４７ａの左端の透明度αを「０（％）」とし、右端の透明度αを「１００（％）」とする。設定色表示部２１ａで表示される色の透明度αは、透明度指定スライダ４７ｂで指定された透明度表示バー４７ａでの値となる。ここで、透明度α＝０％は全く透過しない状態にあることをいい、透過度α＝１００％は最大に透過する状態をいう。
【０１７９】
また、透明度表示バー４７ａの左側には、選択透明度表示ボックス４７ｃが設けられており、これに透明度表示バー４７ａでの透明度指定スライダ４７ｂで指定される透明度αの値が表示される。ここでは、透明度表示バー４７ａで透明度指定スライダ４７ｂによって値「５０（％）」の透明度αが指定されているものとしており、これにより、選択透明度表示ボックス４７ｃには、この値「５０（％）」が表示されている。
【０１８０】
以上のことからして、カーソル１１の操作により、透明度指定部４７において、透明度表示バー４７ａ上で透明度指定スライダ４７ｂを左右に移動させると、カラーパレット４２で選択されて「選択色表示」欄２１の設定色表示部２１ａで表示される色の透明度αの値が「１（％）」ずつ変化するようにして、透明度αが変化していくことになる。また、これとともに、選択透明度表示ボックス４７ｃで表示される透明度αの値も「１（％）」ずつ変化していくことになる。
【０１８１】
なお、ユーザは該当する物品の要素に表示希望の色の種類（色相）が分かっており、その名称（例えば、「８０８０８０」とする）をキーボードで入力すると、「選択色表示」欄２１での色の名称２１ｃが現在の「＃Ａ７０８ＥＥ」から入力されて色の名称「＃８０８０８０」に変更され、これとともに、色の名称「＃８０８０８０」の色相値Ｈの色がカラーパレット４２で表示されるように、色相指定部４４で色相指定スライダ４４ｂが色相表示バー４４ａに沿って移動し、これに伴って、「選択色表示」欄２１の設定色表示部２１ａでの色が入力された色の名称の色に変更される。この場合、輝度値Ｌ，彩度値Ｓ，透明度αは変更されない。
【０１８２】
以上のカラーセレクタ４０によると、物品の要素で表示する色を、色相指定部４４の色相表示バー４４ａでの色相指定スライダ４４ｂの位置に応じた色相指定範囲４４ｃ内の複数の色相と、輝度指定部４５の輝度表示バー４５ａでの輝度指定スライダ４５ｂの位置に応じた輝度指定範囲４４ｃ内の複数の輝度とに応じた複数の色が指定されてカラーパレット４２として表示され、その中から所望とする色相，輝度の色を選択することができるから、色相指定スライダ４４ｂで色相表示バー４４ａから色相を選択し、輝度指定スライダ４５ｂで輝度表示バー４５ａから輝度を選択して物品の要素の色を選択する方法に比べ、所望とする色相，輝度の色を的確かつ簡単に、しかも、迅速に選択することが可能となる。
【０１８３】
図２３はこの「選択色表示」欄２１の設定色表示部２１ａの表示状態の一具体例を示す図であって、５０は対象要素色表示エリア、５１は背景色表示エリアである。
【０１８４】
同図において、設定色表示部２１ａでは、カラーセレクタ４０に該当する物品の要素を対象要素として、周辺部にこの対象要素の背景の色（背景色）が表示される背景色表示エリア５１が設けられ、この背景色表示エリア５１の内側が対象要素の色（対象要素色）を表示する対象要素色表示エリア５０が設けられている。背景での対象要素が重なった部分に文字や記号模様などのパターンが存在する場合には、かかるパータンの色が対象要素色表示エリア５０に重なっている。
【０１８５】
図２３（ａ）は透明度指定部４７で透明度α＝０％が指定（選択）されたときの設定色表示部２１ａの表示状態を示すものであって、この場合には、対象要素色表示エリア５０で表示される色は透けておらず、グレースケール４１やカラーパレット４２で選択された対象要素色（グレーを含む）のみが表示され、背景色（以下、上記のパターンの色も含む）は表示されない。
【０１８６】
図２３（ｂ）は透明度指定部４７で、例えば、透明度α＝５０％が指定（選択）されたときの設定色表示部２１ａの表示状態を示すものであって、この場合には、対象要素色表示エリア５０で表示される対象要素色は透けたものとなり、対象要素色表示エリア５０では、対象要素色を通して、背景色がこの対象要素色の透明度αに応じて度合いで見えることになる。このため、対象要素色表示エリア５０で表示される色は、グレースケール４１やカラーセレクタ４２で選択された色（グレーを含む）とは異なる色、即ち、この選択された色（グレーを含む）とこの透明度αに応じた度合いの背景色とに応じた色が表示されることになる。また、背景色表示エリア５１での背景色を持つ背景に文字や記号，模様などのパターンが描かれている場合には、かかるパターンも対象要素色表示エリア５０でこの透過度αに応じた強度（濃さ）で表示されることになる。
【０１８７】
このように、透明度指定部４７で透明度表示バー４７ａでの透明度指定スライダ４７ｂの操作により、該当する物品の要素の色（グレーも含む）の透明度αを変化させることができ、かかる透明度αの設定状態が対象要素色表示エリア５０で確認することができるから、かかる物品の要素を直接表示させる図４に示すコンテンツ画面２に戻すことなく、かかる要素の透明度に応じた表示状態を確認することができて、所望とする透明度を容易にかつ確実に設定することが可能となる。
【０１８８】
また、グレースケール４１やカラーパレット４２で対象要素の色（グレーも含む）を選択するとしても、背景との対比で選択されるものではなく、背景との関係も考慮することが好ましい場合もある。例えば、上記のようなパターンが描かれた背景も透して見えるような表示状態とする必要がある場合もある。このような場合、この具体例では、透明度指定部４７の操作により、対象要素色表示エリア５０で対象要素の色の透明度αを変化させることができ、これにより、かかる対象要素の背景が透して見えるようにしているから、ユーザがかかる要素の透明度を確認しながら変化させることができて、所望とする透明度を容易に確実に設定することが可能となる。しかも、設定色表示部２１ａでは、背景色表示エリア５１が設けられて対象要素の背景色も同時に表示されているから、かかる背景色との対比で対象要素が認識しにくくならない程度の透明度αを設定することが容易となる。
【０１８９】
物品の各要素について、図２２に示すカラーセレクタ４０で色の設定がなされ、図１８に示すように、「ＯＫ」ボタン２６が押下され、これに伴って表示される図１９での選択画面３２を操作すると、色カストマイズ処理が終了して図４に示すコンテンツ画面２の表示状態に戻ることになるが、図４に示すコンテンツ画面２の物品の要素について、再度色カスタマイズするために、図８に示す色カスタマイズ操作画面１７を表示させ、カラーセクタ表示エリア１８で所望の物品の要素の図２２に示すカラーセレクタ４０を展開したときには、この要素で既に色が設定（選択）されている場合には、デフォルトとして、グレースケール４１やカラーパレット４２，色相指定部４４，輝度指定部４５，彩度指定部４６，透明度指定部４７は前回の色カスタマイズ処理がなされたときの状態が設定されることになり、このため、カラーパレット４２では、前回設定された色相，輝度の色セル４３を含む５×５個の色セル４３が表示されて、この設定されている色の色セル５３に選択セル枠４９が付されており、「選択色表示」欄２１の設定色表示部２１ａでは、前回設定されて対象要素の色が設定されている。
【０１９０】
図２４は本発明によるコンテンツ画面の色カスタマイズ方法の第２の実施形態における色カスタマイズ操作画面で展開されるカラーセレクタの他の具体例を示す図であって、４０ａはカラーセレクタ、４４ｂ’は色相指定スライダ、４４ｂ1はベーススライダ、４４ｂ2は下側境界変更用スライダ、４４ｂ3は上側境界変更用スライダ、４４ｄ1は下側境界選択色相値表示ボックス、４４ｄ2は上側境界選択色相値表示ボックス、４５ｂ’は輝度指定スライダ、４５ｂ1はベーススライダ、４５ｂ2は下（左）側境界変更用スライダ、４５ｂ3は上（右）側境界変更用スライダ、４５ｄ1は下（左）側境界選択輝度値表示ボックス、４５ｄ2は上（右）側境界選択輝度値表示ボックスであり、図２３に対応する部部には同一符号をつけて重複する説明を省略する。
【０１９１】
同図において、この具体例としてのカラーセレクタ４０ａが図２２に示すカラーセレクタ４０と異なる点は、色相指定部４４と輝度指定部４５である。これら以外の点は、図２２に示すカラーセレクタ４０と同様である。
【０１９２】
色相指定部４４では、図２２に示すカラーセレクタ４０の色相表示バー４４ａの一点を指示する色相指定スライダ４４ｂに代えて、３個のスライダ部、即ち、ベーススライダ４４ｂ1と下側境界変更用スライダ４４ｂ2と上側境界変更用スライダ４４ｂ3とからなる色相指定スライダ４４ｂ’を用いるものである。この色相指定スライダ４４ｂ’では、下側境界変更用スライダ４４ｂ2が色相表示バー４４ａでの色相指定範囲４４ｃの下側境界線４４ｃDを設定し、上側境界変更用スライダ４４ｂ3がこの色相指定範囲４４ｃの上側境界線４４ｃUを設定するものであり、これら下側境界変更用スライダ４４ｂ2と上側境界変更用スライダ４４ｂ3とがベーススライダ４４ｂ1に設けられている。
【０１９３】
そして、図２５（ａ）の（イ）に示す状態から同図（ａ）の（ロ）で示すように、下側境界変更用スライダ４４ｂ2をカーソル１１を用いた操作によって上下方向に移動させると、色相指定範囲４４ｃの下側境界線４４ｃDが移動し、これによって色相指定範囲４４ｃが色相表示バー４４ａ中で拡大・縮小する。同様に、上側境界変更用スライダ４４ｂ3をカーソル１１を用いた操作によって上下方向に移動させると、色相指定範囲４４ｃの上側境界線４４ｃUが移動し、これによって色相指定範囲４４ｃが色相表示バー４４ａ中で拡大・縮小する。
【０１９４】
ベーススライダ４４ｂ1は、下側境界変更用スライダ４４ｂ2や上側境界変更用スライダ４４ｂ3の移動にかかわらず、これら下側境界変更用スライダ４４ｂ2や上側境界変更用スライダ４４ｂ3を保持しているものであって、下側境界変更用スライダ４４ｂ2や上側境界変更用スライダ４４ｂ3の移動とともに、即ち、色相指定範囲４４ｃの拡大・縮小に伴って、図２５（ａ）の（ロ）に示すように、その長さが拡大・縮小する。
【０１９５】
また、ベーススライダ４４ｂ1はカーソル１１を用いた操作によって上下方向に移動させることができ、このとき、図２５（ｂ）の（イ），（ロ）で示すように、これら下側境界変更用スライダ４４ｂ2や上側境界変更用スライダ４４ｂ3はベーススライダ４４ｂ1の同じ位置に保持されていて、色相指定範囲４４ｃが、その上下方向の長さを一定に保ったまま、色相表示バー４４ａに沿って上下移動する。
【０１９６】
ここで、カラーパレット４２には、この色相指定範囲４４ｃの上側境界線４４ｃUから下側境界線４４ｃDまでの等間隔の５個の色相値Ｈに夫々該当する５個の色セル４３の横列が設定される。最上位の色セル４３の横列では、色相指定範囲４４ｃの上側境界線４４ｃUの色相値Ｈの色相が表示され、最下位の色セル４３の横列では、色相指定範囲４４ｃの下側境界線４４ｃDの色相値Ｈの色相が表示される。最上位の色セル４３の横列と最下位の色セル４３の横列との間の３個の色セル４３の横列では夫々、上側境界線４４ｃUの色相値Ｈと下側境界線４４ｃDの色相値Ｈとの間の等間隔で異なる色相値Ｈの色相が表示される。最上位の色セル４３の横列で表示される上側境界線４４ｃUの色相の色相値Ｈを「１９５」、最下位の色セル４３の横列で表示される下側境界線４４ｃDの色相の色相値を「１５５」とすると、上から２番目の色セル４３の横列で表示される色相の色相値Ｈは「１８５」、上から３番目の色セル４３の横列で表示される色相の色相値Ｈは「１７５」、上から４番目の色セル４３の横列で表示される色相の色相値Ｈは「１６５」となる。
【０１９７】
また、この具体例では、図２２に示すカラーセレクタ４０の色相指定部４４での選択色相値表示ボックス４４ｄに代えて、２つのボックス、即ち、下側境界選択色相値表示ボックス４４ｄ1と上側境界選択色相値表示ボックス４４ｄ2とが設けられており、下側境界選択色相値表示ボックス４４ｄ1では、色相指定範囲４４ｃの上側境界線４４ｃUの色相値Ｈ（上記の例では、「１５５」）が表示され、上側境界選択色相値表示ボックス４４ｄ2では、色相指定範囲４４ｃの下側境界線４４ｃDの色相値Ｈ（上記の例では、「１９５」）が表示される。これにより、色相指定範囲４４ｃでの色相値Ｈ、従って、カラーパレット４２で表示される色相の色相値Ｈを確認することを可能にする。
【０１９８】
輝度指定部４５も同様であって、図２２に示すカラーセレクタ４０の輝度表示バー４５ａの一点を指示する輝度指定スライダ４５ｂに代えて、３個のスライダ部、即ち、ベーススライダ４５ｂ1と下（左）側境界変更用スライダ４５ｂ2と上（右）側境界変更用スライダ４５ｂ3とからなる輝度指定スライダ４５ｂ’を用いるものである。この輝度指定スライダ４５ｂ’では、下側境界変更用スライダ４５ｂ2が輝度表示バー４５ａでの輝度指定範囲４５ｃの下側境界線４５ｃDを設定し、上側境界変更用スライダ４５ｂ3がこの輝度指定範囲４５ｃの上側境界線４５ｃUを設定するものであり、これら下側境界変更用スライダ４５ｂ2と上側境界変更用スライダ４５ｂ3とがベーススライダ４５ｂ1に設けられている。
【０１９９】
そして、色相指定スライダ４４ｂ’と同様、図２５（ａ）の（イ）に示す状態から同図（ａ）の（ロ）で示すように、下側境界変更用スライダ４５ｂ2をカーソル１１を用いた操作によって左右方向に移動させると、輝度指定範囲４５ｃの下側境界線４５ｃDが移動し、これによって輝度指定範囲４５ｃが輝度表示バー４５ａ中で拡大・縮小する。同様に、上側境界変更用スライダ４５ｂ3をカーソル１１を用いた操作によって左右方向に移動させると、輝度指定範囲４５ｃの上側境界線４５ｃUが移動し、これによって輝度指定範囲４５ｃが輝度表示バー４５ａ中で拡大・縮小する。
【０２００】
ベーススライダ４５ｂ1は、下側境界変更用スライダ４５ｂ2や上側境界変更用スライダ４５ｂ3の移動にかかわらず、これら下側境界変更用スライダ４５ｂ2や上側境界変更用スライダ４５ｂ3を保持しているものであって、下側境界変更用スライダ４５ｂ2や上側境界変更用スライダ４５ｂ3の移動とともに、即ち、輝度指定範囲４５ｃの拡大・縮小に伴って、図２５（ａ）の（ロ）に示すように、その長さが拡大・縮小する。
【０２０１】
また、ベーススライダ４５ｂ1はカーソル１１を用いた操作によって左右方向に移動させることができ、このとき、図２５（ｂ）の（イ），（ロ）で示すように、これら下側境界変更用スライダ４５ｂ2や上側境界変更用スライダ４５ｂ3はベーススライダ４５ｂ1の同じ位置に保持されていて、輝度指定範囲４５ｃが、その左右方向の長さを一定に保ったまま、輝度表示バー４５ａに沿って左右移動する。
【０２０２】
ここで、カラーパレット４２には、この輝度指定範囲４５ｃの上側境界線４５ｃUから下側境界線４５ｃDまでの等間隔の５個の輝度値Ｌに夫々該当する５個の色セル４３の縦列が設定される。同じ縦列の色セル４３（夫々の色セル４３では、異なる色相値Ｈの色相が表示される）では、同じ輝度値の輝度が設定される。最も右側の色セル４３の縦列では、輝度指定範囲４５ｃの上側境界線４５ｃUの輝度値Ｌの輝度が設定され、最も左側の色セル４３の横列では、輝度指定範囲４５ｃの下側境界線４５ｃDの輝度値Ｌの輝度が表示される。最も右側の色セル４３の縦列と最も左側の色セル４３の縦列との間の３個の色セル４３の縦列では夫々、上側境界線４５ｃUの輝度値Ｌと下側境界線４５ｃDの輝度値Ｌとの間の等間隔で異なる輝度値Ｌの輝度が表示される。最も右側の色セル４３の縦列で表示される上側境界線４５ｃUの輝度の輝度値Ｌを「１９４」、最も左側の色セル４３の縦列で表示される下側境界線４５ｃDの輝度の輝度値を「１５４」とすると、上から２番目の色セル４３の縦列で表示される輝度の輝度値Ｌは「１８４」、上から３番目の色セル４３の縦列で表示される輝度の輝度値Ｌは「１７４」、上から４番目の色セル４３の縦列で表示される輝度の輝度値Ｌは「１６４」となる。
【０２０３】
また、この具体例では、図２２に示すカラーセレクタ４０の輝度指定部４５での選択輝度値表示ボックス４５ｄに代えて、２つのボックス、即ち、下（左）側境界選択輝度値表示ボックス４５ｄ1と上（右）側境界選択輝度値表示ボックス４５ｄ2とが設けられており、下側境界選択輝度値表示ボックス４５ｄ1では、輝度指定範囲４５ｃの上側境界線４５ｃUの輝度値Ｌ（上記の例では、「１５４」）が表示され、上側境界選択輝度値表示ボックス４５ｄ2では、輝度指定範囲４５ｃの下側境界線４５ｃDの輝度値Ｌ（上記の例では、「１９４」）が表示される。これにより、輝度指定範囲４５ｃでの輝度値Ｌ、従って、カラーパレット４２で表示される輝度の輝度値Ｌを確認することを可能にする。
【０２０４】
図２６は本発明によるコンテンツ画面の色カスタマイズ方法の第２の実施形態における色カスタマイズ処理がなされていないときの図２２に示すカラーセレクタ４０での「単色」タブ２９の表示状態の一具体例を示す図であって、２１ｄはメッセージ、４０ｂはカラーセレクタであり、図２２に対応する部分には同一符号をつけて重複する説明を省略する。
【０２０５】
物品での色付け（グレーも含む）がなされていない要素（以下、これを対象要素という）に対するカラーセレクタ４０ｂは、その「単色」タブ２９が図２６に示される表示状態のものとなる。かかる状態は、例えば、「クリア」ボタン２３が押下され、対象要素の色付け（グレーも含む）を解除することにより、設定されることになる。
【０２０６】
即ち、「選択色表示」欄２１では、設定色表示部２１ａが色表示されず、斜線印である「／」マークが付されて該当する対象要素が色付けされていないことが示され、また、色の名称２１ｃに代わって、例えば、「塗りつぶしなし」とのメッセージ２１ｄが表示される。従って、カラーセレクタ４０ｂが展開されたときには、「選択色表示」欄２１の表示内容により、このカラーセレクタ４０ｂに該当する対象要素が色付け（グレーも含む）されているか否かを確認することができ、色付けされているときには、図２２に示すカラーセレクタ４０が表示されることから、どのような色（グレーも含む）で色付けされているかも確認することができる。
【０２０７】
このカラーセレクタ４０ｂでは、色相指定部４４において、色相指定スライダ４４ｂが色相表示バー４４ａの中間の色相値Ｈ（＝「１２８」）を指示した状態に設定されており、カラーセレクタ４２では、中間の色セル４３の横列でこの中間の色相値Ｈの色相が表示されて、その上側の２つの色セル４３の横列では、この中間の色相値Ｈから値「１０」ずつ大きい色相値Ｈの色相が、また、その下側の２つの色セル４３の横列では、この中間の色相値Ｈから値「１０」ずつ小さい色相値Ｈの色相が夫々表示される。これとともに、選択色相値表示ボックス４４ｄには、この中間の色相値Ｈである値「１２８」が表示される。
【０２０８】
また、輝度指定部４５においても、輝度指定スライダ４５ｂが輝度表示バー４５ａの中間の色相値Ｈ（＝「１２８」）を指示した状態に設定されており、カラーセレクタ４２では、中間の色セル４３の縦列でこの中間の輝度値Ｌの輝度が設定されて、その右側の２つの色セル４３の縦列では、この中間の色相値Ｈから値「１０」ずつ大きい輝度値Ｌの輝度が、また、その下側の２つの色セル４３の縦列では、この中間の輝度値Ｌから値「１０」ずつ小さい輝度値Ｌの輝度が夫々設定される。これとともに、選択輝度値表示ボックス４５ｄには、この中間の輝度値Ｌである値「１２８」が表示される。
【０２０９】
かかる状態で、グレースケール４１、あるいは、カラーパレット４２での所望の色（グレーも含む）のセル４１ａ，４３を選択することにより、図２２に示すカラーセレクタ４０のように、「選択色表示」欄２１において、設定色表示部２１ａにこの選択されたセル４１ａ，４３で表示されている色が表示され、メッセージ２１ｄの代わりにこの表示される色の名称２１ｃが表示される。また、色相指定部４４で色相指定スライダ４４ｂの移動操作をすることにより、あるいは、輝度指定部４５で輝度指定スライダ４５ｂの移動操作をすることにより、カラーパレット４２の色セル４３で表示される色の色相あるいは輝度を変化させることができる。
【０２１０】
以上の状態は、図２４に示すカラーセレクタ４０ａにおいても、同様である。但し、かかる状態でのカラーセレクタ４０ａでは、色相指定部４４において、色相指定範囲４４ｃが色相表示バー４４ａの中心の色相値Ｈを中心とする予め決められた長さ（上側境界線４４ｃUから下側境界線４４ＣDまでの色相値Ｈの個数であって、例えば、図２２に示すカラーセレクタ４０での色相指定範囲４４ｃに等しい長さ）となるように、色相表示バー４４ａに対する下側境界変更用スライダ４４ｂ2，上側境界変更用スライダ４４ｂ3の位置が設定される。輝度指定部４５についても同様であって、輝度指定範囲４５ｃが輝度表示バー４５ａの中心の輝度値Ｌを中心とする予め決められた長さ（上側境界線４５ｃUから下側境界線４５ＣDまでの輝度値Ｌの個数であって、例えば、図２２に示すカラーセレクタ４０での輝度指定範囲４５ｃに等しい長さ）となるように、輝度表示バー４５ａに対する下側境界変更用スライダ４５ｂ2，上側境界変更用スライダ４５ｂ3の位置が設定される。
【０２１１】
図２７は本発明によるコンテンツ画面の色カスタマイズ方法の第２の実施形態における対象要素がグレーに色カスタマイズ処理がなされているときの図２２に示すカラーセレクタ４０での「単色」タブ２９のデフォルトの表示状態の一具体例を示す図であって、４０ｃはカラーセレクタであり、図２２に対応する部分には同一符号をつけて重複する説明を省略する。
【０２１２】
図８に示す色カスタマイズ操作画面１７でグレーに色カスタマイズ処理されている対象要素に対するカラーセレクタを、その「セレクト」ボタン２２をカーソル１１で押下操作することにより、展開させると、図２７に示すデフォルト状態のカラーセレクタ４０ｃが表示される。
【０２１３】
このカラーセレクタ４０ｃでは、「選択色表示」欄２１において、その設定色表示部２１ａに対象要素に色付けされている色であるグレーが表示され、色の名称２１ｃにこのグレーの名称が表示されている。
【０２１４】
また、グレースケール４１では、「選択色表示」欄２１の設定色表示部２１ａで表示されるグレーを表わすグレーセル４１ａを中心に、その両側に２個ずつのグレーセル４１ａが配列された５個のグレーセル４１ａが配列されている。この中心位置にあるグレーセル４１ａには、選択セル枠４９が付されており、このグレーセル４１ａが選択されていることを示している。
【０２１５】
かかるカラーセレクタ４０ｃのデフォルトの状態では、色相指定部４４では、色相はグレーに関係がないので、図２６に示すカラーセレクタ４０ｂでの色相指定部４４と同様、色相指定スライダ４４ｂや色相指定範囲４４ｃが色相表示バー４４ａの中央部の位置に設定されている。これに対し、輝度指定部４５では、輝度指定スライダ４５ｂがグレースケール４１の中央部での選択セル枠４９が付されたグレーセル４１ａで表示されるグレーの輝度値Ｌ（例えば、値「１７０」）に対応する輝度表示バー４５ａでの位置に設定されており、これとともに、輝度指定範囲４５ｃが輝度表示バー４５ａでの輝度指定スライダ４５ｂの位置に応じた位置に設定されている。
【０２１６】
これにより、カラーパレット４２では、色相指定部４４で位置設定されている色相指定範囲４４ｃに応じた色相値Ｈで輝度指定部４５で位置設定されている式度指定範囲４５ｃに応じた輝度値Ｌの色が色セル４３で表示されていることになる。
【０２１７】
ここで、輝度指定部４５において、輝度指定スライダ４５ｂを移動操作すると、カラーパレット４２での各色セル４３の輝度値Ｌが値「１」ずつ変化していくとともに、グレースケール４１においても、各グレーセル４１ａでのグレーの輝度値Ｈも値「１」ずつ変化してその濃さが変化していく。但し、セル４１ａ，４３の選択操作をしなければ、選択セル枠４９の位置は変化しないので、この選択セル枠４９が付されたグレーセル４３の輝度（濃さ）が変化し、従って、この選択セル枠４９が付されたグレーセル４３のグレーを表わす「選択色表示」欄２１の設定色表示部２１ａでも、そこで表示されるグレーの輝度（濃さ）が変化する。
【０２１８】
また、彩度指定部４６では、彩度はグレーに関係がないので、図２６に示すカラーセレクタ４０ｂでの彩度指定部４６と同様、彩度指定スライダ４６ｂが彩度表示バー４６ａでの最大の彩度値Ｓの位置に設定されている。
【０２１９】
さらに、透明指定部４７では、「選択色表示」欄２１の設定色表示部２１ａで表示されているグレーの透明度に該当する透明度表示バー４７ａの透明度αの位置（例えば、「３０％」）に設定されている。
【０２２０】
このように、グレーに色付けされた対象要素に対するカラーセレクタ４０ｃのデフォルトの状態では、グレーに関係する輝度指定部４５や透明度指定部４７でこのグレーに応じた輝度値Ｌや透明度αが設定されており、グレーに関係しない色相指定部４４や彩度指定部４６では、上記のような初期状態に設定されることになる。
【０２２１】
なお、以上の点は、図２４に示すカラーセレクタ４０ａも、グレーに色付けられた対象要素について、そのデフォルトの状態は同様である。
【０２２２】
図２８（ａ）は図２２に示すカラーセレクタ４０の色相指定部４４での操作状態の一具体例を示す図であって、４０ｄはカラーセレクタ、４３’は不活性の色セルであり、図２２に対応する部分には同一符号をつけて重複する説明を省略する。
【０２２３】
同図において、このカラーセレクタ４０ｄは、色相指定部４４において、色相表示バー４４ａに沿って色相指定スライダ４４ｂを上方向に移動させて色相指定範囲４４ｃの一部が色相表示バー４４ａの上端からはみ出した状態を示すものであって、この場合には、カラーパレット４２での色セル４３の横列のうち、この色相指定範囲４４ｃの色相表示バー４４ａの上端からはみ出した部分に相当する横列での色セル４３は不活性の色セル４３’となる。
【０２２４】
ここでは、色相指定スライダ４４ｂが色相表示バー４４ａの色相値Ｈ＝「２４７」を指定した状態にあるものとしており、このため、２０−（２５５−２４７）＝１２個の色相値分だけ色相指定範囲４４ｃが色相表示バー４４ａから上方にはみ出していることになる。色相指定スライダ４４ｂから色相指定範囲４４ｃの上側境界線４４ｃUまでに２０個の色相値Ｈに相当する距離があり、色相指定範囲４４ｃでの色相指定スライダ４４ｂが指定する色相値Ｈとそれから１０個間隔の色相値Ｈがカラーセレクタ４２で表示する色セル４３の横列が設定されるものとすると、色相指定スライダ４４ｂが指定する色相値Ｈ（＝「２４７」）から上側境界線４４ｃUまでのカラーセレクタ４２で表示されるべき１０個間隔の色相値Ｈは「２５７」，「２６７」となるが、これらの色相値Ｈは色相表示バー４４ａの上端（色相値Ｈ＝「２５５」）からはみ出して存在しないものであるから、カラーパレット４２で表示することができず、これら色相値Ｈ＝「２５７」，「２６７」に相当する上から２個のカラーセル４３の横列は選択できない不活性のカラーセル４３’からなるものとなる。この不活性のカラーセル４３’では、色相，輝度，彩度の色は表示されず、例えば、その枠だけが表示される透明なカラーセルとなる。もちろんかかる不活性なカラーセル４３’は、選択することができない。
【０２２５】
なお、色相指定スライダ４４ｂは、色相表示バー４４ａの上側境界線４４ｃUに一致するまで移動可能であって、この位置まで移動させたときには、この上側境界線４４ｃUでの色相値Ｈを指定していることになる。このため、カラーパレット４２での状態は変わらないが、最上位の選択可能に活性化している（即ち、下から３番目の）色セル４３の横列は、この上側境界線４４ｃUでの色相値Ｈの色相を表示していることになる。
【０２２６】
また、色相指定スライダ４４ｂを下方に移動させて色相指定範囲４４ｃの一部が色相表示バー４４ａの下端（色相値＝「０」）からはみ出した場合でも、同様であって、カラーパレット４２の下側に不活性の色セル４３’の横列が存在することになる。
【０２２７】
なお、図２４に示すカラーセレクタ４０ａでは、その下側境界変更用スライダ４４ｂ2，上側境界変更用スライダ４４ｂ3が色相表示バー４４ａの下端から上端まで移動するものであるから、カラーパレット４２には、上記のような選択できない不活性の色セル４３’の横列は生じない。
【０２２８】
図２８（ｂ）は、図２８（ａ）に示すカラーセレクタ４０ｄにおいて、輝度指定部４５ｃの輝度指定スライダ４５ａを輝度表示バー４５ｃの上端側に移動させた場合の状態の一具体例を示す図であって、４０ｅはカラーセレクタであり、図２８（ａ）に対応する部分には同一符号をつけて重複する説明を省略する。
【０２２９】
図２８（ａ）に示すカラーセレクタ４０ｄで、さらに、輝度指定部４５において、輝度表示バー４５ａに沿って輝度指定スライダ４５ｂを右方向に移動させて輝度指定範囲４５ｃの一部が輝度表示バー４５ａの右端からはみ出した状態にすると、このカラーセレクタ４０ｅは図２８（ｂ）に示す状態となる。この場合には、カラーパレット４２での色セル４３の縦列のうち、この輝度指定範囲４５ｃの輝度表示バー４５ａの右端からはみ出した部分に相当する縦列での色セル４３は不活性の色セル４３’となる。
【０２３０】
ここでは、輝度指定スライダ４５ｂが輝度表示バー４５ａの輝度値Ｌ＝「２３８」を指定した状態にあるものとしており、このため、２０−（２５５−２３８）＝３個の輝度値分だけ輝度指定範囲４５ｃが輝度表示バー４５ａから右方にはみ出していることになる。輝度指定スライダ４５ｂから輝度指定範囲４５ｃの右側境界線４５ｃUまでに２０個の輝度値Ｌに相当する距離があり、輝度指定範囲４５ｃでの輝度指定スライダ４５ｂが指定する輝度値Ｌとそれから１０個間隔の輝度値Ｌがカラーセレクタ４２で表示する色セル４３の縦列が設定されるものとすると、輝度指定スライダ４５ｂが指定する輝度値Ｌ（＝「２３８」）から上側境界線４５ｃUまでのカラーセレクタ４２で表示されるべき値「１０」ずつの輝度値Ｌは「２４８」，「２５８」となるが、これらの輝度値Ｌのうち、右側境界線４５ｃUの輝度値Ｌ＝「２５５」を越える「２５８」の輝度値Ｌは輝度表示バー４５ａの右端（輝度値Ｌ＝「２５５」）からはみ出して存在しないものであるから、カラーパレット４２で表示することができず、この輝度値Ｌ＝「２５８」に相当する右から１個のカラーセル４３の縦列は選択できない不活性のカラーセル４３’からなるものとなる。この不活性のカラーセル４３’では、色相，輝度，彩度の色は表示されず、例えば、その枠だけが表示される透明なカラーセルとなる。勿論かかる不活性なカラーセル４３’は、選択することができない。
【０２３１】
なお、輝度指定スライダ４５ｂは、輝度表示バー４５ａの上側境界線４５ｃUに一致するまで移動可能であって、この位置まで移動させたときには、この上側境界線４５ｃUでの輝度値Ｌを指定していることになる。この場合には、色相指定部４４の状態の場合と同様に、カラーセレクタ４２の右側２つのカラーセルの縦列が不活性なカラーセル４３’からなるものとなるものであり、最も右側の選択可能に活性化している（即ち、左から３番目の）色セル４３の縦列は、この右側境界線４５ｃUでの輝度値Ｌの輝度を表示していることになる。
【０２３２】
また、輝度指定スライダ４５ｂを左方に移動させて輝度指定範囲４５ｃの一部が輝度表示バー４５ａの左端（輝度値Ｌ＝「０」）からはみ出した場合でも、同様であって、カラーパレット４２の左側に不活性の色セル４３’の縦列が存在することになる。
【０２３３】
なお、図２４に示すカラーセレクタ４０ａでは、その左側境界変更用スライダ４５ｂ2，右側境界変更用スライダ４５ｂ3が輝度表示バー４５ａの左端から右端まで移動するものであるから、カラーパレット４２には、上記のような選択できない不活性の色セル４３’の縦列は生じない。
【０２３４】
この第２の実施形態のカラーパレット４０においても、図１１に示す第１の実施形態でのカラーパレットと同様、物品の要素「文字／記号」の色（グレーも含む）とこれに接する背景などの他の要素の色（グレーも含む）との間で輝度コントラスト比が４．５：１未満であるカラーセル４３（グレーセル４１ａも含む）には、「×（バツ）」マーク３１ａが付され、また、物品の要素「文字／記号」以外の互いに接する要素間で色（グレーも含む）の輝度コントラスト比が１．７：１未満であるカラーセル４３（グレーセル４１ａも含む）には、「／」マーク３１ｂが付される。
【０２３５】
図２９は１つの物品の各要素のカラーセレクタでのカラーパレットの状態の一具体例を示す図であって、４０Ｃは要素「文字」のカラーセレクタ、４０Ｂは要素「背景」のカラーセレクタ、４０Ｆは要素「枠線」のカラーセレクタであり、前出図面に対応する部分には同一符号をつけて重複する説明を省略する。なお、同図では、必要な部分にのみ部号を付している。
【０２３６】
同図において、要素「文字」のカラーセレクタ４０Ｃのグレースケール４１やカラーパレット４２では、要素「背景」のカラーセレクタ４０Ｂのグレースケール４１やカラーパレット４２で表示される色（クレスケールも含む）に対し、輝度コントラスト比が４．５：１未満であるカラーセル４３（グレーセル４１ａも含む）に「×」マーク３１ａが付され、かかるカラーセル４３（グレーセル４１ａも含む）を選択できないものとしている。同様にして、要素「背景」のカラーセレクタ４０Ｂのグレースケール４１やカラーパレット４２では、要素「文字」のカラーセレクタ４０Ｃのグレースケール４１やカラーパレット４２で表示される色（クレスケールも含む）に対し、輝度コントラスト比が４．５：１未満であるカラーセル４３（グレーセル４１ａも含む）に「×」マーク３１ａが付され、かかるカラーセル４３（グレーセル４１ａも含む）を選択できないものとしている。
【０２３７】
また、要素「背景」のカラーセレクタ４０Ｂのグレースケール４１やカラーパレット４２では、要素「枠線」のカラーセレクタ４０Ｆのグレースケール４１やカラーパレット４２で表示される色（クレスケールも含む）に対し、輝度コントラスト比が１．７：１未満であるカラーセル４３（グレーセル４１ａも含む）に「／」マーク３１ｂが付され、かかるカラーセル４３（グレーセル４１ａも含む）の選択を推奨しないものとしている。要素「枠線」のカラーセレクタ４０Ｆのグレースケール４１やカラーパレット４２においても、同様にして、選択を推奨しないカラーセル４３（グレーセル４１ａも含む）に「／」マーク３１ｂが付される。
【０２３８】
なお、ここでは図示しないが、このようにカラーパレット４２に「×」マーク３１ａや「／」マーク３１ｂが付されたカラーセル４３があっても、色相指定スライダ４４ｂが指示する色相値で輝度指定スライダ４５ｂが指示する輝度値の色を表わすカラーパレット４２の中央部に位置するカラーセル４３には、中心セル枠４８（図２２）が付される。
【０２３９】
図２９に示すようなカラーセレクタ４０Ｃ，４０Ｂ，４０Ｆにおいて、グレースケール４１やカラーパケット４２での「×」マーク３１ａが付されていないカラーセル４３（但し、グレーセル４１ａも含む：従って、「／」マーク３１ｂが付されたカラーセルやグレーセルも含む）がカーソル１１の操作によって選択され、図１８に示すように、「ＯＫ」ボタン２６が押下操作されると、このときの物品の各要素（文字や背景，枠線）の表示色が決定されるが、これら要素「文字」のカラーセレクタ４０Ｃ及び要素「背景」のカラーセレクタ４０Ｂの少なくともいずれかで「×」マーク３１ａが付されているカラーセル４３（グレーセル４１ａも含む）がカーソル１１の操作で指定され、図１８に示すように、「ＯＫ」ボタン２６が押下操作されると、再度の色（グレーも含む）選択を指示する図３０に示す指示画面が表示される。
【０２４０】
なお、図３０において、５２は指示画面、５３はメッセージ、５４は「ＯＫ」ボタン、５５は「×」ボタンである。
【０２４１】
かかる指示画面５２には、図２９に示す要素「文字」のカラーセレクタ４０Ｃ及び要素「背景」のカラーセレクタ４０Ｂの少なくともいずれかで「×」マーク３１ａが付されているカラーセル４３（グレーセル４１ａも含む）がカーソル１１の操作で指定されたことを指摘するメッセージ５３、例えば、「使用者によっては文字が判別出来ない可能性があるので、文字、またはその背景の色を「×」がついていない色に変えて下さい」といったメッセージ５３が表示され、また、「ＯＫ」ボタン５４と「×」ボタン５５とが設けられている。
【０２４２】
そこで、かかるメッセージ５３にしたがって使用者がカーソル１１を操作して「ＯＫ」ボタン５４を押下操作すると、この指示画面５２が表示されなくなって、図１８に示すような色カスタマイズ操作画面で色選択がなされる前の要素「文字」のカラーセレクタ４０Ｃ，要素「背景」のカラーセレクタ４０Ｂ及び要素「枠線」のカラーセレクタ４０Ｆが表示され、再度の色選択が可能となる。
【０２４３】
なお、かかる指示画面５２で「×」ボタン５５がカーソル１１の押下操作で選択されると、この指示画面５２が表示されなくなって、色選択がなされた状態にある要素「文字」のカラーセレクタ４０Ｃ，要素「背景」のカラーセレクタ４０Ｂ及び要素「枠線」のカラーセレクタ４０Ｆを含む上記の色カスタマイズ操作画面に戻る。勿論かかる色カスタマイズ操作画面での要素「文字」のカラーセレクタ４０Ｃ，要素「背景」のカラーセレクタ４０Ｂ及び要素「枠線」のカラーセレクタ４０Ｆで、別のカラーセル４３（グレーセル４１ａも含む）を選択することもできる。
【０２４４】
このようにして、誤って「×」マーク３１ａが付されたカラーセル４３（グレーセル４１ａも含む）が選択しても、これに反応して指示画面５２が表示され、再度カラーセル４３（グレーセル４１ａも含む）の選択も直ちに可能となる。
【０２４５】
図２９，図３０で説明した点も、図２４，図２５に示す他の具体例でも、同様である。
【０２４６】
図３１は図２２，図２３，図２６〜図３０に示すカラーセレクタの一変形例を示す図であって、４０’はカラーセレクタ、５６1〜５６5はカラーセル横列、５７1〜５７5はカラーセル縦列、５８1〜５８3は選択不可エリアであり、前出図面に対応する部分には同一符号をつけて重複する説明を省略する。
【０２４７】
同図において、この一変形例としてのカラーセレクタ４０’においては、カラーパレット４２において、「×」マーク３１ａが付されたカラーセル４３の横列で表示される色相値Ｈに該当する色相指定部４４の色相表示バー４４ａのエリアに選択不可エリア（ここでは、選択不可エリア５８1，５８2）が設けられるものであり、同様にして、「×」マーク３１ａが付されたカラーセル４３の縦列で表示される輝度値に該当する輝度指定部４５の輝度表示バー４５ａのエリアに選択不可エリア（ここでは、５８3）が設けられるものである。
【０２４８】
ここで、カラーパレット４２において、カラーセル４３の横列を上から順にカラーセル横列５６1，５６2，５６3，５６4，５６5とし、カラーセル４３の縦列を右から順にカラーセル横列５７1，５７2，５７3，５７4，５７5とする。いま、色相指定部４４の色相表示バー４４ａにおいて、例えば、この色相表示バー４４ａの上端から現時点での色相指定範囲４４ｃ内の上側までのエリアが選択不可エリア５８1となっている場合には、カラーパレット４２において、例えば、上から１番目のカラーセル横列５６1と２番目のカラーセル横列５６2には、「×」マーク３１ａが付されたカラーセル４３が存在することになる。また、輝度指定部４５の輝度表示バー４５ａにおいて、例えば、このの左端から現時点での輝度指定範囲４５ｃ内の左側までのエリアが選択不可エリア５８3となっている場合には、カラーパレット４２において、例えば、左から１番目のカラーセル横列５７1と２番目のカラーセル横列５７2には、「×」マーク３１ａが付されたカラーセル４３が存在することになる。
【０２４９】
同じ物品の他の要素での色選択に応じて、このカラーセレクタ４０での「×」マーク３１ａが付されるカラーセル４３が変化するが、これとともに、色相表示バー４４や輝度表示バー４５ａでの選択不可エリア５８が変化することになる。
【０２５０】
該当する要素を色カスタマイズするとき、「×」マーク３１ａが付されないカラーセル４３を選択するものであるが、カラーパレット４２で選択できないカラーセル４３のみが存在して色カスタマイズのための色選択ができない場合、図２２に示す先の具体例では、色相指定スライダ４４ｂ，輝度指定スライダ４５ｂを操作してカラーパレット４２に「×」マーク３１ａが付されない色相や輝度がカラーセル４３を表示されるようにする必要があり、これらスライダ４４ｂ，４５ｂの移動方向によっては、いつまでもかかるカラーセル４３が表示されない場合もあるが、この図３１に示す具体例では、色相表示バー４４ａや輝度表示バー４５ａにおいて、選択不可エリア５８から「×」マーク３１ａが付される色相値Ｈの範囲や輝度値Ｌの範囲を一目で把握することができるから、「×」マーク３１ａが付されない色相や輝度で色表示されるカラーセル４３をカラーパレット４２に迅速、的確に表示させることができる。
【０２５１】
なお、以上のことは、図２４，図２５に示す他の具体例でも、同様である。
【０２５２】
また、選択不可エリア５８1，５８2では、「×」マーク３１ａが付されたカラーセル４３で表示される選択できない色の色相値Ｈを含むものとして説明したが、「／」マーク３１ｂが付されたカラーセル４３で表示される選択できるが、選択を推奨しない色の色相値Ｈも含むようにしてもよい。また、同様に、選択不可エリア５８3では、「×」マーク３１ａが付されたカラーセル４３で表示される選択できない色の輝度値Ｌを含むものとして説明したが、「／」マーク３１ｂが付されたカラーセル４３で表示される選択できるが、選択を推奨しない色のし輝度値Ｌも含むようにしてもよい。
【０２５３】
図３２は図３１に示す構成の図９におけるカラーセレクタ４０Ｃ，４０Ｂの一方の「クリア」ボタン２３が操作されたときのこれらカラーセレクタ４０Ｃ，４０Ｂの状態の変化を示す図であって、４０Ｃ’は要素「文字」のカラーセレクタ、４０Ｂ’は要素「背景」のカラーセレクタであり、前出図面に対応する部分には同一符号をつけて重複する説明を省略する。
【０２５４】
同図（ａ）において、色選択がなされたことにより、要素「文字」のカラーセレクタ４０Ｃ’と要素「背景」のカラーセレクタ４０Ｂ’とでは、そのカラーパレット４２で「×」マーク４９が付されてカラーセル４３が表示されている。ここでは、説明を簡略化するために、要素「文字」のカラーセレクタ４０Ｃ’は、図３１に示す構成をなして、カラーパレット４２での一つのカラーセル４３が選択されて選択セル枠４９が付された図２９に示す要素「文字」のカラーセレクタ４０Ｃと同様の状態にあり、要素「背景」のカラーセレクタ４０Ｂ’は、図３１に示す構成をなして、グレースケール４１での１つのグレーセル４１ａが選択されて選択セル枠４９が付され、図２９に示す要素「背景」のカラーセレクタ４０Ｂと同様の状態にあるものとする。
【０２５５】
かかる表示状態で、いま、要素「背景」のカラーセレクタ４０Ｂ’での「クリア」ボタン２３がカーソル１１で押下操作されると、図３２（ｂ）に示すように、要素「背景」のカラーセレクタ４０Ｂ’では、色の選択状態が解除されてグレースケール４１で選択セル枠４９が付されていたグレーセル４１ａでこの選択セル枠４９が排除され、これとともに、「選択色表示」欄２１おいて、設定色表示部２１ａの色が解除されて「／」マークが付されるとともに、メッセージ２１ｄが「塗りつぶしなし」に変更される。
【０２５６】
そして、この要素「背景」の色の選択が排除されることから、要素「文字」のカラーセレクタ４０Ｃ’では、図３２（ｂ）に示すように、要素「背景」のカラーセレクタ４０Ｂ’の色選択によって色選択が不可となっていた色相や輝度が選択可能となって、色相指定部４４の色相表示バー４４ａや輝度指定部４５の輝度表示バー４５ａに設定されていた選択不可エリア５８1，５８2，５８3が排除されるとともに、カラーパレット４２のカラーセル４３に付加されていた「×」マーク３１ａが排除される。
【０２５７】
これにより、要素「文字」のカラーセレクタ４０Ｃ’では、色の選択状態のみが保持され、現在選択されている色相またはグレーに対して、カラーパレット４２の該当するカラーセル４３、または、グレースケール４１の該当するグレーセル４１ａに選択セル枠４９が付され、これに該当する色（グレーも含む）が「選択色表示」欄２１の設定色表示部２１ａにそのまま表示される。
【０２５８】
一方、要素「背景」のカラーセレクタ４０Ｂ’では、要素「文字」のカラーセレクタ４０Ｃ’で選択されている色（グレーも含む）に応じて選択できない色相や輝度が決まることになり、このため、色相指定部４４の色相表示バー４４ａで選択不可エリア５８1，５８2や輝度指定部４５の輝度表示バー４５ａで選択不可エリア５８3が変化する。また、カラーパレット４２やグレースケール４１での「×」マーク３１ａが付されるカラーセル４３やグレーセル４１ａが変化することになる。図３２（ｂ）に示す要素「文字」のカラーセレクタ４０Ｃ’のグレースケール４１やカラーパレット４２では、全てのグレースケール４１やカラーパレット４２から「×」マーク３１ａが排除された状態を示している。
【０２５９】
このようにして、一方のカラーセレクタでの色選択が解除されると、他方のカラーセレクタでの色選択不可状態が解除されて全ての色から所望の色を選択できることになり、色選択が解除されたカラーセレクタにおいても、色選択不可状態が変更されることになる。
【０２６０】
なお、上記は２つのカラーセレクタのうちの一方が要素「文字」のカラーセレクタであったが、要素「文字」のカラーセレクタ以外の２つのカラーセレクタに対しても、「／」マーク３１ｂで表わす推奨しない色（グレーも含む）について同様である。
【０２６１】
また、以上のことは、図２４，図２５に示す構成のカラーセレクタについても、同様である。
【０２６２】
図３３は図２２に示すカラーセレクタ４０で「グラデーション」タブ３０が選択されたときの状態を示す図であって、６０はグラデーション角度設定部、６１はグラデーション分岐点設定部、６２は分岐点数表示部、６３は分岐点増減部、６４は選択分岐点位置表示部、６５はグラデーション表示部、６６はグラデーションバー、６７Ｌは左端側指示体、６７Ｒは右端側指示体、６７Ｉは中間部指示体、６８は選択枠であり、前出図面に対応する部分には同一符号をつけて重複する説明を省略する。
【０２６３】
同図において、「グラデーション」タブ３０は、「文字」や「背景」，「枠線」などの物品の要素の領域の色やグレーのグラデーションを設定するためのものであって、そこには、物品の要素の表示エリアに設定される色やグレーのグラテーションの方向（角度）を設定するためのグラデーション角度設定部６０と、グラデーション分岐点設定部６１と、グラデーション表示部６５とが設けられている。また、この「グラデーション」タブ３０には、グレースケール４１やカラースケール４２，色相指定部４４，輝度指定部４５，彩度指定部４６，透明度指定部４７も設けられているが、これらはグラデーションでの色（グレーも含む）を指定するためのものであって、先の「単色」タブ２９と同様のものであり、重複する説明は省略する。
【０２６４】
まず、グラデーション表示部６５について説明すると、横長のグラデーションバー６６の左側端部に左端側指示体６７Ｌが、右側端部に右端側指示体６７Ｒが夫々設定されており、必要に応じてこれら左端側指示体６７Ｌ，右端側指示体６７Ｒ間に１以上の中間部指示体６７Ｉが設定される。
【０２６５】
ここで、これら左端側指示体６７Ｌ，右端側指示体６７Ｒ，中間部指示体６７Ｉでは夫々、グレースケール４１やカラーパレット４２を用いてグラデーションバー６６上のそれが指示する位置（左端部や右端部，それらの中間位置）に、これらグレースケール４１のグレーセル４１ａやカラーパレット４２のカラーセル４３で表示される色（グレーも含む）のうちの所望とする色を選択することにより、選択された色（グレーも含む）を表示させることができるものである。その色の表示方法としては、左端側指示体６７Ｌ，右端側指示体６７Ｒ，中間部指示体６７Ｉ（以下、これらを総称するときには、指示体６７という）のうちで色付けしたい指示体６７を選択し、次いで、グレースケールセル４１やカラーパレット４２で色付けしたい所望の色（グレーを含む）を表示したグレーセル４１ａまたはカラーセル４３を選択することにより、グラデーションバー６６の該当する指示体６７が指示する位置が色付けされる。そして、このように色付けられると、グラデーションバー６６での左端側指示体６７Ｌと中間部指示体６７Ｉとの間で、これらの位置に設定された色のグラデーション（即ち、左端側指示体６７Ｌで指示されるグラデーションバー６６の左端部での設定色から中間部指示体６７Ｉで指示されるグラデーションバー６６の中間位置での設定色までのグラデーション（色の変化））が設定されることになり、また、中間部指示体６７Ｉと右端側指示体６７Ｒとの間で、これらの位置に設定された色のグラデーション（即ち、中間部指示体６７Ｉで指示されるグラデーションバー６６の中間位置での設定色から右端側指示体６７Ｒで指示されるグラデーションバー６６の右端部での設定色までのグラデーション）が設定されることになる。
【０２６６】
グラデーション分岐点設定部６１は、左端側指示体６７Ｌで指示されるグラデーションバー６６の左端部と右端側指示体６７Ｒで指示されるグラデーションバー６６の右端部と中間部指示体６７Ｉで指示されるグラデーションバー６６の中間位置とを分岐点とし、グラデーションバー６６で設定される分岐点の個数を表わす分岐点数表示部６２と、この分岐点の個数を増減する（即ち、中間部指示体６７Ｉなどを追加，削減する）ための分岐点増減部６３と、分岐点、即ち、左端側指示体６７Ｌと右端側指示体６７Ｒと中間部指示体６７Ｉとのうちの、選択された指示体６７のグラデーションバー６６上での位置をパーセント（％）で表わす選択分岐点位置表示部６４とからなるものである。ここでは、中間部指示体６７Ｉが選択された指示体６７とし、この中間部指示体６７Ｉがグラデーションバー６６の５０％の位置にあるものとしており、これ故、選択分岐点位置表示部６４には、「５０％」が表示されている。なお、選択分岐点位置表示部６４では、同じ指示体６７が選択されている限り、この指示体６７の位置を表わすパーセント（％）が表示される。グラデーションバー６６での２個以上の指示体６７は、そのいずれか１つが選択されており、従って、選択分岐点位置表示部６４では、常時選択された指示体６７の位置が表示されている。
【０２６７】
なお、選択された指示体６７には、これを囲むようにして所定の色（例えば、青色）の選択枠６８が付けられている。ここでは、中間部指示体６７Ｉが選択されているものとしている。
【０２６８】
分岐点の個数は最小２個であって、１個または０個とはすることができず、分岐点数表示部６２で表示される数値は「２」以上である。また、分岐点数表示部６２では、「▼」をカーソル１１（図示せず）で押下操作することにより、分岐点（即ち、指示体６７）の一連の個数を表わすプルダウンメニューが展開され、このうちの１つを選択することにより、その個数の分岐点（指示体６７）がグラデーションバー６６に沿って表示されることになる。
【０２６９】
また、いずれの指示体６７も、カーソル１１を用いた操作により、グラデーションバー６６に沿って移動させることができるが、この場合でも、その移動する指示体６７が指示するグラデーションバー６６上での位置の色は変化しない。従って、例えば、中間部指示体６７Ｉを移動させると、グラデーションバー６６上でのこの中間部指示体６７Ｉに対して設定された色が同様にグラデーションバー６６上を移動することになる。この結果、この中間部指示体６７Ｉと左端側指示体６７Ｌ，右端側指示体６７Ｒとの間の色（グレーも含む）のグラデーションの傾向が変化する。例えば、中間部指示体６７Ｉを左端側指示体６７Ｌに近づけると、この左端側指示体６７Ｌから中間部指示体６７Ｉへの色（グレーを含む）のグラデーション（色の変化）が急激となり、また、このとき、中間部指示体６７Ｉが右端側指示体６７Ｒから離れるので、中間部指示体６７Ｉから右端側指示体６７Ｒへの色（グレーを含む）のグラデーションが緩やかとなる。
【０２７０】
次に、グラデーション分岐点設定部６１の分岐点増減部６３の操作について、図３４により説明する。なお、同図において、６７Ｉａは中間指示体、６３ａは「＋」ボタン、６３ｂは「−」ボタンであり、図３３に対応する部分には同一符号をつけて重複する説明を省略する。
【０２７１】
分岐点増減部６３は、「＋」ボタン６３ａと「−」ボタン６３ｂとからなり、「＋」ボタン６３ａはグラデーションバー６６で中間指示体を増加させるためのものであり、カーソル１１での押下操作毎に１つずつ中間指示体を増加させる。また、「−」ボタン６３ａはグラデーションバー６６で中間指示体を減少させるためのものであり、カーソル１１での押下操作毎に１つずつ中間指示体を減少させる。
【０２７２】
図３４（ａ）は「＋」ボタン６３ａの操作を示すものであって、その（イ）は図３３と同じ中間部指示体６７Ｉが選択されている状態を示すものである。かかる状態で「＋」ボタン６３ａがカーソル１１による押下操作されると、図３４（ａ）・（ロ）に示すように、選択されていた中間指示体６７Ｉとこれより右側の指示体、ここでは、右端側指示体６７Ｒとの中間位置に、新たな中間指示体６７Ｉａが追加表示される。ここで、図３４と同様、中間指示体６７Ｉのグラデーションバー６６上での位置を「５０％」の位置とすると（この場合、選択分岐点位置表示部６４では、この「５０％」が表示されている）、中間指示体６７Ｉと右端側指示体６７Ｒとの間の中間の「７５％」の位置にこの新たな中間指示体６７Ｉａが選択された状態（従って、中間指示体６７Ｉに代わって選択枠６８が付された状態）で表示されていることになる。また、選択分岐点位置表示部６４では、選択されているこの新たな中間指示体６７Ｉａの位置を表わす「７５％」が表示される。また、指示体６７が１つ増加したことになるから、分岐点数表示部６２での表示は、値「３」から値「４」に変更される。
【０２７３】
このように、分岐点増減部６３で「＋」ボタン６３ａを操作すると、その操作毎に１つずつ中間指示体６７Ｉが追加されていく。このときの追加位置としては、そのとき選択されている中間指示体６７Ｉとその右隣りの指示体６７との中間の位置となる。そこで、図３４（ａ）・（ロ）の状態で「＋」ボタン６３ａが操作されると、このとき選択されている中間指示体６７Ｉａとその右隣りの右端側指示体６７Ｒとの中間位置に新たな中間指示体６７Ｉが追加される。この位置は「８３％」（端数切上げ）となり、この新たな中間指示体６７Ｉが選択状態となって、選択分岐点位置表示部６４にこの位置の「８３％」が表示されることになる。
【０２７４】
このように、追加された中間指示体６７Ｉａについても、これを選択枠６８が付された選択状態とし、グレースケール４１やカラーパレット４２でグレーや色を選択することにより、グラデーションバー６６のこの中間指示体６７Ｉａの位置にこの選択された色（グレーも含む）を設定することができる。従って、図３４（ａ）・（ロ）に示す状態では、中間指示体６７Ｉの位置と中間指示体６７Ｉａの位置との間や中間指示体６７Ｉａの位置と右端側指示体６７Ｒの位置との間で、中間指示体６７Ｉａの位置に設定された色（グレーを含む）からのグラデーションが設定されることになる。
【０２７５】
なお、選択された指示体６７が右端側指示体６７Ｒの場合には、その右隣りの指示体６７は存在しないから、このとき「＋」ボタン６３ａが操作されても、新たな中間指示体６７Ｉは追加されない。即ち、このときには、「＋」ボタン６３ａは不活性の状態に設定されている。
【０２７６】
また、ここでは、分岐点増減部６３の「＋」ボタン６３ａが操作されると、このとき選択されている中間指示体６７Ｉａとその右隣りの指示体６７との間の位置に新たな中間指示体６７Ｉが追加されるとしたが、選択されている中間指示体６７Ｉａとその左隣りの指示体６７との間の位置に新たな中間指示体６７Ｉが追加されるようにしてもよい。但し、この場合には、選択された指示体６７が左端側指示体６７Ｌであるときには、それより左隣りの指示体６７は存在しないから、「＋」ボタン６３ａは不活性となる。
【０２７７】
図３４（ｂ）は「−」ボタン６３ｂの操作を示すものであって、その（イ）は図３３と同じ状態で右側指示体６７Ｒが選択されている状態を示すものである。かかる状態で「−」ボタン６３ｂがカーソル１１による押下操作されると、図３４（ｂ）・（ロ）に示すように、この選択されていた右端側指示体６７Ｒが削除され、この削除された指示体６７、即ち、右端側指示体６７Ｒの左隣りの指示体６７、ここでは、中間指示体６７Ｉが選択された状態となる。従って、この中間指示体６７Ｉに選択枠６８が付されるとともに、選択分岐点位置表示部６４では、この新たに選択された中間指示体６７Ｉの位置である「５０％」が表示されることになる。また、指示体６７が１つ減少したことになるから、分岐点数表示部６２での表示は、値「３」から値「２」に変更される。
【０２７８】
左端側指示体６７Ｌが選択されて「−」ボタン６３ｂが操作された場合も同様であって、左端側指示体６７Ｌが削除されるし、また、中間指示体６７Ｉが選択された「−」ボタン６３ｂが操作された場合も、同様に、この中間指示体６７Ｉが削除される。
【０２７９】
なお、グラデーションバー６６での指示体６７が左端側指示体６７Ｌと右端側指示体６７Ｒの２個の指示体６７だけになるということは、左端側指示体６７Ｌで設定された色から右端側指示体６７Ｒで設定された色までのグラデーション（色（グレーも含む）の変化）が設定されており、該当する要素のエリアでは、その一方の端側から他方の端までグラデーション角度設定部６０で設定された角度でかかるグラデーションが設定されることになるが、図３４（ｂ）・（ロ）に示すように、２つの指示体６７が左端側指示体６７Ｌと中間指示体６７Ｉである場合には、左端側指示体６７Ｌで設定された色から個の中間指示体６７Ｉまでのグラデーションが、該当する要素のエリアでの一方の端側から他方の端までグラデーション角度設定部６０で設定された角度で、設定されることになる。
【０２８０】
また、グラデーションバー６６で設定されている指示体６７の個数が２個であるときには（このとき、分岐点数表示部６２での表示は、値「２」）、これ以上指示体６７を減少させることができないことから、分岐点増減部６３の「−」ボタン６３ｂは不活性となり、カーソル１１で押下操作しても、応答はない。
【０２８１】
以上のように、分岐点増減部６３を操作することにより、分岐指示体６７Ｉの追加や削除をすることができ、要素のエリアに設定する色（グレーも含む）のグラデーションの態様を適宜設定することが可能となる。
【０２８２】
次に、図３３での中間指示体６７Ｉの操作について、図３５により説明する。なお、同図においては、図３４に対応する部分には同一符号をつけて重複する説明を省略する。
【０２８３】
図３５（ａ）は図３４（ａ）・（ロ）と同様の状態を示すものであって、「＋」ボタン６３ａの操作を示すものであって、図３３に示す状態で、中間指示体６７Ｉと右端側指示体６７Ｒとの間に中間指示体６７Ｉａが追加され、グラデーションバー６６でのこの中間指示体６７Ｉａの位置に、グレースケール４１やカラーパレット４２で所望の色（グレーを含む）が設定されているものとする。
【０２８４】
かかる状態で、この中間指示体６７Ｉａを選択枠６８が付された選択状態として、カーソル１１（図示せず）の移動操作を行なうと、この中間指示体６７Ｉａをグラデーションバー６６に沿って移動させることができる。いま、矢印で示す左端側指示体６７Ｌの方向に移動操作すると、この中間指示体６７Ｉａが移動するが、その移動は他の中間指示体６７Ｉによって影響されることがなく、図３５（ｂ）に示すように、この中間指示体６７Ｉを越えてこの中間指示体６７Ｉよりも左端側指示体６７Ｌ側に移動させることができる。ここでは、グラデーションバー６６の「７５％」の位置から中間指示体６７Ｉの「５０％」を越えて「３０％」の位置まで移動させたものとしており、このとき、選択分岐点位置表示部６４では、この中間指示体６７Ｉａの位置を示す「３０％」が表示される。中間指示体６７Ｉａの移動は、右端側指示体６７Ｒへの上記とは反対方向についても同様である。但し、右端側指示体６７Ｒや左端側指示体６７Ｌの位置には、移動させることができない。
【０２８５】
このようにして、中間指示体６７ａの位置を、グラデーションバー６６内で任意に変更させることができ、これによって要素での色（グレーも含む）のグラテーションの態様を任意に設定できることになる。
【０２８６】
図３６は本発明によるコンテンツ画面の色カスタマイズ方法の第３の実施形態における図８に示すような色カスタマイズ操作画面で展開されるカラーセレクタの一具体例を示す図であって、４０”はカラーセレクタ、４６’は彩度指定部、４６ａ’は彩度表示バー、４６ｂ’は彩度指定スライダ、４６ｃ’は選択彩度値表示ボックス、４７’は透明度指定部、４７ａ’は透明度表示バー、４７ｂ’は透明度指定スライダ、４７ｃ’は選択透明度表示ボックスであり、図２２に対応する部分には同一符号をつけて重複する説明を省略する。
【０２８７】
同図において、この具体例のカラーセレクタ４０”は、図２２に示すカラーセレクタ４０とは、「単色」タブ２９において、彩度指定部４６’，透明度指定部４７’が夫々彩度指定部４６，透明度指定部４７と異なるものであり、グレースケール４１，カラーパレット４２及び輝度指定部（なお、この具体例では、以下、明るさ指定部ということにする）４５は、図２２に示すカラーセレクタ４０でグレースケール４１，カラーパレット４２及び輝度指定部４５と同様である。
【０２８８】
彩度指定部４６’は、グレースケール４１や色相指定部４４よりも上側に配置されており、彩度表示バー４６ａ’，彩度指定スライダ４６ｂ’及び選択彩度値表示ボックス４６ｃ’とからなり、図２２における彩度指定部４６での彩度表示バー４６ａに彩度値に応じた彩度の色が表示されているが、この彩度指定部４６’での彩度表示バー４６ａ’は、図示するように、横長の細いバー（棒）状をなし、このバーの位置が彩度値に対応するようにしている。ここでは、図２２での彩度表示バー４６と同様、この彩度表示バー４６ａ’の左端部が「０」の最小彩度値であり、右端部が「２５５」の最大彩度値である。この彩度表示バー４６ａ’での彩度値は彩度指定スライダ４６ｂ’によって選択され、この彩度指定スライダ４６ｂ’を彩度表示バー４６ａ’に沿って移動操作することにより、選択する彩度値を変化させることができる。
【０２８９】
図２２に示す彩度指定部４６での彩度表示バー４６ａのように、そこに彩度に応じた色を表示すると、感覚的にこの彩度表示バー４６ａで表示される選択された彩度とこれによって実際に要素で表われる彩度とが異なるように見える場合もあり、ユーザを混乱させてしまう場合もある。この具体例では、これを回避可能とするものとして、色を表現しない細いバー状に彩度表示バー４６ａ’を表わすものである。
【０２９０】
なお、この彩度指定部４６’での選択彩度値表示ボックス４６ｃ’は、図２２に示すカラーセレクタ４０における彩度指定部４６での選択彩度値表示ボックス４６ｃと同様、彩度表示バー４６ａ’で彩度指定スライダ４６ｂ’によって選択された彩度値が表示されるものであるが、図２２に示すカラーセレクタ４０における彩度指定部４６での選択彩度値表示ボックス４６ｃでは、これに表示される対象（選択された彩度値）を明示するために、彩度を表わす符号「Ｓ」でもって「Ｓ：」と表示したが、この具体例では、表示される対象をより明確にするために、選択彩度値表示ボックス４６ｃには、その標題として、表示される対象の名称を表わす、例えば、「鮮やかさ：」を表示するものである。
【０２９１】
このように、この具体例では、彩度指定部４６’を他の指定部よりも上側に、即ち、一番上側に配置しており、これにより、ユーザがカラーセレクタ４０”を操作するときに、まずはこの彩度指定部４６’に着目するようにしている。通常、彩度値が値「０」である場合には、他の指定部を操作しても、グレーのままであって、そのことに気が付かずに色相や輝度ばかりを繰り返し操作するようになる場合があるが、このように、彩度指定部４６’を他の指定部よりも上側に配置することにより、ユーザがこの彩度指定部４６’に注目する可能性が高くなり、はじめに彩度の選択を行なうことを促して、彩度が色相や輝度と同程度の操作の対象となり得て色の選択が容易となる。
【０２９２】
また、選択彩度値表示ボックス４６ｃ’に選択操作対象の名称が表示されるので、彩度指定部４６’が色の彩度、即ち、鮮やかさを調整するためのものであることが簡単に把握でき、色（グレーも含む）の選択に彩度指定部４６’も、色相指定部４４や輝度指定部４２と同程度に、扱われることになる。
【０２９３】
透明度指定部４７’も、彩度指定部４６’のように、透明度表示バー４７ａ’，透明度指定スライダ４７ｂ’及び選択透明度値表示ボックス４７ｃ’とからなり、図２２における透明度指定部４７での透明度表示バー４７ａに透明度に応じた透明度の色が表示されているが、この透明度指定部４７’での透明度表示バー４７ａ’は、図示するように、横長の細いバー（棒）状をなし、このバーの位置が透明度に対応するようにしている。ここでは、図２２での透明度表示バー４７ａと同様、この透明度表示バー４７ａ’の左端部が「０」の最小透明度であり、右端部が「２５５」の最大透明度である。この透明度表示バー４７ａ’での透明度は透明度指定スライダ４７ｂ’によって選択され、この透明度指定スライダ４７ｂ’を透明度表示バー４７ａ’に沿って移動操作することにより、選択する透明度を変化させることができる。
【０２９４】
また、透明度指定部４７’も透明度指定部４６’と同様であって、図２２に示す透明度指定部４７での透明度表示バー４７ａのように、そこに透明度に応じた色を表示すると、感覚的にこの透明度表示バー４７ａで表示される選択された透明度とこれによって実際に要素で表われる透明度とが異なるように見える場合もあり、ユーザを混乱させてしまう場合もある。この具体例では、これを回避可能とするものとして、色を表現しない細いバー状に透明度表示バー４７ａ’を表わすものである。
【０２９５】
なお、この透明度指定部４７’での選択透明度値表示ボックス４７ｃ’でも、図２２に示すカラーセレクタ４０における透明度指定部４７での選択透明度表示ボックス４７ｃと同様、透明度表示バー４７ａ’で透明度指定スライダ４７ｂ’によって選択された透明度が表示されるものであるが、彩度指定部４６’と同様、図２２での選択透明度表示ボックス４７ｃで標題としての透明度を表わす符号「α」の代わりに、この具体例では、表示される対象をより明確にするために、選択透明度値表示ボックス４７ｃ’には、その標題として、表示される対象の名称を表わす、例えば、「透明度：」を表示するものである。
【０２９６】
この具体例のカラーセレクタ４０”の「単色」タブ２９では、以上の点が図２２に示すカラーセレクタ４０での「単色」タブ２９と異なるものであり、この具体例のグレースケール４１やカラーパレット４２，色相指定部４４は図２２に示すカラーセレクタ４０での「単色」タブ２９のグレースケール４１やカラーパレット４２，色相指定部４４である。但し、色相指定部４４での選択色相値表示ボックス４４ｄや輝度指定部４５での選択輝度値表示ボックス４５ｄでは、上記の選択彩度値表示ボックス４６ｃ’や選択透明度値表示ボックス４７ｃ’と同様に、その表示対象の名称が、例えば、図示するように、「色合い」や「明るさ」といった表現で表示される。
【０２９７】
以上の点以外の点については、先の実施形態と同様である。例えば、色相指定部４４や輝度指定部４５として、図２４に示す構成の色相指定スライダ４４ｂ’，輝度指定スライダ４５ｂ’を用いることができるものであるし、図２８（ａ），（ｂ），図２９〜図３２に示す表示も行なわれるものである。
【０２９８】
また、「グラデーション」タブ３０についても、同様であって、例えば、図３３に示す「グラデーション」タブ３０において、グレースケール４１やカラーパレット４２，色相指定部４４，彩度指定部４６，透明度指定部４７を、図３６に示すグレースケール４１やカラーパレット４２，色相指定部４４，彩度指定部４６’，透明度指定部４７’の構成とするものである。
【符号の説明】
【０２９９】
１  表示画面
２  コンテンツ画面
３  「色カスタマイズモード設定」ボタン
４  コンテンツデータ表示エリア
５  操作ボタン
５1  「重要度変更」ボタン
５2  「期限変更」ボタン
５3  「担当者変更」ボタン
５4  「ステータス変更」ボタン
５5  プルダウンメニュー
５ａ  ボタンの文字
５ｂ  ボタンの背景
５ｃ  ボタンの枠線
６  レイアウト（背景）
６ａ，６ｂ  文字
７  タブパネル
７ａ  タブパネルの文字
７ｂ  タブパネルの背景
８  テキスト
９  チェックボックス
１０  テキスボックス
１１  カーソル
１２  選択画面
１３  テキスト
１４  「ＯＫ」ボタン
１５  「キャンセル」ボタン
１６  押下部品エリア
１７，１７ａ  色カスタマイズ操作画面
１８  カラーセレクタ表示画面
１９，１９1〜１９3  「ボタン」のカラーセレクタ表示エリア
１９ａ〜１９ｃ  カラーセレクタ
２０  「レイアウト」のカラーセレクタ表示エリア
２０ａ〜２０ｃ  カラーセレクタ
２１  「選択色表示」欄
２１ａ  設定色表示部
２１ｂ  設定グラデーション表示部
２１ｃ  色の名称
２１ｄ  メッセージ
２２  「選択色の候補表示」ボタン
２３  「クリア」ボタン
２４  プレビューエリア
２５  スクロール操作部
２６  「ＯＫ」ボタン
２７  「キャンセル」ボタン
２８  「全クリア」ボタン
２９  「単色」タブ
２９ａ  不透明度指定部
２９ｂ  色相表示欄
２９ｃ  カラーパレット
２９ｄ1  色相指定部
２９ｄ2  濃度指定部
２９ｅ1，２９ｅ2  スライダ
３０  「グラデーション」タブ
３０ａ  不透明度表示欄
３０ｂ  色種別欄
３０ｃ  カラーパレット
３０ｄ1  色相指定部
３０ｄ2  濃度指定部
３０ｅ1，３０ｅ2  スライダ
３０ｆ  グラデーション設定部
３０ｆ1  グラデーションバー
３０ｆ2，３０ｆ3  端部マーク
３０ｆ4  色相／濃度指示マーク
３０ｇ  グラデーション方向設定欄
３１ａ  「×」マーク
３１ｂ  「／」マーク
３２  選択画面
３３  テキスト
３４  「  い」ボタン
３５  「いいえ」ボタン
３６  カーソル
３７  ドラッグエリア
３８  色カスタマイズ操作画面
４０，４０’，４０”，４０ａ〜４０ｅ，４０Ｂ，
４０Ｂ’，４０Ｃ，４０Ｃ’４０Ｆ  カラーセレクタ
４１  グレースケール
４１ａ  グレーセル
４２  カラーパレット
４３  色セル
４３ａ  中心位置色セル
４３’  不活性の色セル
４４  色相指定部
４４ａ  色相表示バー
４４ｂ，４４ｂ’  色相指定スライダ
４４ｂ1  ベーススライダ
４４ｂ2  下側境界変更用スライダ
４４ｂ3  上側境界変更用スライダ
４４ｃ  色相指定範囲
４４ｃU  上側境界線
４４ｃD  下側境界線
４４ｄ  選択色相値表示ボックス
４４ｄ1  下側境界選択色相値表示ボックス
４４ｄ2  上側境界選択色相値表示ボックス
４５  輝度指定部
４５ａ  輝度表示バー
４５ｂ，４５ｂ’  輝度指定スライダ
４５ｂ1  ベーススライダ
４５ｂ2  下（左）側境界変更用スライダ
４５ｂ3  上（右）側境界変更用スライダ
４５ｃ  輝度指定範囲
４５ｃU  上側境界線
４５ｃD  下側境界線
４５ｄ  選択輝度値表示ボックス
４５ｄ1  下（左）側境界選択輝度値表示ボックス
４５ｄ2  上（右）側境界選択輝度値表示ボックス
４６，４６’  彩度指定部
４６ａ，４６ａ’  彩度表示バー
４６ｂ，４６ｂ’  彩度指定スライダ
４６ｃ，４６ｃ’  選択彩度値表示ボックス
４７，４７’  透明度指定部
４７ａ，４７ａ’  透明度表示バー
４７ｂ，４７ｂ’  透明度指定スライダ
４７ｃ，４７ｃ’  選択透明度表示ボックス
４８  中心セル枠
４９  選択セル枠
５０  対象要素色表示エリア
５１  背景色表示エリア
５２  指示画面
５３  メッセージ
５４  「ＯＫ」ボタン
５５  「×」ボタン
５６1〜５６5  カラーセル横列
５７1〜５７5  カラーセル縦列
５８1〜５８3  選択不可エリア
６０  グラデーション角度設定部
６１  グラデーション分岐点設定部
６２  分岐点数表示部
６３ａ  「＋」ボタン
６３ｂ  「−」ボタン
６４  選択分岐点位置表示部
６５  グラデーション表示部
６６  グラデーションバー
６７Ｌ  左端側指示体
６７Ｒ  右端側指示体
６７Ｉ  中間部指示体
６８  選択枠
【図２】
2011160030.tif 000003
【図３】
2011160030.tif 000004
【図２２】
2011160030.tif 000005
【図２３】
2011160030.tif 000006
【図２４】
2011160030.tif 000007
【図２５】
2011160030.tif 000008
【図２６】
2011160030.tif 000009
【図２７】
2011160030.tif 000010
【図２８（ａ）】
2011160030.tif 000011
【図２８（ｂ）】
2011160030.tif 000012
【図２９】
2011160030.tif 000013
【図３０】
2011160030.tif 000014
【図３１】
2011160030.tif 000015
【図３２】
2011160030.tif 000016
【図３３】
2011160030.tif 000017
【図３４】
2011160030.tif 000018
【図３５】
2011160030.tif 000019
【図３６】
2011160030.tif 000020
【図１】
2011160030.tif 000021
【図４】
2011160030.tif 000022
【図５】
2011160030.tif 000023
【図６】
2011160030.tif 000024
【図７】
2011160030.tif 000025
【図８】
2011160030.tif 000026
【図９】
2011160030.tif 000027
【図１０】
2011160030.tif 000028
【図１１】
2011160030.tif 000029
【図１２】
2011160030.tif 000030
【図１３】
2011160030.tif 000031
【図１４】
2011160030.tif 000032
【図１５】
2011160030.tif 000033
【図１６（ａ）】
2011160030.tif 000034
【図１６（ｂ）】
2011160030.tif 000035
【図１７】
2011160030.tif 000036
【図１８】
2011160030.tif 000037
【図１９】
2011160030.tif 000038
【図２０】
2011160030.tif 000039
【図２１】
2011160030.tif 000040