JP5096997B2

JP5096997B2 - 類似配色生成装置、類似配色生成方法、類似配色生成プログラム

Info

Publication number: JP5096997B2
Application number: JP2008117969A
Authority: JP
Inventors: 晴美齋藤; 昌洋渡辺
Original assignee: Nippon Telegraph and Telephone Corp
Current assignee: Nippon Telegraph and Telephone Corp
Priority date: 2008-04-30
Filing date: 2008-04-30
Publication date: 2012-12-12
Anticipated expiration: 2028-04-30
Also published as: JP2009268000A

Description

本発明は、パーソナルコンピュータ（ＰｅｒｓｏｎａｌＣｏｍｐｕｔｅｒ：以下、ＰＣとする。）用に配信される文書及びこれに関連する画像の配色を利用して、類似した配色を持つ文書をモバイル端末用に作成して配信する技術に関する。

現在はインターネットにアクセスするための端末の種類が多岐に渡っており、特に、携帯電話など、いわゆるモバイル端末と呼ばれるインタフェースからのインターネット利用数が年々増加している。

そのような状況に対応して、例えばブログ（Ｂｌｏｇ）や「ｍｉｘｉ」に代表されるソーシャル・ネットワークキング・サービス（ＳｏｃｉａｌＮｅｔｗｏｒｋｉｎｇＳｅｒｖｉｃｅ：ＳＮＳ）のように、通常はＰＣ端末上のブラウザで閲覧・書き込みが行われるＰＣ用のウェブサイトにおいても、同一のコンテンツをモバイル端末向けに配信するようなサービスが増えてきている。

ここではＰＣ用のウェブサイトで書き込まれるコンテンツと、配色等のデザインを個々に管理し、コンテンツのみをモバイル端末に配信することで、画面が小さく、かつ読み込めるファイルサイズに制限があるモバイル端末でも、ＰＣ用のウェブサイトと同じコンテンツを閲覧することができるようになっている。

そして、ブログやソーシャル・ネットワークキング・サービスでは、各々のユーザがオリジナリティのあるページを持つことができるよう、ページのデザインを選択、あるいは作成できるサービスが提供されている。
財団法人日本色研究所（編），日本色研事業株式会社（発行）："カラーコーディネータのための色科学入門"，６・３・２ＣＩＥ均等知覚色空間，Ｐ６０〜Ｐ６２

しかしながら、ＰＣ用のページのデザインテンプレート量は非常に多いにも関わらず、モバイル端末用のページはそれらのデザインに対応していない。すなわち、モバイル端末用のデザインテンプレートが提供されていても、それらはＰＣ用のデザインと連動していないことが多く、また、ＰＣ用とモバイル用とで個々にユーザが選択しなければならず、手間がかかってしまう。

また、現状ではユーザがＰＣ用のページでオリジナルのデザインを適用させてしまうと、モバイル端末用のページではそのデザインに対応できない。したがって、ＰＣ用のページと、モバイル端末で閲覧するページで、デザインや印象を統一することが望まれている。

さらに、モバイル端末用のウェブサイトを新たに作成する際にも、もともとあったＰＣ用のウェブサイトの印象を保ったデザインで作成することが多い。ところが、現状ではＰＣ用のウェブサイトのデザインに使用される画像のサイズが大きすぎたり、モバイル端末でスタイルシートに対応していなかったりするため、ＰＣ用のウェブサイトのデザインを参考にして、モバイル端末用のウェブサイト用の新しいデザインを作成しなければならない。

そこで、本発明は、ＰＣ用のウェブサイトのデザインと連動し、自動的に同じ印象の配色を持ったモバイル端末用のページを作成して配信することを解決課題としている。

本発明は、前記課題を解決すべく創作された技術的思想であって、ユーザが要求した時点でＰＣ用のウェブサイトのデザインを反映したモバイル端末用のページを自動的に作成し、ユーザに提示させている。このとき本発明は、ＰＣ用のウェッブサイトに施された配色の傾向を整理し、文字や罫線などの記述要素の優先順位に従ってモバイル端末用のページの配色を強調させている。

（１）具合的には、請求項１記載の類似配色生成装置に係る発明は、クライアント装置から取得を要求されたコンテンツサーバ上の対象文書および該対象文書に関連する対象画像の配色を利用して、類似した配色の文書を前記クライアント装置用に作成する類似配色生成装置であって、前記コンテンツサーバからネットワーク経由で取得した前記対象文書および前記対象画像に施された配色の特徴量を抽出する特徴量抽出手段と、前記特徴量抽出手段で抽出された前記対象文書および前記対象画像の特徴量を統合整理する特徴量統合手段と、前記クライアント装置用の文書に記述される各要素の順位情報が保存された要素データベースと、前記特徴量統合手段の統合整理した情報および前記要素データベースの保存情報に基づき前記クライアント装置用の文書に施される配色を決定する表示形式決定手段と、前記表示形式決定手段の決定に従って前記クライアント装置用の文書を作成する文書作成手段と、を備え、前記特徴量抽出手段は、前記対象文書に記述された各要素の色を前記対象文書の特徴量として抽出する文書特徴量抽出手段と、前記対象画像内に含まれる色の情報および色面積を前記対象画像の特徴量として抽出する画像特徴量抽出手段と、を備え、前記特徴量統合手段は、前記文書特徴量抽出手段の抽出した各要素の色について明度を基準に分類するとともに、前記画像特徴量抽出手段の抽出した色の情報について明度と色面積とを基準に分類し、前記要素データベースには、前記クライアント装置用の文書に記述される各要素の背景に対する明度差に基づく強調度を基準に定めた前記順位情報が格納され、前記表示形式決定手段は、前記要素データベースに格納された各順位の要素を、前記特徴量統合手段で分類された色の明度と面積の分類から優先される配色に定めて前記クライアント装置用の文書に施される配色を決定し、前記文書作成手段の作成した文書をネットワーク経由で前記クライアント装置に送信することを特徴としている。

請求項２記載の類似配色装置に係る発明は、前記表示形式決定手段は、前記要素データベースに格納された各順位の要素を、明度を第１に優先し、面積を第２に優先して前記クライアント装置用の文書に施される配色を決定することを特徴としている。

請求項３記載の類似配色生成装置に係る発明は、クライアント装置から取得を要求されたコンテンツサーバ上の対象文書および該対象文書に関連する対象画像の配色を利用して、類似した配色の文書を前記クライアント装置用に作成する類似配色生成装置であって、前記コンテンツサーバからネットワーク経由で取得した前記対象文書および前記対象画像に施された配色の特徴量を抽出する特徴量抽出手段と、前記特徴量抽出手段で抽出された前記対象文書および前記対象画像の特徴量を統合整理する特徴量統合手段と、前記クライアント装置用の文書に記述される各要素の順位情報が保存された要素データベースと、前記特徴量統合手段の統合整理した情報および前記要素データベースの保存情報に基づき前記クライアント装置用の文書に施される配色を決定する表示形式決定手段と、前記表示形式決定手段の決定に従って前記クライアント装置用の文書を作成する文書作成手段と、を備え、前記特徴量抽出手段は、前記対象文書に記述された各要素の色を前記対象文書の特徴量として抽出する文書特徴量抽出手段と、前記対象画像内に含まれる色の情報および色面積を前記対象画像の特徴量として抽出する画像特徴量抽出手段と、を備え、前記特徴量統合手段は、前記画像特徴量抽出手段の抽出した色の情報について明度と色面積とを基準に分類する一方、前記文書特徴量抽出手段の抽出した各要素の色について明度を基準に分類し、前記画像特徴量抽出手段の抽出した色の情報と同じ明度分類であれば該明度分類内において彩度で順位付けし、前記要素データベースには、前記クライアント装置用の文書に記述される各要素の重要度を基準に定めた前記順位情報が保存され、前記表示形式決定手段は、前記要素データベースに格納された各順位の要素を、前記特徴量統合手段で分類された色の面積毎に明度に応じた順位の色に定めて前記クライアント装置用の文書に施される配色を決定し、前記文書作成手段の作成した文書をネットワーク経由で前記クライアント装置に送信することを特徴としている。

請求項４記載の類似配色生成装置に係る発明は、前記表示形式決定手段は、前記要素データベースに格納された各順位の要素を、面積を第１に優先し、明度を第２に優先して前記クライアント装置用の文書に施される配色を決定することを特徴としている。

請求項５記載の類似配色生成方法に係る発明は、クライアント装置から取得を要求されたコンテンツサーバ上の対象文書および該対象文書に関連する対象画像の配色を利用して、類似した配色の文書を前記クライアント装置用に類似配色生成装置をもって生成する方法であって、特徴量抽出手段が、前記コンテンツサーバからネットワーク経由で取得した前記対象文書および前記対象画像に施された配色の特徴量を抽出する第１ステップと、特徴量統合手段が、前記第１ステップで抽出された前記対象文書および前記対象画像の特徴量を統合整理する第２ステップと、要素データベースに、前記クライアント装置用に生成される文書に記述される各要素の順位情報を保存する第３ステップと、表示形式決定手段が、前記第２ステップで統合整理した情報および前記第３ステップで保存した情報に基づき前記クライアント装置用の文書に施される配色を決定する第４ステップと、文書作成手段が、前記第４ステップの決定に従って前記クライアント装置用の文書を作成する第５ステップと、前記第５ステップで作成した文書を、ネットワーク経由で前記クライアント装置に送信する第６ステップと、を有し、前記第１ステップは、前記対象文書に記述された各要素の色を前記対象文書の特徴量として抽出する文書特徴量抽出ステップと、前記対象画像内に含まれる色の情報および色面積を前記対象画像の特徴量として抽出する画像特徴量抽出ステップと、を有し、前記第２ステップは、前記文書特徴量抽出ステップで抽出した各要素の色について明度を基準に分類するステップと、前記画像特徴量抽出ステップで抽出した色の情報について明度と色面積とを基準に分類するステップと、を有し、前記第３ステップは、前記クライアント装置用の文書に記述される各要素の背景に対する明度差に基づく強調度を基準に定められた前記順位情報を、前記要素データベースに保存し、前記第４ステップは、前記要素データベースに格納された各順位の要素を、前記第２ステップで分類された色の明度と面積の分類から優先される配色に定めて前記クライアント装置用の文書に施される配色を決定することを特徴としている。

請求項６記載の類似配色生成方法に係る発明は、前記第４ステップは、前記要素データベースに格納された各順位の要素を、明度を第１に優先し、面積を第２に優先して前記クライアント装置用の文書に施される配色を決定することを特徴としている。

請求項７記載の発明は、クライアント装置から取得を要求されたコンテンツサーバ上の対象文書および該対象文書に関連する対象画像の配色を利用して、類似した配色の文書を前記クライアント装置用に類似配色生成装置をもって作成する方法であって、特徴量抽出手段が、前記コンテンツサーバからネットワーク経由で取得した前記対象文書および前記対象画像に施された配色の特徴量を抽出する第１ステップと、特徴量統合手段が、前記第１ステップで抽出された前記対象文書および前記対象画像の特徴量を統合整理する第２ステップと、要素データベースに、前記クライアント装置用に生成される文書に記述される各要素の順位情報を保存する第３ステップと、表示形式決定手段が、前記第２ステップで統合整理した情報および前記第３ステップで保存した情報に基づき前記クライアント装置用の文書に施される配色を決定する第４ステップと、
文書作成手段が、前記第４ステップの決定に従って前記クライアント装置用の文書を作成する第５ステップと、前記第５ステップで作成した文書を、ネットワーク経由で前記クライアント装置に送信する第６ステップと、を有し、前記第１ステップは、前記対象文書に記述された各要素の色を前記対象文書の特徴量として抽出する文書特徴量抽出ステップと、前記対象画像内に含まれる色の情報および色面積を前記対象画像の特徴量として抽出する画像特徴量抽出ステップと、を有し、前記第２ステップは、前記画像特徴量抽出ステップで抽出した色の情報について明度と色面積とを基準に分類する一方、前記文書特徴量抽出ステップで抽出した各要素の色について明度を基準に分類し、前記画像特徴量抽出手段の抽出した色の情報と同じ明度分類であれば該明度分類内において彩度で順位付けし、前記第３ステップは、前記クライアント装置用の文書に記述される各要素の重要度を基準に定めた前記順位情報を、前記要素データベースに保存し、前記第４ステップは、前記要素データベースに格納された各順位の要素を、前記第２ステップで分類された色の面積毎に明度に応じた順位の色に定めて前記クライアント装置用の文書に施される配色を決定することを特徴としている。

請求項８記載の類似配色生成方法に係る発明は、前記第４ステップは、前記要素データベースに格納された各順位の要素を、面積を第１に優先し、明度を第２に優先して前記クライアント装置用の文書に施される配色を決定することを特徴としている。

請求項９記載の類似配色生成プログラムに係る発明は、請求項１〜４記載の類似配色生成装置としてコンピュータを機能させることを特徴としている。

（２）請求項１〜請求項９記載の発明によれば、コンテンツサーバ上の画像が挿入された文書の配色デザインと同印象のクライアント端末用の文書が自動的に生成されてクライアント端末に送信される。

請求項１〜請求項９記載の発明によれば、ユーザはＰＣ用のウェブサイトと同印象のモバイル端末用ウェブサイトを閲覧することができる。

図１は、本発明の実施形態に係る類似配色生成装置の処理フローを示し、この処理フローの概略を説明すれば、まずクライアントとなる文書閲覧者がＷｅｂサーバ上にある前記類似配色生成装置に対し、コンテンツサーバ上の閲覧したい文書のＵＲＬ（ＵｎｉｆｏｒｍＲｅｓｏｕｒｃｅＬｏｃａｔｏｒ）を指定する（Ｓ１）。

つぎに前記類似配色生成装置は、指定された文書及び文書のデザインに関連するファイルを取得し（Ｓ２）、それぞれのファイルからデザインに関連する特徴量を抽出し（Ｓ３）、該特徴量を整理する（Ｓ４）。そして、整理された特徴量からいくつかを選択して表示形式を決定し（Ｓ５）、該表示形式を反映させた新しいデザインの文書を生成する（Ｓ６）。

この新しいデザインの文書は、ネットワークを介してクライアント装置に送信され（Ｓ７）、該クライアント装置に表示される（Ｓ８）。以下、前記類似配色生成装置の具体的構成・処理を実施例１．２に沿って説明する。

（１）実施例１
図２は、実施例１に係る前記類似配色生成装置ブロック構成図を示し、ここでは前記類似配色生成装置がＷｅｂ上のサーバ装置２−１で実施されている。このサーバ装置２−１は、ネットワークを介してクライアント装置２−２とコンテンツサーバ２−３と接続されている。

サーバ装置２−１は、コンピュータにより構成され、通信部２−１１と文書取得部２−１２と文書特徴量抽出部２−１３と画像取得部２−１４と画像特徴量抽出部２−１５と特徴量統合部２−１６と要素データベース２−１７と表示形式決定部２−１８と文書作成部２−１９とを有している。この通信部２−１１はコンピュータの通信デバイスにより実現され、要素データベース２−１７は内蔵のハードディスクドライブ装置などを用いて構築されている。

また、サーバ装置２−１は、通常のコンピュータの構成要素、例えばＣＰＵ（ＣｅｎｔｒａｌＰｒｏｃｅｓｓｏｒＵｎｉｔ）やメモリなどのハードウェア資源を備え、かかるハードウェア資源とインストール済みのソフトウェアとの協働によって前記各機能部２−１１〜２−１９の処理が実現されている。

クライアント装置２−２は、例えば携帯電話などの小画面のモバイル端末により構成され、通信部２−２１と文書指定部２−２２と表示部２−２３とを有している。この表示部２−２３は、インターネット上の文書を閲覧可能なブラウザであるとする。また、文書指定部２−２２は、コンテンツサーバ２−３上にある文書のＵＲＬを通信部２−２１からネットワークを介してサーバ装置２−１の通信部２−１１に送信するものとする。

コンテンツサーバ２−３は、コンピュータにより構成され、サーバ装置２−１の処理対象となる文書がハードディスクドライブ装置などで構築されたデータベースに蓄積されている。このデータベースには、主にＰＣ用のウェブサイトとして作成されているＨＴＭＬ文書と、そのデザインに関連するＣＳＳファイルや画像ファイルとが蓄積されているものとする。

そして、サーバ装置２−１の通信部２−１１は、クライアント装置２−２の通信部２−２１より送信されたＵＲＬ情報を受信し、指定されたＵＲＬに基づきコンテンツサーバ２−３上にある文書の情報を取得する。ここでは、コンテンツサーバ２−３よりＨＴＭＬ文書が取得されるものとする。

また、取得したＨＴＭＬ文書内に記述されている文書のデザインに関連するファイルも取得するものとする。ここではＨＴＭＬ文書に対し、デザインを定義するＣＳＳ（スタイルシート）ファイルと、デザインに使用されている画像ファイルとを取得するものとする。なお、関連するファイルが存在しない場合は、クライアント装置２−２の通信部２−２１が指定したＨＴＭＬ文書のみを取得するものとする。

具体的には、サーバ装置２−１の通信部２−１１から、テキストで記述される情報、即ちＨＴＭＬ文書及びＣＳＳファイルの情報が文書取得部２−１２に送信される一方、画像ファイルの情報が画像取得部２−１４に送信される。図３の例で示すように、ウェブページを構成するＨＴＭＬ文書及びＣＳＳファイルと、画像ファイルは異なる処理を行う。以下、サーバ装置２−１の各部の処理内容を説明する。

まず、文書取得部２−１２では、通信部２−１１から送られたＨＴＭＬ文書とＣＳＳファイルのうち、ＨＴＭＬ文書のコンテンツ（文書の形式やデザインを決定する「タグ」以外の部分）を取得し、文書作成部２−１９に送信する。一方、ＨＴＭＬ文書のタグとＣＳＳファイルの情報は文書特徴量取得部２−１３に送信される。

文書特徴量抽出部２−１３では、文書取得部２−１２から送信された情報から、文書のデザインに関連する特徴量を抽出する。ここで、特徴量とは色と要素（背景、文字など）の組み合わせであるとし、ここでは背景、文字の２種類を抽出するものとする。抽出方法として、文字の色を抽出する場合はＨＴＭＬ文書の「ｆｏｎｔ」タグを抽出し、＜ｆｏｎｔ^*＞と＜／ｆｏｎｔ＞の中に記述されている１６進数の色表示（例：＃ＦＦＦＦＦＦ＝白）を抽出する。背景の場合はＨＴＭＬ文書の「ｂｇ」タグを抽出し、「ｂｇ」タグの中にある１６進数を抽出することで色の情報を抽出する。なお、色の情報がＨＴＭＬ文書に全く記述されていなかった場合はＣＳＳファイルより抽出するものとする。ＣＳＳファイルがなく、ＨＴＭＬ文書からも背景及び文字の色情報が取得できなかった場合は、背景色を白色、文字色を黒色と置き換えるものとする。抽出した情報は特徴量統合部２−１６に送られる。

一方、画像取得部２−１４は、通信部２−１１から送られた画像ファイルの情報を画像特徴量抽出部２−１５に送信する。画像ファイルが複数ある場合は全てを送信する。

画像特徴量抽出部２−１５は、画像取得部２−１４から送信された画像ファイルに含まれる特徴量を抽出する。ここでの特徴量とは、画像内に含まれる色の情報、及び、文書に関連する全ての画像について、ある色が存在する割合とする。なお、割合が高い場合、その色が多く分布すると考えられることから、面積が広いとみなし、以降、色の分布割合を面積と呼ぶものとする。

まず、画像を構成する全てのピクセルについて、ＲＧＢ値（赤成分Ｒ，緑成分Ｇ，青成分Ｂ）を取得する。そして、色の属性（明るさ，鮮やかさ，色あい）の３値で表現できるように、ＲＧＢ値を、明るさ成分（Ｌ^*）と色み成分（ａ^*，ｂ^*）の３つの値を持つ「Ｌ^*ａ^*ｂ^*」（エルスターエースタービースター、またはエルエービー）表色系へと変換する。「Ｌ^*」値は０〜１００の範囲で変化し、値が大きいほど明るいことを示す。「Ｌ^*＝０」の時は黒、「Ｌ^*＝１００」の時は白となる。色みを表す「ａ^*」は赤と緑の間で変化し、正の値で赤み、負の値で緑みが強いことを示す。「ｂ^*」値は青と黄の間で変化し、正の値で黄み、負の値で青みが強いことを示す。「ａ^*＝０，ｂ^*＝０」の時は色みが無い状態、即ち灰色となる。ＲＧＢ値から「Ｌ^*ａ^*ｂ^*」値への変換式については、一般に使用される変換式、例えば非特許文献１に記載された変換式を使用するので、ここでの記述は割愛する。そして、「ａ^*」値、「ｂ^*」値を用いて、鮮やかさ（彩度）と色あい（色相）を求める。彩度値を「Ｃ^*」、色相角を「Ｈ°」とすると以下の式（１）（２）で求められる。

以上の「Ｌ^*，Ｃ^*，Ｈ」の３値によって色が表現可能である。同じ３値を持つピクセル数を算出し、取得された全ての画像のピクセル数で割ることで、画像ファイル全体に対する色の割合が求められる。これを色の面積と呼ぶものとする。この色の３値及び面積の情報が特徴量統合部２−１６に送信される。

特徴量統合部２−１６では、文書特徴量抽出部２−１３及び画像特徴量抽出部２−１５で抽出された特徴量を整理し、クライアント装置２−２用の新しい文書の配色を決定するためのデータベースを作成する。画像特徴量抽出部２−１５から送られた画像内に含まれる色の情報について、明るさ（Ｌ^*値）と、画像特徴量抽出部２−１５で求めた色の面積により分類する。明るさは、「Ｌ^*値＝０〜４０未満」、「Ｌ値＝４０〜７０未満」、「Ｌ値＝７０〜１００以下」の３種類で分類する。ここではその分類を、明るい方から明度１、明度２、明度３と呼ぶものとする。色の面積は、取得した全ての画像に対し「５％未満」、「５％以上６０％未満」、「６０％以上１００％以下」の３種類で分類する。ここでは面積の分類を、面積の広い方から面積Ａ，面積Ｂ，面積Ｃと呼ぶものとする。例として、ある画像の色を明るさと面積で「３種類×３種類に」分類した結果は、図４で示した表のようになる。なお、図４の例は便宜的に色名による記述を行っているが、実際は色の数値によって色が分類されている。一方、文書特徴量抽出部２−１３から送信された情報は明るさの分類のみ行う。明るさによる分類基準は上記と同じである。文書から取得された色を「オリジナル色」と呼ぶこととする。例として、オリジナル背景色が白色（Ｌ^*＝１００）の場合は明度１、オリジナル文字色が黒色（Ｌ^*＝０）の場合は明度３と分類される。特徴量統合部２−１６で統合・整理された情報は、図４のようにまとめられる。この統合・整理された情報は、表示形式決定部２−１８に送信される。この情報はメモリなどの一時記憶手段に格納しておいてもよい。

要素データベース２−１７は、クライアント装置２−２用に新たに作成される文書内に記述されるべき要素（背景、文字、罫線など）と、該要素の目立ちやすさに関する情報を有している。なお、配色を行う必要のある要素は、全て要素データベース２−１７に登録する必要がある。ここでは例として、クライアント装置２−２用に新しく作成される文書に、背景、文字、リンク文字、既リンク文字、罫線が含まれるものとする。加えて、現状の携帯電話端末では、リンク選択時にリンク部分がリンク文字または既リンク文字の色でフォーカスされるため、リンクフォーカス時の文字色も決めるものとする。そして、各要素が背景に対してどの程度目立つ必要があるかの順位情報（強調度の順位）を登録する。ここでの「目立つ」とは、背景との明度差が大きいこととする。要素データベース２−１７における、目立ち度合いによる分類は３種類とする。例として、文字、リンク文字、既リンク文字は最も目立つ度合いが高い「１位」であるとし、罫線は「２位」であるとする。リンクフォーカス時の文字色は、フォーカス色となるリンク文字色及び既リンク文字色との明度差を大きくすることを考慮して、新しく作成する文書の背景と同程度の明度となるようにする。その場合、目立つ度合いは「３位」とする。背景は「基準（＝３位）」とする。要素データベース２−１７に登録される情報の一例を図５に示した。これらの情報は表示形式決定部２−１８に送信される。

表示形式決定部２−１８では、特徴量統合部２−１６で整理された色情報と、要素データベース２−１７の保存情報から、クライアント装置２−２用に新しく作成される文書の配色を決定する。

本実施例では、新しく作成される前記文書の背景色は、処理対象の文書から抽出されたオリジナル背景色と同じであるものとする。オリジナル背景色が明度１のカテゴリだった場合、文書のオリジナル文字色と、画像から抽出された色のうち「明度３かつ面積Ａ（面積Ａの色が存在しなかった場合は面積Ｂ）」の色が選択される。図４の例では、明度３で面積Ａの色が存在しないため、面積Ｂの紺色と黒色が対象となる。これらは、要素データベース２−１７で「１位」と定義されていた要素の色の候補となり、この場合文字色、リンク文字色、既リンク文字色の候補となる。互いが異なる色になるように、候補色の中からランダムで指定されるものとする。なお、候補色が「１位」定義の要素数を下回っている場合は、「明度３かつ面積Ｂ（ない場合は面積Ｃ）」の色を使用する。それでも色数が足りない場合は、明度３カテゴリの中の色を複数回使用しても良いものとする。

次に、要素データベース２−１７において「２位」と定義された罫線の色を決定する。罫線の色は、「明度３」で、「１位」定義の要素色として使用されなかった色と、「明度２で面積Ａ（ない場合は面積Ｂ、面積Ｂにもない場合には面積Ｃ）」の色の中からランダムで決定される。色数が足りない場合は上記のカテゴリに含まれる色を複数回使用しても良いものとする。

最後に、「３位」と定義されたリンクフォーカス時の文字色を決定する。「３位」の要素は背景色と同じ明度カテゴリ、ここでは明度１に分類される色のみから選択する。ここでは「明度１かつ面積Ａ（面積Ａの色が存在しない場合は面積Ｂ）」の色からランダムで選ぶものとする。もし、色がない場合や色数が足りない場合は、オリジナル背景色の色を使用するものとする。

以上のようにして決定された各要素の色情報が、文書作成部２−１９に送信される。文書作成部２−１９では、表示形式決定部２−１８での決定を受けて、クライアント装置２−２の表示部２−２３で表示可能な新しいＨＴＭＬ文書を作成する。ここでは、表示部２−２３で表示した際の各要素のレイアウトは決定しているものとする。例として、図６のようなシンプルな携帯端末用ウェブページを作成するものとする。このＨＴＭＬ文書内に含まれる、各要素に対応するタグ内に、表示形式決定部で決定された色の１６進数（例：＃ＦＦＦＦＦＦ＝白）を挿入する。例えば、罫線の色が青であった場合、＜ｈｒ＞タグ内に＜ｈｒｃｏｌｏｒ＝”＃００００ＦＦ”＞と挿入される。そして、ＨＴＭＬ文書内のコンテンツ部分に、文書取得部２−１２で取得したコンテンツを挿入することで、コンテンツは変わらず、類似の配色が施された新しいＨＴＭＬ文書が作成される。この文書はサーバ装置２−１の通信部２−１１に送信される。

そして、通信部２−１１は、生成された前記文書を、ネットワークを介してクライアント装置２−２に送信するものとする。クライアント装置２−２の通信部２−２１は、サーバ装置２−１で生成された前記文書を取得し、表示部２−２３に送信するものとする。表示部２−２３では、通信部２−２１より送信された前記文書情報内の記述をブラウザで解釈して表示するものとする。

（２）実施例２
実施例２に係る類似配色生成装置は、実施例１と同様に図１のサーバ装置２−１で実施されている。この実施例２のサーバ装置２−１は、実施例１と同様に構成され、コンテンツサーバ２−３およびクライアント装置２−２とネットワークで接続されている。

このサーバ装置２−１の通信部２−１１・文書取得部２−１２・文書特徴量抽出部２−１３・画像取得部２−１４・画像特徴量抽出部２−１５・文書作成部２−１９は、実施例１と同様な処理を行っている。ただし、実施例２のサーバ装置２−１は、特徴量統合部２−１６の処理、要素データベース２−１７の格納情報、表示形式決定部２−１８の処理が実施例１と異なっている。以下、特徴量統合部２−１６の処理、要素データベース２−１７の格納情報、表示形式決定部２−１８の処理を説明する。

まず、実施例２の特徴量統合部２−１６の処理内容を説明すれば、文書特徴量抽出部２−１３及び画像特徴量抽出部２−１５で、実施例１と同様な方法で抽出された特徴量を整理し、クライアント装置２−２用の新しい文書の配色を決定するためのデータベースを作成する。すなわち、画像特徴量抽出部２−１５から送られた画像内に含まれる色の情報について、実施例１と同様に明るさ（Ｌ^*値）と、画像特徴量抽出部２−１５で求めた色の面積により分類する。ここではその分類を、明るい方から明度１、明度２、明度３と呼ぶものとする。面積は、取得した全ての画像に対し５％未満、５％以上６０％未満、６０％以上１００％以下の３種類で分類する。ここでは面積の分類を、広い方から面積Ａ、面積Ｂ、面積Ｃと呼ぶものとする。

このとき実施例２の特徴量統合部２−１６は、文書特徴量抽出部２−１３から送信された情報、ここではＨＴＭＬ文書のタグから抽出された色の情報についても、明るさによる分類を上記の基準で行い、同じ明度分類の「面積Ａ」のカテゴリに加えるものとする。そして、それぞれの分類内で、彩度が高い、即ち鮮やかな色から高い順位となるように順位付けを行う。例として、ある画像の色を明るさと面積で３種類×３種類に分類し、彩度によって並べた結果は図７で示した表のようになる。ここで、ＨＴＭＬ文書から取得された色を「オリジナル色」と呼ぶものとする。図７の例で、オリジナル文字色の黒色が面積Ａのカテゴリに入り、画像から抽出された黒は面積Ｂのカテゴリに入っているが、このように別のカテゴリに同じ色が存在する場合は、面積の大きいカテゴリの方を残し、他の色は除くものとする。なお、オリジナル背景色については、明度分類も記録しておく。オリジナル背景色が白色（Ｌ^*＝１００）の場合は明度１、オリジナル文字色が黒色（Ｌ^*＝０）の場合は明度３である。図７は特徴量統合部２−１６で統合・整理された情報の例である。この統合・整理された情報は、表現形式決定部２−１８に送信される。この情報はメモリなどの一時記憶手段に格納しておいてもよい。

要素データベース２−１７は、クライアント装置２−２用に新たに作成される文書に記述される各要素について、そのＨＴＭＬタグと重要度の情報を有している。ここでは背景、文字、リンク文字、既リンク文字、罫線、リンクフォーカス時の文字、見出しの７種類が含まれるものとする。実施例２では、全ての要素に対して、重要度の高い順で順位付けを行う。ここでは、見出し、リンク文字、既リンク文字、文字、罫線、リンクフォーカス時の文字、背景という順に順位付けを行う。この例では７位まで順位付けられる。要素の順位情報は表示形式決定部２−１８に送信される。

表示形式決定部２−１８では、実施例１と同様に特徴量統合部２−１６で整理された色情報と、要素データベース２−１７の情報とから、クライアント装置２−２用に新しく作成される文書の配色を決定している。このとき実施例２ではオリジナル背景色が明度１だった場合、面積Ａの明度３、明度２、明度１、その次に面積Ｂの明度３、明度２、明度１、その次に面積Ｃの明度１、明度２、明度３の順で、全体を通した順位付けを行う。

すなわち、要素データベース２−１７で重要度の順位がＮ番目まである時に、Ｍ個の要素を塗り分ける場合、Ｆ（ｍ）＝（Ｎ^*ｍ／Ｍ）番目（ただし、ｍ＝１，２，３，…，Ｍ、Ｆは整数となるよう小数点以下を切り捨て）の色を選ぶものとする。なお、候補色が「１位」定義の要素数を下回っている場合は同じ色を複数回用いて良いものとする。

なお、オリジナルの背景色が明度３であった場合は、通し順位は面積の大きい方から明度１、明度２、明度３の順でつけるものとする。オリジナルの背景色が明度２であった場合は、明度３、明度１、明度２の順でつけるものとする。

このように決定された各要素の色の情報が、実施例１と同様に文書作成部２−１９に送信され、かかる文書作成部２−１９において表示形式決定部２−１８の決定を受けて、クライアント装置２−２の表示部２−２３で表示可能な新しいＨＴＭＬ文書を作成する。

（３）その他
本発明は、前記実施例１．２に限定されるものではなく、各請求項に記載された範囲内で各種の変形を行うことが可能である。例えば前記実施例１．２では、クライアント装置２−２の文書指定部２−２２が処理対象の文書をＵＲＬによって指定されるものとしたが、必ずしもＵＲＬである必要はなく、文書名等コンテンツサーバ２−３内の文書が一意に特定できる内容であればよい。

また、サーバ装置２−１の通信部２−１１が取得するコンテンツサーバ２−３上の文書を、マークアップ言語の一つであるＨＴＭＬ文書を取得するものとしたが、ＸＭＬなど、他のマークアップ言語でもよい。すなわち、本発明は、配色の情報がテキストとして記述されている文書であれば、その形式の如何を問わない。

文書特徴量抽出部２−１３において、ＨＴＭＬ文書から背景色と文字色の情報が抽出できなかった場合に、背景色を白色、文字色を黒色と置き換えるものとしたが、他の色であってもよい。ただし、背景色と文字色は明度差のある２色を用いるものとする。

文書作成部２−１９において、新しく生成される文書はＨＴＭＬ文書であるとしたが、他のマークアップ言語による文書でもよい。また、テキストによる文書だけではなく、画像として出力することも可能であるものとする。

なお、本発明は、前記類似配色生成装置に相当するサーバ装置２−１の各構成２−１１〜２−１９としてコンピュータを機能させるプログラムとしても実現することができる。この場合には、コンピュータの演算手段（例えばＣＰＵなど）がプログラムコードを読み出して、サーバ装置２−１の各構成２−１１〜２−１９の動作処理が実行される。

このプログラムは、例えばＣＤ−ＲＯＭ，ＤＶＤ−ＲＯＭ，ＣＤ−Ｒ，ＣＤ−ＲＷ，ＤＶＤ−Ｒ，ＤＶＤ−ＲＷ，ＭＯ，ＨＤＤなどの各種の記録媒体に格納してコンピュータに提供される。また、前記プログラムは、Ｗｅｂサイトなどからのダウンロードによってコンピュータに提供してもよい。

本発明の実施形態に係る類似配色生成装置の処理フロー図。同実施例１のブロック図。同サーバ装置２−１の通信部２−１１の取得情報および処理例を示す図。同特徴量統合部２−１６の処理結果の一例を示す図。同要素データベース２−１７の格納情報の一例を示す図。同文書作成部が作成する文書の一例を示す図。同実施例２に係る特徴量統合部２−１６の処理結果の一例を示す図。

符号の説明

２−１…サーバ装置（類似配色生成装置）
２−２…クライアント装置
２−３…コンテンツサーバ
２−１１…サーバ装置の通信部
２−１２…同文書取得部
２−１３…同文書特徴量抽出部（文書特徴量抽出手段）
２−１４…同画像取得部
２−１５…同画像特徴量抽出部（画像特徴量抽出手段）
２−１６…同特徴量統合部（特徴量統合手段）
２−１７…同要素データベース
２−１８…同表示形式決定部（表示形式決定手段）
２−１９…同文書作成部（文書作成手段）
２−２１…クライアント２−２の通信部
２−２２…同文書指定部
２−２３…同表示部

Claims

クライアント装置から取得を要求されたコンテンツサーバ上の対象文書および該対象文書に関連する対象画像の配色を利用して、類似した配色の文書を前記クライアント装置用に作成する類似配色生成装置であって、
前記コンテンツサーバからネットワーク経由で取得した前記対象文書および前記対象画像に施された配色の特徴量を抽出する特徴量抽出手段と、
前記特徴量抽出手段で抽出された前記対象文書および前記対象画像の特徴量を統合整理する特徴量統合手段と、
前記クライアント装置用の文書に記述される各要素の順位情報が保存された要素データベースと、
前記特徴量統合手段の統合整理した情報および前記要素データベースの保存情報に基づき前記クライアント装置用の文書に施される配色を決定する表示形式決定手段と、
前記表示形式決定手段の決定に従って前記クライアント装置用の文書を作成する文書作成手段と、を備え、
前記特徴量抽出手段は、前記対象文書に記述された各要素の色を前記対象文書の特徴量として抽出する文書特徴量抽出手段と、前記対象画像内に含まれる色の情報および色面積を前記対象画像の特徴量として抽出する画像特徴量抽出手段と、を備え、
前記特徴量統合手段は、前記文書特徴量抽出手段の抽出した各要素の色について明度を基準に分類するとともに、前記画像特徴量抽出手段の抽出した色の情報について明度と色面積とを基準に分類し、
前記要素データベースには、前記クライアント装置用の文書に記述される各要素の背景に対する明度差に基づく強調度を基準に定めた前記順位情報が格納され、
前記表示形式決定手段は、前記要素データベースに格納された各順位の要素を、前記特徴量統合手段で分類された色の明度と面積の分類から優先される配色に定めて前記クライアント装置用の文書に施される配色を決定し、
前記文書作成手段の作成した文書をネットワーク経由で前記クライアント装置に送信する
ことを特徴とする類似配色生成装置。
前記表示形式決定手段は、前記要素データベースに格納された各順位の要素を、明度を第１に優先し、面積を第２に優先して前記クライアント装置用の文書に施される配色を決定する
ことを特徴とする請求項１記載の類似配色生成装置。
クライアント装置から取得を要求されたコンテンツサーバ上の対象文書および該対象文書に関連する対象画像の配色を利用して、類似した配色の文書を前記クライアント装置用に作成する類似配色生成装置であって、
前記コンテンツサーバからネットワーク経由で取得した前記対象文書および前記対象画像に施された配色の特徴量を抽出する特徴量抽出手段と、
前記特徴量抽出手段で抽出された前記対象文書および前記対象画像の特徴量を統合整理する特徴量統合手段と、
前記クライアント装置用の文書に記述される各要素の順位情報が保存された要素データベースと、
前記特徴量統合手段の統合整理した情報および前記要素データベースの保存情報に基づき前記クライアント装置用の文書に施される配色を決定する表示形式決定手段と、
前記表示形式決定手段の決定に従って前記クライアント装置用の文書を作成する文書作成手段と、を備え、
前記特徴量抽出手段は、前記対象文書に記述された各要素の色を前記対象文書の特徴量として抽出する文書特徴量抽出手段と、前記対象画像内に含まれる色の情報および色面積を前記対象画像の特徴量として抽出する画像特徴量抽出手段と、を備え、
前記特徴量統合手段は、前記画像特徴量抽出手段の抽出した色の情報について明度と色面積とを基準に分類する一方、
前記文書特徴量抽出手段の抽出した各要素の色について明度を基準に分類し、前記画像特徴量抽出手段の抽出した色の情報と同じ明度分類であれば該明度分類内において彩度で順位付けし、
前記要素データベースには、前記クライアント装置用の文書に記述される各要素の重要度を基準に定めた前記順位情報が保存され、
前記表示形式決定手段は、前記要素データベースに格納された各順位の要素を、前記特徴量統合手段で分類された色の面積毎に明度に応じた順位の色に定めて前記クライアント装置用の文書に施される配色を決定し、
前記文書作成手段の作成した文書をネットワーク経由で前記クライアント装置に送信する
ことを特徴とする類似配色生成装置。
前記表示形式決定手段は、前記要素データベースに格納された各順位の要素を、面積を第１に優先し、明度を第２に優先して前記クライアント装置用の文書に施される配色を決定する
ことを特徴とする請求項３記載の類似配色生成装置。
クライアント装置から取得を要求されたコンテンツサーバ上の対象文書および該対象文書に関連する対象画像の配色を利用して、類似した配色の文書を前記クライアント装置用に類似配色生成装置をもって生成する方法であって、
特徴量抽出手段が、前記コンテンツサーバからネットワーク経由で取得した前記対象文書および前記対象画像に施された配色の特徴量を抽出する第１ステップと、
特徴量統合手段が、前記第１ステップで抽出された前記対象文書および前記対象画像の特徴量を統合整理する第２ステップと、
要素データベースに、前記クライアント装置用に生成される文書に記述される各要素の順位情報を保存する第３ステップと、
表示形式決定手段が、前記第２ステップで統合整理した情報および前記第３ステップで保存した情報に基づき前記クライアント装置用の文書に施される配色を決定する第４ステップと、
文書作成手段が、前記第４ステップの決定に従って前記クライアント装置用の文書を作成する第５ステップと、
前記第５ステップで作成した文書を、ネットワーク経由で前記クライアント装置に送信する第６ステップと、を有し、
前記第１ステップは、前記対象文書に記述された各要素の色を前記対象文書の特徴量として抽出する文書特徴量抽出ステップと、
前記対象画像内に含まれる色の情報および色面積を前記対象画像の特徴量として抽出する画像特徴量抽出ステップと、を有し、
前記第２ステップは、前記文書特徴量抽出ステップで抽出した各要素の色について明度を基準に分類するステップと、前記画像特徴量抽出ステップで抽出した色の情報について明度と色面積とを基準に分類するステップと、を有し、
前記第３ステップは、前記クライアント装置用の文書に記述される各要素の背景に対する明度差に基づく強調度を基準に定められた前記順位情報を、前記要素データベースに保存し、
前記第４ステップは、前記要素データベースに格納された各順位の要素を、前記第２ステップで分類された色の明度と面積の分類から優先される配色に定めて前記クライアント装置用の文書に施される配色を決定する
ことを特徴とする類似配色生成方法。
前記第４ステップは、前記要素データベースに格納された各順位の要素を、明度を第１に優先し、面積を第２に優先して前記クライアント装置用の文書に施される配色を決定する
ことを特徴とする請求項５記載の類似配色生成方法。
クライアント装置から取得を要求されたコンテンツサーバ上の対象文書および該対象文書に関連する対象画像の配色を利用して、類似した配色の文書を前記クライアント装置用に類似配色生成装置をもって作成する方法であって、
特徴量抽出手段が、前記コンテンツサーバからネットワーク経由で取得した前記対象文書および前記対象画像に施された配色の特徴量を抽出する第１ステップと、
特徴量統合手段が、前記第１ステップで抽出された前記対象文書および前記対象画像の特徴量を統合整理する第２ステップと、
要素データベースに、前記クライアント装置用に生成される文書に記述される各要素の順位情報を保存する第３ステップと、
表示形式決定手段が、前記第２ステップで統合整理した情報および前記第３ステップで保存した情報に基づき前記クライアント装置用の文書に施される配色を決定する第４ステップと、
文書作成手段が、前記第４ステップの決定に従って前記クライアント装置用の文書を作成する第５ステップと、
前記第５ステップで作成した文書を、ネットワーク経由で前記クライアント装置に送信する第６ステップと、を有し、
前記第１ステップは、前記対象文書に記述された各要素の色を前記対象文書の特徴量として抽出する文書特徴量抽出ステップと、
前記対象画像内に含まれる色の情報および色面積を前記対象画像の特徴量として抽出する画像特徴量抽出ステップと、を有し、
前記第２ステップは、前記画像特徴量抽出ステップで抽出した色の情報について明度と色面積とを基準に分類する一方、
前記文書特徴量抽出ステップで抽出した各要素の色について明度を基準に分類し、前記画像特徴量抽出手段の抽出した色の情報と同じ明度分類であれば該明度分類内において彩度で順位付けし、
前記第３ステップは、前記クライアント装置用の文書に記述される各要素の重要度を基準に定めた前記順位情報を、前記要素データベースに保存し、
前記第４ステップは、前記要素データベースに格納された各順位の要素を、前記第２ステップで分類された色の面積毎に明度に応じた順位の色に定めて前記クライアント装置用の文書に施される配色を決定する
ことを特徴とする類似配色生成方法。
前記第４ステップは、前記要素データベースに格納された各順位の要素を、面積を第１に優先し、明度を第２に優先して前記クライアント装置用の文書に施される配色を決定する
ことを特徴とする請求項７記載の類似配色生成方法。
請求項１〜４記載の類似配色生成装置としてコンピュータを機能させることを特徴とする類似配色生成プログラム。