JP2011086092A - 配色変換装置及びプログラム - Google Patents

Abstract

【課題】ウェブコンテンツを含む電子コンテンツの配色、すなわち複数の色の組み合わせについて、その組み合わせがもたらすトーン等の配色の特徴をなるべく保った状態で、色のコントラストを大きし、見やすい配色に変換することができる配色変換装置を提供することを目的とする。
【解決手段】取得された画像上の配色の分布を解析し、色の定義に関する情報を具備する色特性データベースを設け、解析した配色について、色差を解析することによって、上記解析した配色を配色タイプに分類し、上記色差を解析するための情報を具備する色差解析情報データベースを設け、上記分類した配色タイプに応じて、色差を変更することによって、上記取得された画像上の配色を変換し、上記色差の変更に関する規則を具備する変換規則データベースを設け、配色が変換された結果を出力する配色変換装置である。
【選択図】図１

Description

本発明は、電子画像および電子コンテンツについて、配色の特徴を保ちながら、見やすい配色に変換する際に、変換内容及び結果を表示する装置及びプログラムに関する。

近年、インターネットが社会において広く普及し、様々な環境で閲覧されることや、様々な特徴を持つ利用者が存在していることを想定したウェブコンテンツ作成及び提供が求められている。

この中で、ウェブサイトのアクセシビリティを担保するためのチェック項目を記述した「ウェブアクセシビリティガイドライン」が、重要視されている。

２００８年には、World Wide Web ConsortiumがWeb Content Accessibility Guidelines 2.0（以下、ＷＣＡＧ２．０）を策定した。また、これを受けて、２００９年にＪＩＳ Ｘ ８３４１−３：２００９「高齢者・障害者等配慮設計指針−情報通信における機器、ソフトウェア、およびサービス」(以下、新ＪＩＳ)も改訂される予定である。新ＪＩＳは、ＷＣＡＧ２．０の日本語訳であり、その内容は同じであるとされている。このガイドラインのチェック項目の中に、ウェブサイトの配色に関する項目がある。

このウェブサイトの配色に関する項目は、遺伝または疾患によって、色の見え方が異なる利用者を考慮する考え方から規定されている。つまり、電子機器のディスプレイや電子ファイルのカラー化が進んだことによってウェブサイトに多くの色が使用され、白黒での印刷を考慮し、遺伝または疾患によって、色の見え方が異なる利用者を考慮している。

上記ウェブサイトの配色に関するチェック項目は、背景色と文字色との２色に対して、色や明るさのコントラスト（違いの程度）を計算し、その値がある基準以上になれば、その文字は読みやすく、上記基準に満たなければ、文字が読み難いと判断する項目である。

たとえば、デザイナがウェブコンテンツの配色を考える際、テキストやリンク文字の色として、背景との区別が付きやすい色を選ぶことが多い。しかし、メニューボタンやロゴマーク等については、ウェブ画面全体の印象や色の「トーン」を重視し、これによって、色の見やすさについての優先順位が下がる。ここで、上記「トーン」は、特に日本において、明度と彩度を合成した概念として扱われている。

たとえば、高明度・低彩度の領域は、「明るい」色であり、中明度・中彩度の領域は「にぶい」色であると判断される。このトーンの概念は、形容詞で分類されているので、あるイメージを表現する際の配色方法として、非常に有効である。また、たとえばコーポレートカラー等との統一も図ることができる。

しかし、上記考え方によれば、同明度・同彩度領域の色を使用するので、色のコントラストが小さくなることが多いという問題があり、また、ある色覚特性を持つ人には、区別し難い色の組み合わせに見えることがあるという問題がある（たとえば、非特許文献１参照）。

岡部正隆、伊藤啓著「色覚の多様性と色覚バリアフリーなプレゼンテーション（３）」細胞工学、Vol.21, No.9, pp.1080-1104(2002)

本発明は、ウェブコンテンツを含む電子コンテンツの配色、すなわち複数の色の組み合わせについて、その組み合わせがもたらすトーン等の配色の特徴をなるべく保った状態で、色のコントラストを大きし、見やすい配色に変換することができる配色変換装置を提供することを目的とする。

本発明は、電子画像の色の変換において、画像を取得する画像取得手段と、上記取得された画像上の配色の分布を解析する配色解析手段と、色の定義に関する情報を具備する色特性データベースと、上記配色解析手段が解析した配色について、色差を解析することによって、上記解析した配色を配色タイプに分類する配色分類手段と、上記配色分類手段が色差を解析するための情報を具備する色差解析情報データベースと、上記配色分類手段が分類した配色タイプに応じて、色差を変更することによって、上記取得された画像上の配色を変換する配色変換手段と、上記配色変換手段における色差の変更に関する規則を具備する変換規則データベースと、配色が変換された結果を出力する結果出力手段とを有することを特徴とする配色変換装置である。

本発明は、ウェブコンテンツを含む電子コンテンツの配色、すなわち複数の色の組み合わせについて、その組み合わせがもたらすトーン等の配色の特徴を抽出し、その特徴をなるべく保った状態で、色のコントラストを大きくし、見やすい配色に変換することができるという効果を奏する。

本発明の実施例１である配色変換装置１００を示すブロック構成図である。 配色変換装置１００における処理の流れを示すフローチャートである。 色特性データベース３が具備する情報の例を示す図である。 配色分類手段４が配色を分類した情報の例を示す図である。 本発明の実施例２である配色変換装置２００を示すブロック図である。 本発明の実施例２である配色変換装置２００における処理の流れを示すフローチャートである。

発明を実施するための形態は、以下の実施例である。

図１は、本発明の実施例１である配色変換装置１００を示すブロック構成図である。

配色変換装置１００は、ＰＣ内で単独動作するアプリケーションとして実施される。配色変換装置１００は、画像取得手段１と、配色解析手段２と、色特性データベース３と、配色分類手段４と、色差解析情報データベース５と、配色変換手段６と、変換規則データベース７と、結果出力手段８とを有する。

画像取得手段１は、電子画像ファイルを取得し、画像のピクセルの全てについて、ＲＧＢ値（赤成分Ｒ、緑成分Ｇ、青成分Ｂ）を取得する手段である。

配色解析手段２は、画像取得手段１が取得した画像からＲＧＢ値を、明度（明るさ）成分Ｌ＊値と、色み成分ａ＊値、色み成分ｂ＊値との３つの値を持つＬ＊ａ＊ｂ＊表色系に変換し、この表色系を用いて、彩度Ｃ＊値と色相を示すＨ値とを求める手段である。つまり、配色解析手段２は、取得された画像上の配色の分布を解析する配色解析手段である。

色特性データベース３は、明度Ｌ＊値、彩度Ｃ＊値、色相Ｈ値の値に基づいて色を分類する情報を有する。つまり、色特性データベース３は、色の定義に関する情報を具備する色特性データベースである。

配色分類手段４は、配色を構成する色が、特定の条件において、どの程度異なるのかを求め、配色を更に分類する手段である。つまり、配色分類手段４は、配色解析手段が解析した配色について、色差を解析することによって、上記解析した配色を配色タイプに分類する配色分類手段である。なお、上記配色は、色の組合せである。

色差解析情報データベース５は、配色を分類する基準となる情報を有し、この情報は、色特性データベース３で定義されている各色領域における代表色の情報である。上記代表色については後述する。つまり、色特性データベース３は、配色分類手段が色差を解析するための情報を具備する色差解析情報データベースである。

配色変換手段６は、配色分類手段４が求めた分類に応じて、異なる色に変換する手段である。つまり、配色変換手段６は、配色分類手段が分類した配色タイプに応じて、色差を変更することによって、上記取得された画像上の配色を変換する配色変換手段である。

変換規則データベース７は、配色の分類に対応する変換処理の規則を有する。配色変換手段６は、変換規則データベース７の情報に基づいて、実際に色変換の計算処理を行う。つまり、変換規則データベース７は、配色変換手段における色差の変更に関する規則を具備する変換規則データベースである。

結果出力手段８は、配色が変換された結果を出力する手段であり、明度Ｌ＊値、Ｃ＊値、Ｈ値の情報を、ＲＧＢ値に変換して画像として表示する。配色変換について、複数の結果がある場合、それらを全て表示する。

次に、配色変換装置１００における処理の流れについて説明する。

図２は、配色変換装置１００における処理の流れを示すフローチャートである。

ステップＳ１で、画像取得手段１が、電子画像ファイルを取得し、画像のピクセルの全てについて、ＲＧＢ値（赤成分Ｒ、緑成分Ｇ、青成分Ｂ）を取得する。

ステップＳ２で、配色解析手段２が、画像取得手段１が取得した画像からＲＧＢ値を、明度（明るさ）成分Ｌ＊値と、色み成分ａ＊値、色み成分ｂ＊値との３つの値を持つＬ＊ａ＊ｂ＊表色系に変換し、この表色系を用いて、彩度を表すＣ＊値と色相を示すＨ値とを求める。明度Ｌ＊と、色み成分ａ＊、色み成分ｂ＊とは、互いに独立した軸を有する。

明度Ｌ＊値は、０〜１００の範囲で変化し、その値が大きいほど明るい。つまり、明度Ｌ＊＝０であれば、黒であり、明度Ｌ＊＝１００であれば、白である。色みを表す色み成分ａ＊値は、赤と緑との間で変化し、正の値で赤み、負の値で緑みが強いことを示す。色みを表す色み成分ｂ＊値は、青と黄との間で変化し、正の値で黄み、負の値で青みが強いことを示す。

図３は、実施例１において、色特性データベース３が具備している情報の例を示す図である。

色み成分ａ＊＝０、色み成分ｂ＊＝０であれば、色みが無い状態、すなわち灰色となる。彩度を表すＣ＊値が０であれば、灰色であり、値が大きくなるにつれて鮮やかな色になる。彩度を表すＣ＊の最大値は、色によって異なる。色相を示すＨ値は、角度で表され、０°において、およそ赤色となり、０°から３６０°に変化するに従って、黄色、緑、青、紫と変化し、一周すると赤に戻る。

上記ステップＳ１、Ｓ２で取得された色情報は、配色解析手段２に送られる。

ステップＳ３で、配色解析手段２は、画像取得手段１受信した各ピクセルの明度Ｌ＊値と、彩度Ｃ＊値と、色相Ｈ値と、色特性データベース３の情報とに基づいて、画像の配色の特徴を求める。色特性データベース３は、明度Ｌ＊値、彩度Ｃ＊値、色相Ｈ値の値に基づいて色を分類する情報を有する。

色相の情報は、図３（ａ）に示すように、色相角Ｈ値が０°から１０等分され、これら１０等分された色相角のそれぞれが、「赤」、「橙」、「黄」、「黄緑」、「緑」、「青緑」、「青」、「青紫」、「紫」、「赤紫」の１０色相を有する。また、各色相において、図３（ｂ）に示すように、明度Ｌ＊値が９５以上である場合を、「白」とし、５未満である場合を、「黒」とする。そして、残りの明度値を、３等分し、明るい方から、明度Ｌ１、Ｌ２、Ｌ３とする。

１つの色相の範囲内で、彩度Ｃ＊値が、０から１００まで変化するように標準化する。標準化された彩度値において、彩度値４未満の色相が、無彩色（灰色）であるとする。彩度値４〜１００の間を３等分する。この分類の例を、図３（ｂ）に示す。

なお、色の分類は、必ずしもこの分類でなくてもよく、より細かく区切るようにしてもよい。

配色解析手段２は、画像取得手段１が受信した各ピクセルの色情報（ＲＧＢ値）を、それぞれが持つ明度Ｌ＊値、彩度Ｃ＊値、色相Ｈ値と、色特性データベース３とに応じて、分類する。

各色のピクセルを、図３（ｂ）に示す領域に分類する。

次に、各領域に分類されたピクセルの総数を求める。無彩色と、全ての色相について、分類された各領域のうちで、ピクセル数の多い方から３領域を選択する。上位３つの領域を選択するが、選択された領域の間の順位は問題ではない。ここで、上位３領域の中に、白または黒が含まれていれば、白も黒も含まない領域の合計が３領域になるように、色領域の数を調節する。ただし、それらの領域が３領域に満たなければ、取り得る最大の数とする。

次に、選ばれた色領域の組み合わせに基づいて、対象画像が主にどのような配色を有するかを判定する。つまり、選ばれた色領域のうちで、白と黒とを除いた領域が、図３（ａ）において、隣り合う２色相＋灰色領域にのみ含まれている場合は、「類似色相配色」であると判断する。また、白、黒、灰色領域のみの組み合わせの場合も、「類似色相配色」であると判断する。それ以外は、「他色相配色」であると判断する。選ばれた色領域の情報と配色タイプの情報（図４参照）とは、配色分類手段４に送られる。

ステップＳ４で、配色分類手段４は、配色を構成する色が、特定の条件において、どの程度異なるのかを求め、配色を更に分類する。分類の基準となる情報は、色差解析情報データベース５が有する。色差解析情報データベース５が有する情報は、色特性データベース３で定義されている各色領域における代表色の情報である。上記代表色は、色特性データベース３で定義されている各領域の明度Ｌ＊値、彩度Ｃ＊値のそれぞれの中央値を持つ色である。なお、白は、明度Ｌ＊＝１００であり、黒は、明度Ｌ＊＝０であるとし、白の彩度値、黒の彩度値は、ともに０であると定義する。

また、色差解析情報データベース５は、ある色覚特性において、「混同色」の情報も有している。上記混同色は、区別のし難い色の組み合わせであり、たとえば同じような明度を持つ赤と緑との組み合わせである（非特許文献１参照）。色特性データベース３で定義されている各色領域について、どの組み合わせが「混同色」に該当するかを示す情報を、色差解析情報データベース５が予め有している。たとえば、赤Ｌ１と緑Ｌ１、赤Ｌ２と緑Ｌ２、赤Ｌ３と緑Ｌ３との組み合わせが「混同色」であるという情報を、色差解析情報データベース５が予め有している。これら色差解析情報データベース５が有する情報は、配色分類手段４において配色の分類を行うために用いられる。

配色分類手段４は、色差解析情報データベース５の情報を用いて、配色解析手段２から受信した配色タイプの情報に応じて異なる結果を出力する。

「類似色相配色」であれば、同じような色相で構成される配色であり、選ばれた色領域のうち、白と黒を除いた領域が、異なる明度領域にあれば（たとえば明度Ｌ１とＬ２等の場合）、「類似色相配色−別明度」とする。選ばれた色領域のうちで、白と黒とを除いた領域が、同じ領域（明度）に含まれている場合（たとえば明度Ｌ１のみの場合）は、「類似色相配色−同明度」であるとする。

「他色相配色」であれば、まず、明度の違いを判定し、「他色相配色−別明度」と「他色相配色−同明度」とに分類する。ここで、「他色相配色−同明度」は、そのトーン（明度・彩度）が持つ意味の比重が大きいことが考えられる。しかし、「他色相配色−同明度」では、ある色覚特性にとっては、非常に区別のし難い色相の組み合わせである場合があるので、色差解析情報データベース５に基づいて、「混同色」（ある色覚特性にとって区別し難い色）の組み合わせが含まれているかどうかを判定する。

最後に、上記分類に関係なく、配色解析手段２が選んだ領域に、白と黒とがどのように含まれているかによって分類する。つまり、配色解析手段２が選んだ領域に、含まれている白と黒との組み合わせに応じて、上記領域を分類する。つまり、白と黒との両方が含まれているタイプを、タイプＩとし、白と黒のどちらかのみが含まれているタイプを、タイプＩＩとし、白も黒も含まれていないタイプを、タイプＩＩＩとする。

白、黒のどちらかのみが含まれているタイプＩＩの場合、白と最も暗い領域の色との明度差、または黒と最も明るい領域の色との明度差を求める。つまり、どのような色覚特性（または白黒印刷も含む）でも、区別が可能である配色にするには、まず明度差をつける必要がある。上記のように、ウェブページでは、背景・文字が白または黒であることが多い。どちらか一方しか含まれない場合（たとえば背景が白で、黒が上位３位に入らない場合）、文字は他の暗い色（濃い青等）が使用されていると予想できる。この場合、上記背景と文字との明度差を大きく保つことが重要である。このときに、色差解析情報データベース５の情報に基づいて、白を明度Ｌ＊＝１００とし、黒を明度Ｌ＊＝０とし、選択されている色領域の代表色の明度Ｌ＊値とを用いて、明度差を求める。

白も黒も含まれていないタイプＩＩＩの場合は、選ばれた領域のうちで最も明るい領域の代表色と最も暗い領域の代表色との明度差を、上記と同様の方法で求める。このときに、選ばれている領域が、全て同じ明度領域である場合（同明度）、明度差は０である。

図４は、実施例１において、配色分類手段４が配色を分類した情報の例を示す図である。

ステップＳ４で求めた上記分類の情報は、配色変換手段６に送られる。ステップＳ５で、配色変換手段６は、配色分類手段４が求めた分類に応じて、異なる色に変換する。

以下、各分類に対する変換処理について説明する。なお、変換規則データベース７が、以下に説明する分類に対応する変換処理の規則を格納している。配色変換手段６は、変換規則データベース７の情報に基づいて、実際に色変換の計算処理を行う。

変換対象の配色に白と黒との両方が含まれている「類似色相配色−別明度−Ｉ（第１分類）」、「他色相配色−別明度−Ｉ（第７分類）」では、白と黒とを含めた各色の明度の間隔が等しくなるように変換する。つまり、まず、構成する色の明度の間隔を明けることが望ましい。白はＬ＊の最大値であり、黒は最小値であるので、その範囲しか使用できない。

「類似色相配色−同明度−Ｉ（第４分類）」、「他色相配色−同明度−非混同色−Ｉ（第１３分類）」では、どれか１つの色の明度を固定し、他の色を他の明度領域に変換する。つまり、全体的に同明度の配色は、トーンを意識した配色である場合が多いので、トーンの印象をなるべく崩さないよう、１色はオリジナルの明度を変更しないようにする。

変換対象の配色に白と黒とのどちらか一方のみが含まれている「類似色相配色−別明度−ＩＩ（第２分類）」、「類似色相配色−同明度−ＩＩ（第５分類）」、「他色相配色−別明度−ＩＩ（第８分類）」、「他色相配色−同明度−非混同色−ＩＩ（第１４分類）」では、ステップＳ４で明度差を求めた色について、白（または黒）との明度差が明度Ｌ＊＝９０になるように変換し、その後に、白（または黒）の明度と変換した色の明度との間で、他の色を、図４に示すタイプＩと同様の方法で変換する。つまり、白と黒とを含めた各色の明度の間隔が等しくなるように変換する。

変換対象の配色に白も黒も含まれていない「類似色相配色−別明度−ＩＩＩ（第３分類）」、「他色相配色−別明度−ＩＩＩ（第９分類）」では、最大明度の色の明度と最低明度の色の明度との差が、明度Ｌ＊＝９０になるように変換した後に、図４に示す（第２分類）、（第５分類）、（第８分類）、（第１４分類）における上記変換方法と同様の方法で変換する。

「類似色相配色−同明度−ＩＩＩ（第６分類）」、「他色相配色−同明度−非混同色−ＩＩＩ（第１５分類）」では、１つの色の明度を固定し、他の色の明度を、他の明度領域に変換する。

「他色相配色−同明度−混同色（第１０分類）（第１１分類）（第１２分類）」では、まず、１つの色の色相を固定し、混同色となる組み合わせの相手の色を別色相に変換する。色相変換する場合、ここでは、図３（ａ）に示す色相環において、１８０°同士で混同色になる可能性の高い赤紫と緑、赤と青緑（補色）については、９０°回転させた色相に変換し、その他の色相を、１８０°回転させた色相に変換するという規則を用いる。また、色相変換する際、明度値と彩度値とは変えない。

その後に、「他色相配色−同明度−混同色−Ｉ（第１０分類）」について、（第４分類）、（第１３分類）と同様の明度変換を行い、「他色相配色−同明度−混同色−ＩＩ（第１１分類）」について、（第２分類）、（第５分類）、（第８分類）、（第１４分類）と同様の明度変換を行い、「他色相配色−同明度−混同色−ＩＩＩ（第１２分類）」について、（第６分類）、（第１５分類）と同様の明度変換を行う。

ステップＳ５で変換された色の情報を、結果出力手段８に送る。

ステップＳ６で、結果出力手段８は、明度Ｌ＊値、彩度Ｃ＊値、色相Ｈ値の情報を、ＲＧＢ値に変換し、画像として表示する。結果出力手段８は、配色変換について複数の結果があれば、それら全ての結果を表示する。

画像取得手段１は、ＲＧＢ値を取得するが、他の指標であってもよい。たとえば、ＨＴＭＬファイルを取得する場合、色を表すタグを取得するようにしてもよい。また、実施例１では、ＲＧＢ値を、Ｌ＊ａ＊ｂ＊値に変換するが、色の３属性（明度、彩度、色相）を数値で表することができるのであれば、ＨＳＶ色空間等、他の色空間を用いるようにしてもよい。

配色解析手段２で、ピクセル数の多い色領域を、３〜５種類選んでいるが、必ずしもこの選び方でなくてもよい。たとえば、最終的な出力結果に違いは出るが、「鮮やかな色領域のみを選択」、「暖色のみを選択」等のように、色領域の選び方自体は、他の選択方法を採用するようにしてもよい。

色特性データベース３が持つ色相を、必ずしも１０種類に分類する必要はなく、輝度値や彩度値についても、他の分類基準を採用することによって、異なる分類を実行するようにしてもよい。分類は、明度Ｌ＊値、Ｃ＊値、Ｈ値に基づいているが、色の３属性を数値で表すことができるのであれば、ＨＳＶ色空間等、他の色空間を用いるようにしてもよい。

色差解析情報データベース５において、各色領域の代表値として、明度Ｌ＊値と彩度値との中央値を用いるが、たとえば、領域内に分類されたピクセルが持つ値の平均値を、各色領域の代表値であるとしてもよい。

色差解析情報データベース５において、混同色の組み合わせを予め定義しているが、混同色は、その都度計算処理で求めるようにしてもよい。この場合、計算式は、色差解析情報データベース５で定義され、配色分類手段４において計算が行われる。

変換規則データベース７が有する変換規則は、必ずしも上記方法に限定しないが、配色間の明度差を保ち、また、混同色を避ける変換規則であればよい。

結果出力手段８は、変換結果を画像表示する手段であるが、必ずしも画像による表示でなくてもよい。たとえば、変換した色を文書で表示するようにしてもよい。

図５は、本発明の実施例２である配色変換装置２００を示すブロック図である。

配色変換装置２００は、ＰＣ内で動作するインタ−ネット通信手段を持つアプリケ−ションとして実行する実施例である。

配色変換装置２００は、通信手段２１と、色コード抽出手段２２と、色情報取得手段２３と、配色解析手段１２と、色特性データベース１３と、配色分類手段１４と、色差解析情報データベース１５と、配色変換手段１６と、変換規則データベース１７と、結果出力手段１８とを有する。

つまり、通信手段２１は、ウェブ上からウェブコンテンツを取得する通信手段である。色コード抽出手段２２は、上記取得したウェブコンテンツのソースコードから、色情報を抽出する色コード抽出手段である。色情報取得手段２３は、取得したウェブコンテンツを画像化して色情報を取得する色情報取得手段である。

配色解析手段１２は、上記色コード抽出手段と上記色情報取得手段とが得た色の情報を用いて、当該コンテンツの配色の分布を解析する配色解析手段である。色特性データベース１３は、色の定義に関する情報を有する色特性データベースである。配色分類手段１４は、上記配色解析手段が解析した配色について、色差を解析することによって、上記解析した配色を配色タイプに分類する配色分類手段である。

また、色差解析情報データベース１５は、上記配色分類手段が色差を解析するための情報を具備する色差解析情報データベースである。配色変換手段１６は、上記配色分類手段が分類した配色タイプに応じて、色差を変更することによって、上記取得された画像上の配色を変換する配色変換手段である。変換規則データベース１７は、上記配色変換手段における色差の変更に関する規則を具備する変換規則データベースである。結果出力手段１８は、配色が変換された結果を出力する結果出力手段である。

次に、配色変換装置２００の動作について説明する。

図６は、配色変換装置２００における処理の流れを示すフローチャートである。

ステップＳ１で、通信手段２１は、ネットワークＮＷ１上のコンテンツサーバＣＳ１に格納されているコンテンツを取得するために通信し、色変換する対象である対象コンテンツを受信する。上記対象コンテンツは、コンテンツサーバＣＳ１に格納されている１つのウェブページであり、ページを構成するファイル類を全て取得する。上記対象コンテンツの代表的なものとして、ＨＴＭＬファイルと、ＣＳＳファイル、画像ファイル等がある。通信手段２１は、対象コンテンツのうちで、ＨＴＭＬファイルとＣＳＳファイルとのソースコードを、色コード抽出手段２２に送り、上記ＨＴＭＬファイルとＣＳＳファイルとを含めた全ての取得ファイルを、色情報取得手段２３に送る。

ステップＳ２で、色コード抽出手段２２は、通信手段２１から受信した対象コンテンツのＨＴＭＬファイルとＣＳＳファイルとの中に記述されている色コードを、その要素属性と共に全て取得する。

上記色コードは、ＨＴＭＬとＣＳＳとにおいて、色を指定する際の記述形式である。＃記号の後に、左から赤を表すＲ値、緑を表すＧ値、青を表すＢ値の順に、１６進数で表現されている。

また、要素は、ＨＴＭＬにおいて、背景や表等、ウェブページを構成する単位であり、＜ ＞のタグ内に記述されている。属性は、上記要素の中に追加されている情報である。要素、属性共に、色がどのような対象に利用されているのか（たとえば、背景色に利用されているのか、文字色に利用されているのか）の判断に用いることができる。なお、ＣＳＳでは、プロパティと呼ばれている。実施例２では、これらをまとめて要素属性と呼ぶ。

ここでは、取得すべき要素属性として、背景および文字の属性を取得する。背景として抽出する要素属性は、ＨＴＭＬのｂｏｄｙ要素内のｂｇｃｏｌｏｒ属性、ｔａｂｌｅ要素内のｂｇｃｏｌｏｒ属性、ＣＳＳのｂａｃｋｇｒｏｕｎｄ−ｃｏｌｏｒプロパティ等がある。文字として抽出する要素属性は、ＨＴＭＬのｂｏｄｙ要素内のｔｅｘｔ属性、リンク文字の色を指定するｌｉｎｋ属性、ＣＳＳのｃｏｌｏｒプロパティ等がある。

ＨＴＭＬファイルでは、色コードと同じ行で色コードよりも前に記述されている属性または要素を抽出し、ＣＳＳファイルでは、色コードの前に記述されているプロパティを抽出する。

そして、抽出された色コードは、ＲＧＢ値に変換され、この変換されたＲＧＢ値を、明度Ｌ＊、彩度Ｃ＊値、色相Ｈ値に変換される。変換の方法は、実施例１のステップＳ２と同様でよい。

要素と色情報との組み合わせに関する情報は、配色解析手段１２に送られる。

ステップＳ３で、色情報取得手段２３は、通信手段２１から受信した対象コンテンツの外観を画像化する。ここでは、一般のウェブブラウザのように、ウェブページの外観を、各コンテンツファイルから再現し、画像化する機能があればよい。作成した画像において、各ピクセルのＲＧＢ値を、明度Ｌ＊値、彩度Ｃ＊値、色相Ｈ値に変換する。変換の方法は実施例１のステップＳ２と同様でよい。これらの色情報も、配色解析手段１２に送られる。

ステップＳ４で、配色解析手段１２では、色コード抽出手段２２から受信した色情報と、色情報取得手段２３から受信した色情報とを整理する。まず、色情報取得手段２３が受信した色情報の中に、色コード抽出手段２２が受信した色情報と同じ色情報が含まれていれば、この色情報を削除する。これは、背景と文字とに関する情報を、分離して扱うためである。つまり、背景と文字との組み合わせについてのＷＣＡＧ２．０の基準は非常に厳しいので、実施例１で記載したように 属性を特定せずに色を抽出する場合（たとえば背景の一部やアイコン等が含まれている場合）、厳し過ぎる基準になることがある。しかも、実施例１では、ＷＣＡＧ２．０の基準を満たせない場合がある。逆に、明らかに背景と文字との色であると判断できのであれば、これら２色だけを、まず、基準を満たすように特別に処理するのがよい。

ステップＳ５で、実施例１のステップＳ３と同様の方法で、色特性データベース１３の情報に従って、ステップＳ４で得られた色を分類する。ここでは、実施例２の色特性データベース１３は、実施例１の色特性データベース３と同じ情報を有し、ステップＳ５の以降の記述を割愛する。

ステップＳ６で、実施例１と同様に、配色分類手段１４において配色を構成する色の色差を求め、実施例１と同様に、配色パタ−ンに基づいた分類を行う（図４を参照）。ただし、この処理に加えて、ステップＳ４で削除された背景と文字との色について、別途色差を計算する。計算については、背景と文字との組み合わせである２色を用いて、該当する色コードのＲＧＢ値から、以下の色彩Ｌｕｍｉを求める。

Ｌｕｍｉ.＝０.２１２６＊（（Ｒ／２５５）＾２.２）＋０.７１５２＊（（Ｇ／２５５）＾２.２）＋０.０７２２＊（（Ｂ／２５５）＾２.２）…（式１）
Ｌｕｍｉの値が大きい方の色を、Ｌｕｍｉ１とし、Ｌｕｍｉの値が小さい色を、Ｌｕｍｉ２とし、色コントラスト値Ｃｏｎｔ.を、次の（式２）によって求める。

Ｃｏｎｔ.＝（Ｌ１＋０.０５）／（Ｌ２＋０.０５）…（式２）
この計算式の情報を、色差解析情報データベース１５が有する。

ステップＳ６で求めた画像内の配色の分類と、背景と文字との色差の情報とは、配色変換手段１６に送られる。

ステップＳ７で、実施例１と同様に、図４に示す配色パタ−ンの分類に従って、配色変換手段１６が配色を変換する。ただし、実施例２では、背景と文字との色の情報を除いているので、白と黒との情報が含まれないタイプＩＩＩのケ−スになる場合が多い。

一方、ステップＳ６で得られた背景と文字との組み合わせの色差については、上記式２における色コントラスト値Ｃｏｎｔが５未満になる場合に、それぞれの明度を変換する。たとえば、片方の色の明度を固定し、一方の明度を変換し、お互いの明度差を大きくするように変換する。

上記のような変換の規則は、変換規則データベース１７が有している。この処理で得られた配色変換結果と、背景と文字との色の変換結果は、結果出力手段１８に送られる。

ステップＳ８で、配色変換手段１６が求めた配色変換結果を受け、変換された色を表示する。たとえば、画像から取得された色の変換結果については、使用できる色の例として色パッチで表示し、背景と文字との色については、ＨＴＭＬの色コードに変換して表示することが可能である。また、背景と文字とのサンプルとして表示するようにしてもよい。上記色パッチは、サンプルの色を有する色見本のことである。

なお、ステップＳ６で、色コントラストの計算方法と基準値とは、ＷＣＡＧ２．０で規定されているものを使用しているが、他の計算方法、基準値であっても構わない。特に基準値は、より基準を厳しくするために値を変えることも可能である。

また、上記各実施例をプログラムの発明として把握することができる。つまり、上記実施例は、請求項１または請求項２記載の配色変換装置を構成する各手段としてコンピュータを機能させるプログラムの例である。

１００…配色変換装置、
１…画像取得手段、
２…配色解析手段、
３…色特性データベース、
４…配色分類手段、
５…色差解析情報データベース、
６…配色変換手段、
７…変換規則データベース、
８…結果出力手段。

Claims (3)

1. 電子画像の色の変換において、
   画像を取得する画像取得手段と；
   上記取得された画像上の配色の分布を解析する配色解析手段と；
   色の定義に関する情報を具備する色特性データベースと；
   上記配色解析手段が解析した配色について、色差を解析することによって、上記解析した配色を配色タイプに分類する配色分類手段と；
   上記配色分類手段が色差を解析するための情報を具備する色差解析情報データベースと；
   上記配色分類手段が分類した配色タイプに応じて、色差を変更することによって、上記取得された画像上の配色を変換する配色変換手段と；
   上記配色変換手段における色差の変更に関する規則を具備する変換規則データベースと；
   配色が変換された結果を出力する結果出力手段と；
   を有することを特徴とする配色変換装置。
2. ウェブ上からウェブコンテンツを取得する通信手段と；
   上記取得したウェブコンテンツのソースコードから、色情報を抽出する色コード抽出手段と；
   上記取得したウェブコンテンツを画像化して色情報を取得する色情報取得手段と；
   上記色コード抽出手段と上記画像取得手段とが得た色の情報を用いて、当該コンテンツの配色の分布を解析する配色解析手段と；
   色の定義に関する情報を有する色特性データベースと；
   上記配色解析手段が解析した配色について、色差を解析することによって、上記解析した配色を配色タイプに分類する配色分類手段と；
   上記配色分類手段が色差を解析するための情報を具備する色差解析情報データベースと；
   上記配色分類手段が分類した配色タイプに応じて、色差を変更することによって、上記取得された画像上の配色を変換する配色変換手段と；
   上記配色変換手段における色差の変更に関する規則を具備する変換規則データベースと；
   配色が変換された結果を出力する結果出力手段と；
   を有することを特徴とする配色変換装置。
3. 請求項１または請求項２記載の配色変換装置を構成する各手段としてコンピュータを機能させるプログラム。

Images