JP2010128533A - 配色検査システム、配色検査方法および配色検査プログラム - Google Patents

Abstract

【課題】色の属性が領域ごとに異なる構成部品間の配色の適否を電子コンテンツの比較的広い領域で検査可能な配色検査システム、配色検査方法および配色検査プログラムを得ること。
【解決手段】配色検査システム１０は、電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出する構成部品抽出手段１１と、構成部品の種別を判別する構成部品種別判別手段１２と、構成部品の種別との関係で幾つかの判定ルールを格納した判定ルール格納手段１３と、電子コンテンツから構成部品の組み合わされた組み合わせパターンを各々特定する組み合わせパターン特定手段１４と、各組み合わせパターンにおける構成部品同士の配色が適合しているかを、該当する判定ルールを用いて判定する適否判定手段１５と、判定結果をそれぞれの構成部品の領域の配置関係と共に出力する出力手段１６とを備えている。
【選択図】図１

Description

本発明は、人が視覚的に認識するひとまとまりの情報を電子的なデータで構成した電子コンテンツの配色を検査する配色検査システム、配色検査方法および配色検査プログラムに関する。

ウェブコンテンツ等の電子的なデータで構成された電子コンテンツが大量に作成されている。これらの電子コンテンツには、各種の表現態様のものがあるが、本明細書では人が視覚的に鑑賞する電子コンテンツに限定して考察することにする。ホームページに代表されるウェブサイトの電子コンテンツだけでなく、プリンタや複写機等の画像処理装置から出力されるコンテンツの基となる電子コンテンツは、その配色が重要な意味を持っている。

たとえば、多くの電子コンテンツは、これを表示する構成部品として文字と背景を有している。本明細書では、文字に、記号やマークを含めている。文字の部分の色である文字色と、背景の部分の色である背景色について考察する。文字が読みやすいためには、文字の描かれた箇所の背景色と文字色が十分なコントラストを持っていることが必要である。たとえば、白色の背景色の上に黒色の文字色で文字が描かれていれば、コントラストが十分あり、読みやすい。反対に背景色を黒色とし、文字色を白色にした場合にも、コントラストが十分あり、読みやすい。

そこで、背景と文字のそれぞれについて色相、明度および彩度を測定し、これによってコンテンツの可読性を評価することが、本発明の関連技術として提案されている（たとえば特許文献１参照）。これは、一般的に読みにくいとされる配色は２色間の明度差が小さく、読みやすいとされる配色は２色間の明度差が大きいことに基づいた提案である。この関連技術では、色相および彩度についても同様にして測定し評価することが開示されている。
特開２００２−１９７４０３号公報（第００１９段落〜第００３７段落、図１）

しかしながら、この関連技術によれば、コンテンツを構成する背景や文字という２種類の構成部品のうちの位置的に隣接する一対の組み合わせごとに、読みやすさの評価を行っているだけである。このため、コンテンツ中に通常存在する多数の組み合わせの全体をまとめて評価することができない。この結果、１つの組み合わせの評価が悪いために、その構成部品の一方の色の属性を変更すると、これによって変更した色の構成部品と隣接する他の構成部品との組み合わせの関係での評価が下がってしまうという場合がある。このため、コンテンツ全体あるいはコンテンツの比較的広い領域での構成部品の色の属性を調整しようとすると、その調整に手間取るという問題があった。

そこで本発明の目的は、色の属性が領域ごとに異なる構成部品間の配色の適否を電子コンテンツの局部に限定せず比較的広い領域で検査することのできる配色検査システム、配色検査方法および配色検査プログラムを提供することにある。

本発明では、（イ）人が視覚的に認識するひとまとまりの情報を電子的なデータで構成した検査の対象となる電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出する構成部品抽出手段と、（ロ）この構成部品抽出手段で抽出した前記した構成部品が前記した電子コンテンツの視覚的な役割を担う予め定めた複数の種別のうちのいずれであるかを判別する構成部品種別判別手段と、（ハ）前記した構成部品抽出手段で抽出した前記した構成部品のうちで領域として位置的に隣接するもの同士の配色が適合しているかを前記した構成部品種別判別手段で判別した構成部品の種別との関係で予め規定した幾つかの判定ルールを格納した判定ルール格納手段と、（ニ）前記した検査の対象となる電子コンテンツから前記した構成部品のうちで領域として位置的に隣接するもの同士について、それら構成部品の組み合わされた組み合わせパターンを各々特定する組み合わせパターン特定手段と、（ホ）この組み合わせパターン特定手段で特定したそれぞれの組み合わせパターンにおける構成部品同士の配色が適合しているかを、前記した判定ルール格納手段に格納された判定ルールのうちの前記した構成部品の種別との関係で該当するものを用いて判定する適否判定手段と、（へ）この適否判定手段の判定結果をそれぞれの構成部品の領域の配置関係と共に出力する出力手段とを配色検査システムが具備する。

また、本発明では、（イ）人が視覚的に認識するひとまとまりの情報を電子的なデータで構成した検査の対象となる電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出する構成部品抽出ステップと、（ロ）この構成部品抽出ステップで抽出した前記した構成部品が前記した電子コンテンツの視覚的な役割を担う予め定めた複数の種別のうちのいずれであるかを判別する構成部品種別判別ステップと、（ハ）前記した検査の対象となる電子コンテンツから前記した構成部品のうちで領域として位置的に隣接するもの同士について、それら構成部品の組み合わされた組み合わせパターンを各々特定する組み合わせパターン特定ステップと、（ニ）この組み合わせパターン特定ステップで特定したそれぞれの組み合わせパターンにおける構成部品同士の配色が適合しているかを、前記した構成部品種別判別ステップで判別した構成部品の種別との関係で予め規定した幾つかの判定ルールのうちの該当するものを用いて判定する適否判定ステップと、（ホ）この適否判定ステップの判定結果をそれぞれの構成部品の領域の配置関係と共に出力する出力ステップとを配色検査方法が具備する。

更に本発明では、コンピュータに、配色検査プログラムとして、（イ）人が視覚的に認識するひとまとまりの情報を電子的なデータで構成した検査の対象となる電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出する構成部品抽出処理と、（ロ）この構成部品抽出処理で抽出した前記した構成部品が前記した電子コンテンツの視覚的な役割を担う予め定めた複数の種別のうちのいずれであるかを判別する構成部品種別判別処理と、（ハ）前記した検査の対象となる電子コンテンツから前記した構成部品のうちで領域として位置的に隣接するもの同士について、それら構成部品の組み合わされた組み合わせパターンを各々特定する組み合わせパターン特定処理と、（ニ）この組み合わせパターン特定処理で特定したそれぞれの組み合わせパターンにおける構成部品同士の配色が適合しているかを、前記した構成部品種別判別処理で判別した構成部品の種別との関係で予め規定した幾つかの判定ルールのうちの該当するものを用いて判定する適否判定処理と、（ホ）この適否判定処理の判定結果をそれぞれの構成部品の領域の配置関係と共に出力する出力処理とを実行させる。

このように本発明によれば、電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出すると共に、構成部品の種別を判別しておき、構成部品の組み合わせパターンごとに定めた判定ルールを使用して電子コンテンツの全体あるいは比較的広い範囲における隣接する構成部品同士の配色についての適否の判定結果を構成部品の領域の配置関係と共に出力する。したがって、電子コンテンツの比較的広い範囲での構成部品間での色の考察を行うことができ、不適切な色が存在すれば周囲とのバランスを考慮しながらこれを他の色に変更することができる。

図１は、本発明の配色検査システムのクレーム対応図を示したものである。本発明の配色検査システム１０は、人が視覚的に認識するひとまとまりの情報を電子的なデータで構成した検査の対象となる電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出する構成部品抽出手段１１と、この構成部品抽出手段１１で抽出した前記した構成部品が前記した電子コンテンツの視覚的な役割を担う予め定めた複数の種別のうちのいずれであるかを判別する構成部品種別判別手段１２と、構成部品抽出手段１１で抽出した前記した構成部品のうちで領域として位置的に隣接するもの同士の配色が適合しているかを構成部品種別判別手段１２で判別した構成部品の種別との関係で予め規定した幾つかの判定ルールを格納した判定ルール格納手段１３と、前記した検査の対象となる電子コンテンツから前記した構成部品のうちで領域として位置的に隣接するもの同士について、それら構成部品の組み合わされた組み合わせパターンを各々特定する組み合わせパターン特定手段１４と、この組み合わせパターン特定手段１４で特定したそれぞれの組み合わせパターンにおける構成部品同士の配色が適合しているかを、判定ルール格納手段１３に格納された判定ルールのうちの前記した構成部品の種別との関係で該当するものを用いて判定する適否判定手段１５と、この適否判定手段１５の判定結果をそれぞれの構成部品の領域の配置関係と共に出力する出力手段１６とを備えている。

図２は、本発明の配色検査方法のクレーム対応図を示したものである。本発明の配色検査方法２０は、人が視覚的に認識するひとまとまりの情報を電子的なデータで構成した検査の対象となる電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出する構成部品抽出ステップ２１と、この構成部品抽出ステップ２１で抽出した前記した構成部品が前記した電子コンテンツの視覚的な役割を担う予め定めた複数の種別のうちのいずれであるかを判別する構成部品種別判別ステップ２２と、前記した検査の対象となる電子コンテンツから前記した構成部品のうちで領域として位置的に隣接するもの同士について、それら構成部品の組み合わされた組み合わせパターンを各々特定する組み合わせパターン特定ステップ２３と、この組み合わせパターン特定ステップ２３で特定したそれぞれの組み合わせパターンにおける構成部品同士の配色が適合しているかを、構成部品種別判別ステップ２２で判別した構成部品の種別との関係で予め規定した幾つかの判定ルールのうちの該当するものを用いて判定する適否判定ステップ２４と、この適否判定ステップ２４の判定結果をそれぞれの構成部品の領域の配置関係と共に出力する出力ステップ２５とを備えている。

図３は、本発明の配色検査プログラムのクレーム対応図を示したものである。本発明の配色検査プログラム３０は、コンピュータに、人が視覚的に認識するひとまとまりの情報を電子的なデータで構成した検査の対象となる電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出する構成部品抽出処理３１と、この構成部品抽出処理３１で抽出した前記した構成部品が前記した電子コンテンツの視覚的な役割を担う予め定めた複数の種別のうちのいずれであるかを判別する構成部品種別判別処理３２と、前記した検査の対象となる電子コンテンツから前記した構成部品のうちで領域として位置的に隣接するもの同士について、それら構成部品の組み合わされた組み合わせパターンを各々特定する組み合わせパターン特定処理３３と、この組み合わせパターン特定処理３３で特定したそれぞれの組み合わせパターンにおける構成部品同士の配色が適合しているかを、構成部品種別判別処理３２で判別した構成部品の種別との関係で予め規定した幾つかの判定ルールのうちの該当するものを用いて判定する適否判定処理３４と、この適否判定処理３４の判定結果をそれぞれの構成部品の領域の配置関係と共に出力する出力処理３５とを実行させることを特徴としている。

＜発明の第１の実施の形態＞

次に本発明の第１の実施の形態を説明する。

図４は、本発明の第１の実施の形態による配色検査システムの構成を表わしたものである。第１の実施の形態の配色検査システム１００は、一例としてウェブ（Web）上に存在するホームページのような電子コンテンツ１０１と、電子コンテンツ１０１における所定の場所の配色を検査する配色検査装置１０２と、この配色検査装置１０２の検査結果を基にして検査者１０３に判定ルールごとの検査関係情報を提示する検査結果関係提示装置１０４とによって構成されている。

ここで電子コンテンツ１０１とは、インターネットやイントラネット等の通信ネットワークで用いられる動画、音声、テキスト情報のような情報の内容をいう。本発明では電子コンテンツ１０１における配色を検査するので、対象となるのは視覚的な情報である。なお、本発明で検査の対象となる電子コンテンツ１０１はウェブ自体のコンテンツとしてのウェブコンテンツに限定しない。すなわち、視覚的な情報を示すコンテンツであれば、他のどのようなコンテンツであってもよい。

配色検査装置１０２は、検査対象となる電子コンテンツ１０１の配色を検査する。このような配色検査装置１０２は、たとえば図示しないＣＰＵ（Central Processing Unit）を搭載して、所定の制御プログラムを実行するコンピュータによってソフトウェア的に構成することができる。配色検査装置１０２は、配色の適否を判定するための判定ルールをそれぞれ格納した第１〜第Ｍの判定ルール格納部１１１₁〜１１１_Mを備えている。第１〜第Ｍの判定ルール格納部１１１₁〜１１１_Mに格納されている第１〜第Ｍの判定ルールの数Ｍは、一例として４つであるが、これ以外の数であってもよい。

検査結果関係提示装置１０４は、配色検査装置１０２から検査結果を受け取って所定の解析を行い、検査者１０３に出力する装置である。配色検査装置１０２は、検査結果を出力する液晶ディスプレイ等のディスプレイで構成されるのが通常であるが、これに限定されるものではない。たとえば音声を用いて結果を提示してもよいし、図示しないプリンタを用いて結果をプリントアウトするものであってもよい。

ところで、第１〜第Ｍの判定ルール格納部１１１₁〜１１１_Mは、色を比較する際に、電子コンテンツ１０１の構成部品のどこを参照するかという色要素の場所指定データと、比較用の検査数式を格納するようになっている。配色検査装置１０２は、第１〜第Ｍの判定ルールに記載されている検査対象となる構成部品の色要素と、これらの色要素の記述位置を電子コンテンツ１０１から抽出する。そして、配色検査装置１０２は第１〜第Ｍの判定ルールに記載されている検査数式に基づいて配色の検査を行い、得られた検査結果を検査結果関係提示装置１０４に出力するようになっている。

検査結果関係提示装置１０４は、配色検査装置１０２から得られた検査結果から電子コンテンツ１０１の判定ルールで指定した構成部品の関係を解析する。そして、検査結果関係提示装置１０４は、これらの解析結果に検査結果に基づいた合否判定を併せて、構成部品の組み合わせパターンと同時に検査者１０３に出力することになる。

このような第１の実施の形態の配色検査システム１００によれば、電子コンテンツ１０１を検査の対象とし、検査対象の構成部品が持つ色要素を判定ルールで比較判定している。そして、配色検査装置１０２は判定ルールごとに検査対象を検査して、判定ルールごとに検査対象とする構成部品の組み合わせパターンを検出し、判定ルールの合否判定と併せて検査者１０３に提示する。このため、判定ルールの検査条件を満たす解を素早く導き出すことが可能になり、配色変更作業を円滑に行うことができる。

＜発明の第２の実施の形態＞

次に本発明の第２の実施の形態を説明する。

図５は、本発明の第２の実施の形態による配色検査システムの構成を表わしたものである。図５で図４と同一部分には同一の符号を付しており、これらの説明を適宜省略する。

第２の実施の形態の配色検査システム１００Ａは、電子コンテンツ１０１と、電子コンテンツ１０１における所定の場所の配色を検査する配色検査装置１０２Ａと、この配色検査装置１０２Ａの検査結果を基にして検査者１０３に判定ルールごとの検査関係情報を提示する検査結果関係提示装置１０４Ａの他に、色変更装置１０６と電子コンテンツ表示装置１０７を備えている。

ここで色変更装置１０６は、検査者１０３が変更する色についての情報を入力すると、電子コンテンツ１０１の該当する構成部品の色要素を変更するようになっている。たとえば不合格とされた色要素の変更を行う場合に色変更装置１０６が使用される。電子コンテンツ表示装置１０７は、電子コンテンツ１０１を参照し、変更された最新のウェブコンテンツを表示する装置である。

図６は、色変更装置による電子コンテンツの色要素の変更処理についてその概要を表わしたものである。図５と共に説明する。

色変更装置１０６は、その図示しないキーボード等の入力デバイスから検査者１０３が、電子コンテンツ１０１の構成部品の所定の色要素について変更後の色情報を入力するのを待機する（ステップＳ２０１）。たとえば、検査結果関係提示装置１０４Ａが電子コンテンツ１０１の構成部品の所定の色要素について不合格の判定を行ったとする。この場合、検査者１０３はこの色要素についての判定を合格にするために変更後の色情報を入力する。

色変更装置１０６は、変更後の色情報が入力されると（ステップＳ２０１：Ｙ）、その入力内容に応じて、電子コンテンツ１０１の構成部品の該当する色要素の色情報を変更する（ステップＳ２０２）。そして、配色検査装置１０２に対してその電子コンテンツ１０１の再検査を指示する（ステップＳ２０３）。この後、色変更装置１０６は、配色検査装置１０２が再検査を終了した旨の報告を受信すると（ステップＳ２０４：Ｙ）、電子コンテンツ表示装置１０７に対して最新の電子コンテンツの表示を指示する（ステップＳ２０５）。この結果、電子コンテンツ表示装置１０７が最新の電子コンテンツを表示すれば、検査者１０３は電子コンテンツ１０１における配色の適否を判別することができる。

このように第２の実施の形態の配色検査システム１００Ａによれば、第１の実施の形態の配色検査システム１００と同様の効果を得ることができるだけでなく、不合格とされた色要素の色情報の変更内容を入力するだけで、配色の変更結果を検査者１０３が容易に確認することができるという効果がある。また、配色検査システム１００Ａによれば、電子コンテンツ１０１を複数の検査結果を満たす配色に変更する場合に、検査結果を見ながら色要素の色情報の変更をその場で行うことが可能になる。

＜発明の第３の実施の形態＞

次に本発明の第３の実施の形態を説明する。

図７は、本発明の第３の実施の形態による配色検査システムの構成を表わしたものである。図７で図４あるいは図５と同一部分には同一の符号を付しており、これらの説明を適宜省略する。

第３の実施の形態の配色検査システム１００Ｂは、電子コンテンツ１０１と、電子コンテンツ１０１における所定の場所の配色を検査する配色検査装置１０２Ｂと、この配色検査装置１０２Ｂの検査結果を基にして検査者１０３に判定ルールごとの検査関係情報を提示する検査結果関係提示装置１０４Ｂの他に、推奨色提示装置１０８と、第２の実施の形態で使用したと同様の色変更装置１０６Ｂおよび電子コンテンツ表示装置１０７Ｂを備えている。

ここで、推奨色提示装置１０８は、検査者１０３が電子コンテンツ１０１の構成部品の色要素を選択すると、検査結果関係提示装置１０４Ｂからその選択した色要素と関係性がある他の色要素を抽出する。また、推奨色提示装置１０８は、配色検査装置１０２Ｂ内の第１〜第Ｍの判定ルール格納部１１１₁〜１１１_Mに格納されている各判定ルールの検査条件を満たす推奨配色を検査者１０３に対して提示する。この結果として、検査者１０３が提示された推奨配色を指定した場合、推奨色提示装置１０８は、色変更装置１０６Ｂにその指定による配色を指示して、電子コンテンツ１０１の色を変更させるようになっている。

したがって、第３の実施の形態の配色検査システム１００Ｂによれば、第１および第２の実施の形態による配色検査システム１００、１００Ａと同様の効果を得ることができる。また、配色検査装置１０２Ｂ内に格納された判定ルールを満たす配色候補を検査者１０３に提示して、この中から色を選択させるようにしている。したがって、第１〜第Ｍの判定ルール格納部１１１₁〜１１１_Mに格納されている判定ルールの数「Ｍ」が複数であったり、あるいは判定ルールの数が比較的多い場合でも、これらの判定ルールをすべて満たす配色を迅速に選択して変更することが可能になる。

次に、本発明の第１の実施の形態を具体化した第１の実施例の説明を行う。

図８は、本発明の第１の実施例における配色検査システムの構成を表わしたものである。本実施例の配色検査システム３００は、配色検査を行うための情報処理装置３０１と、この情報処理装置３０１がアクセス可能なインターネット３０２に接続されたコンテンツサーバ３０３から構成されている。コンテンツサーバ３０３内には、本実施例で配色検査の対象となるウェブコンテンツ３１１が格納されている。

情報処理装置３０１は、ＣＰＵ（Central Processing Unit）３２１と、このＣＰＵ３２１が実行する制御プログラム等の所定のデータを格納するメモリ３２２を有する主制御部３２３を備えている。主制御部３２３は、この情報処理装置３０１の次に説明する各部を制御して、ウェブコンテンツ３１１に対する配色検査や配色の変更を行うようになっている。

通信制御部３２４は、インターネット３０２を介してコンテンツサーバ３０３に格納されたウェブコンテンツ３１１にアクセスしてその内容を参照したり、変更することができるようになっている。配色検査部３２５は、ウェブコンテンツ３１１の配色を検査したり変更する処理を行う。検査結果関係提示部３２６は、配色検査部３２５から検査結果を受け取って所定の解析を行い、この図には示していない検査者に提示する情報を作成する。判定ルール格納部３２７は、配色の適否を判定するための第１〜第４の判定ルール３２８₁〜３２８₄を電子的なデータとして格納している。操作入力部３２９は、図示しないキーボードやマウス、マイクロフォン等の操作データを入力するデバイスで構成されている。たとえば図４に示した検査者１０３は、ウェブコンテンツ３１１の配色を検査するに当たり、判定ルール格納部３２７に格納された第１〜第４の判定ルール３２８₁〜３２８₄の全部を検査に使用する必要はなく、操作入力部３２９を使用して検査をこれらの一部の使用に限定することができる。出力部３３０は、配色の適否等の情報を検査者に出力するためのデバイスである。このようなデバイスとしては、たとえば液晶ディスプレイや音声出力用のスピーカを挙げることができる。

この第１の実施例で、情報処理装置３０１を構成する主制御部３２３以外の各部の少なくとも一部は、ＣＰＵ３２１がメモリ３２２に格納された制御プログラムを実行することでソフトウェア的に機能するデバイスに置き換えることができる。

ところで、判定ルール格納部３２７に格納された第１〜第４の判定ルール３２８₁〜３２８₄は、検査対象となるウェブコンテンツ３１１について、構成部品のどの色要素を比較検査するかについて、検査場所を指定し比較検査を行うための検査数式を保持している。第１の実施例では、一例として第１〜第４の判定ルール３２８₁〜３２８₄が判定ルール格納部３２７に格納されているが、格納される判定ルールの数は任意である。

第１〜第４の判定ルール３２８₁〜３２８₄は、判定する内容に応じたものとなっている。たとえば情報処理装置３０１が、ウェブコンテンツ３１１を構成する文字の色（文字色）と背景の色（背景色）のコントラストが十分かどうかを検査する装置であるとする。この場合、第１〜第４の判定ルール３２８₁〜３２８₄は、ウェブコンテンツ３１１が表示する文字列すべてに対して文字色と背景色のコントラストを検査するルールが記述されている。ただし、本実施例では、第１〜第４の判定ルール３２８₁〜３２８₄のうちの第１および第２の判定ルール３２８₁、３２８₂の２つの判定ルールのみを用いて、文字と背景色に関する判定を行うようになっている。

文字色と背景色のコントラストを検査するためには、検査対象となるウェブコンテンツ３１１から文字色と背景色を抽出する必要がある。文字色と背景色の抽出についてはたとえばウェブコンテンツ３１１のＤＯＭ（Document Object Model）を参照し、カレントである文字色と背景色を比較参照する手法が存在する。たとえば、ＤＯＭでは、「Ｃｏｌｏｒプロパティ」を用いることで、背景色や文字色の指定や取得が可能である。

本実施例では、配色の適否を判定するために文字色と背景色のコントラストを比較する検査数式として、第１のコントラスト検査数式と第２のコントラスト検査数式が用意されている。これら第１および第２のコントラスト検査数式は、たとえば第１の判定ルール３２８₁として判定ルール格納部３２７に格納される。

図９は、第１のコントラスト検査数式によるコントラストの合否判定処理の様子を表わしたものである。図８と共に説明する。第１のコントラスト検査数式を用いたコントラストの合否判定処理では、まず、ウェブコンテンツ３１１に記載されているＲＧＢ（Red、Green、Blue）値を１６進数から１０進数に変換する（ステップＳ４０１）。そして、比較する背景色や文字色の２色について、（Ｒ最大値−Ｒ最小値）と、（Ｇ最大値−Ｇ最小値）と、（Ｂ最大値−Ｂ最小値）のそれぞれを求めて、これらの和を算出する（ステップＳ４０２）。このようにして算出した値は、閾値としての数値「５００」と比較される（ステップＳ４０３）。この結果、算出した値が数値「５００」以上であれば（Ｙ）、背景色と文字色のコントラストが十分あり、コントラストについて合格であると判定して（ステップＳ４０４）、処理を終了する（エンド）。

これに対して、算出した値が数値「５００」未満の場合には（ステップＳ４０３：Ｎ）、背景色と文字色のコントラストが不十分であり、不合格であると判定して（ステップＳ４０５）、処理を終了する（エンド）。ステップＳ４０３で使用した閾値としての数値は、必要に応じて他の値に変更してもよい。

図１０は、第２のコントラスト検査数式によるコントラストの合否判定処理の様子を表わしたものである。第２のコントラスト検査数式を用いたコントラストの合否判定処理では、まず、ウェブコンテンツ３１１に記載されているＲＧＢ（Red、Green、Blue）値を１６進数から１０進数に変換する（ステップＳ４２１）。次に、比較する背景色と文字色の一方について、（２９９×Ｒ＋５８７×Ｇ＋１１４×Ｂ）÷１０００の計算を行い（ステップＳ４２２）、次に他方について同様に（２９９×Ｒ＋５８７×Ｇ＋１１４×Ｂ）÷１０００の計算を行う（ステップＳ４２３）。そして、これら２つの値の差の絶対値Ｄを求める（ステップＳ４２４）。これは、ＣＩＥ（国際照明委員会）が定めたＬａｂと呼ばれる表色系におけるＬ値を算出する数式に基づいたものである。Ｒ、Ｇ、Ｂの各係数は、人間の目でこれらの原色を見た場合の明るさの度合を加味している。

ステップＳ４２４で求めた絶対値Ｄが数値「１２５」以上であれば（ステップＳ４２５：Ｙ）、背景色と文字色のコントラストが十分あり、コントラストについて合格であると判定して（ステップＳ４２６）、処理を終了する（エンド）。これに対して、算出した値が数値「１２５」未満の場合には（ステップＳ４２５：Ｎ）、背景色と文字色のコントラストが不十分であり、不合格であると判定して（ステップＳ４２７）、処理を終了する（エンド）。ここでステップＳ４２５で使用した「１２５」という閾値は、Ｗ３Ｃ（World Wide Web Consortium）が定めた値を用いている。この閾値は、検査の目的に応じて他の値に変更することも可能である。

以上説明した第１のコントラスト検査数式と第２のコントラスト検査数式は、一方のみを単独で使用してもよい。また、これらのコントラスト検査数式を併用し、双方のコントラスト検査数式が背景色と文字色のコントラストについて合格と判定したときにのみ合格と判定するようにしてもよい。これは、「明度」を用いることで明るさの差が算出され、「色差」を用いることで明るさ以外の要素としての色相や彩度を加味した色の差が算出されるので、両者を併用することで「色の差」としての色の見分けやすさを比較するのに適するからである。

判定ルール格納部３２７に格納された他の検査についての判定ルールについても説明する。判定ルール格納部３２７に格納されている第２の判定ルール３２８₂は、背景色同士が一定の色相の範囲に収まっているかどうかを判別する検査を行う。このため第２の判定ルール３２８₂では、たとえばウェブコンテンツ３１１が持つ「ｂｏｄｙ」タグや「ｔａｂｌｅ」についての色要素を指定している構成部品を抽出する。そして、その構成部品が階層構造から見て親子関係にある構成部品同士の背景色を検査する。

今、「ｂｏｄｙ」を最上層として、その１つ下の層に「ｔａｂｌｅ」が配置され、その下にテーブルの行を記述する「ｔｒ」が、更にその下にテーブルのセルの内容を記述する「ｔｄ」が配置されているとする。この場合に、「ｔｄ」と「ｔｒ」の背景色を比較しようとしたところ、その一方の「ｔｒ」に背景色が設定されていなかったとする。この場合、「ｔｒ」の背景色は透明として扱われる。この場合、図示しない画面に描画する際の背景色は「ｔｒ」の親である「ｔａｂｌｅ」に設定されている背景が描画される。そこで、この場合の比較は、「ｔｄ」と「ｔａｂｌｅ」の間で背景色が比較される。

上に示した例で、「ｔａｂｌｅ」にも背景色が設定されていなかった場合には、最上層の「ｂｏｄｙ」にまで遡って背景色の比較が行われる。「ｂｏｄｙ」に背景色の設定があった場合には、「ｔｄ」と「ｂｏｄｙ」の間で背景色が比較される。「ｂｏｄｙ」に背景色の設定がなかった場合には、背景色がブラウザの定めた「白色」または「灰色」で表示される。最近のブラウザは背景色が「白色」となっていることが多い。そこで、「ｂｏｄｙ」に背景色の設定がなかった場合には、背景色を「白色」として、「ｔｄ」の設定した背景色と比較することが好ましい。

次に、更に他の検査を行うための判定ルールとして、本実施例の以下の判定では使用しない第３の判定ルール３２８₃について簡単に説明する。背景色同士が一定の色相の範囲に収まっているかどうか検査するルールについては、先に説明した。このように色相が一定の色相の範囲に収まっているかを検査するだけでなく、明度や彩度が一定の範囲に収まっているか、また明度と彩度を組み合わせたトーンが一定の範囲に収まっているかという検査とその検査のための判定ルールが設定されてもよい。この判定ルールは、コントラストについての判定ルールのような視認性のための判定ルールではなく、美しい配色や調和のとれた配色を実現するためのルールである。この判定ルールで色相、明度、彩度についての一定の範囲とは、１０進数に変換したＲＧＢ値をＨＬＳ（Ｈ：色相（hue）；Ｌ：明度（lightness）；Ｓ：彩度（saturation））表色系に変換したときの範囲として、色相はＨ値の角度差が４５度以内で、明度のＬ値が０．３以下で、彩度のＳ値が０．２５以下であることが望ましい。

このように判定ルール格納部３２７には第１〜第４の判定ルール３２８₁〜３２８₄として各種の判定ルールを格納することができる。第４の判定ルール３２８₄については、その説明を省略する。

図１１は、配色検査部の処理の様子を表わしたものである。図８と共に説明する。配色検査部３２５は、図８に示した判定ルール格納部３２７に格納された第１〜第４の判定ルール３２８₁〜３２８₄のうちの操作入力部３２５で選択されたものについて検査を行うために、最初の検査のための判定ルール３２８の設定を行う（ステップＳ４４１）。ここでは、検査者１０３（図４参照）が第１の判定ルール３２８₁と第２の判定ルール３２８₄の２種類を選択して検査を行うものとする。

この場合には、ステップＳ４４１で第１の判定ルール３２８₁を用いる検査の設定が行われ、図８に示したウェブコンテンツ３１１を参照して、その構成部品と色要素を抽出する（ステップＳ４４２）。ウェブコンテンツ３１１の色要素がＨＴＭＬ（HyperText Markup Language）内に直接、たとえば「ｃｏｌｏｒ」属性や「ｂｇｃｏｌｏｒ」属性で指定されている場合がある。その場合には、指定した属性が記述されている箇所をＨＴＭＬソースの行数とタグ名およびＲＧＢ値で抽出する。

ＲＧＢ値で抽出した情報は、たとえば「１６：＜ｔｒ＞、６６６６００」というように記述する。ウェブコンテンツ３１１の色要素が＜ＳＴＹＬＥ＞タグやＣＳＳなどスタイル要素として記述されている場合、ＨＴＭＬソースの行数やタグ名ではなくセレクタ名を直接抽出する。抽出した情報はたとえば「ｂｏｄｙ、００００００」というように記述する。

このようにして抽出した色要素について、配色検査部３２５は、ＤＯＭを参照して、カレントである文字色と背景色の組み合わせ、あるいはカレントである親子関係の背景色同士の組み合わせ等の比較する２色の組み合わせを抽出する（ステップＳ４４３）。次に配色検査部３２５は、２色の組み合わせについて検査数式等の判定ルールに従って検査を行い、検査結果を作成する（ステップＳ４４４）。検査結果としては、第１の判定ルール３２８₁を用いる検査の組み合わせの内容と、検査結果としての合否を記述する。たとえば文字色と背景色のコントラストを検査した結果の場合には、「文字色／背景色／結果」という形式で記述する。一例を挙げると、「ｂｏｄｙ、００００００／１４：＜ｔｄ＞、００ｆｆｆｆ／ｔｒｕｅ」となる。また、背景色同士の配色調和を検査した結果の場合には、「背景色／背景色／結果」という形式で記述する。一例を挙げると、「ｂｏｄｙ、ｄｄｆｆｆｆ／１６：＜ｔｒ＞６６６６００／ｆａｌｓｅ」となる。ここで、「ｔｒｕｅ」とは検査結果が合格であることを、「ｆａｌｓｅ」とは検査結果が不合格であることを表わしている。

このようにして第１の判定ルール３２８₁を用いた検査結果の作成が終了したら、すべての検査が終了したかをチェックする（ステップＳ４４５）。本実施例では第２の判定ルール３２８₂に基づいた検査が残っている（Ｎ）。そこで、次の第２の判定ルール３２８₂を用いる検査の設定を行い（ステップＳ４４６）、ステップＳ４４２に進む。

このようにして第１および第２の判定ルール３２８₁、３２８₂についての検査が終了したら（ステップＳ４４５：Ｙ）、配色検査部３２５は検査対象のウェブコンテンツ３１１についての総合検査結果を出力して（ステップＳ４４７）、処理を終了する（エンド）。

図１２は、検査対象のウェブコンテンツのＨＴＭＬによる記述例を示したものである。

また、図１３は、図１２に示したＨＴＭＬ記述で描画が行われた場合の画面の表示例を示したものである。出力部３３０としてのディスプレイには、「あああ」、「いいい」、「ううう」および「えええ」の各文字３４１〜３４４がそれらの背景色３４５〜３４８と共に表示されている。

図１４は、図１３に示す文字色と背景色のコントラストの判定結果を表わしたものである。まず、図１３に示す「あああ」の文字３４１とその背景色（あるいは全体の背景色）３４５の関係について説明する。「あああ」の文字３４１の文字色は＜ｂｏｄｙ＞の文字色「００００００」（黒）である。これに対して背景色３４５は＜ｂｏｄｙ＞の背景色「ｄｄｆｆｆｆ」（薄い水色）である。第１の判定ルール３２８₁に示す判定ルールで文字３４１とその背景色３４５を判定すると、コントラストが十分であり、合格となる。

次に、図１３に示す「いいい」の文字３４２とその背景色３４６の関係について説明する。「いいい」の文字３４２の文字色は＜ｂｏｄｙ＞の文字色「００００００」（黒）である。これに対して背景色３４６は、図１２の１４行目の＜ｔｄ＞の背景色「００ｆｆｆｆ」（青みの空色）である。第１の判定ルール３２８₁に示す判定ルールで文字３４２とその背景色３４６を判定すると、この場合にもコントラストが十分であり、合格となる。

次に、図１３に示す「ううう」の文字３４３とその背景色３４７の関係について説明する。「ううう」の文字３４３の文字色は「．ｆｏｎｔ１」というクラスの文字色「ｆｆ００００」（赤）である。これに対して背景色３４７は、図１２の１６行目の＜ｔｒ＞の背景色「６６６６００」（濃い茶色）である。第１の判定ルール３２８₁に示す判定ルールで文字３４３とその背景色３４７を判定すると、この場合にはコントラストが不十分となって、不合格となる。

最後に、図１３に示す「えええ」の文字３４４とその背景色３４８の関係について説明する。「えええ」の文字３４４の文字色は＜ｂｏｄｙ＞の文字色「００００００」（黒）である。これに対して背景色３４８は、図１２の１６行目の＜ｔｒ＞の背景色「６６６６００」（濃い茶色）である。第１の判定ルール３２８₁に示す判定ルールで文字３４４とその背景色３４８を判定すると、この場合にもコントラストが不十分となって、不合格となる。

図１５は、図１３に示す背景色同士のトーンの調和の検査結果を表わしている。図１３に示した出力部３３０の全体の背景色３４５は「ｄｄｆｆｆｆ」（薄い水色）である。一方、「いいい」の文字３４２の背景色３４６は、図１２の１４行目の＜ｔｄ＞の背景色である「００ｆｆｆｆ」（青みの空色）である。これらの背景色３４５、３４６を比較すると、両者はトーン（明度と彩度）が近いため、トーンが統一され配色調和がとれていて合格である。

次に、「ううう」の文字３４３の背景色３４７と「えええ」の文字３４４の背景色３４８が共に図１２の１６行目の＜ｔｒ＞の背景色「６６６６００」（濃い茶色）であるので、これと全体の背景色３４５の間でトーンの調和がとれているかを判別する。全体の背景色３４５は「ｄｄｆｆｆｆ」（薄い水色）であり、両者はトーン（明度と彩度）が離れているため、トーンが統一され配色調和がとれているとは言えず、不合格とされる。

図１６は、検査結果関係提示部の処理の様子を表わしたものである。図８と共に説明する。

検査結果関係提示部は、配色検査部３２５から図１４および図１５に示した検査結果が送られてくるのを待機している（ステップＳ４６１）。配色検査部３２５から送られてきた検査結果を受信したら（Ｙ）、この検査結果から色要素が指定してあるタグもしくはセレクタを抽出して、文字色と背景色の使用色一覧を生成する（ステップＳ４６２）。ここで、文字色は指定してあるが背景色は指定していない、もしくは逆に背景色は指定してあるが文字色は指定していない場合がある。このような場合には、該当する文字色あるいは背景色の欄を空欄にするか「−」等の空欄を示すように取り決めた記号を記述する。

図１７は、図１５および図１６に示した検査結果から生成した使用色一覧の例を示したものである。検査結果から色要素が指定してある「セレクタまたは（ｏｒ）タグの一覧」と「文字色」および「背景色」を示している。本実施例では、指定していない文字色あるいは背景色の欄に「−」を表示して、これらが空欄であることを示している。

図１６に戻って説明を続ける。ステップＳ４６２で文字色と背景色の使用色一覧を生成したら、再度、検査結果を参照する。そして、生成した使用色一覧に検査した判定ルールごとに文字色と背景色の関係、背景色同士の関係および合否判定を加える（ステップＳ４６３）。そして、これを出力部３３０に検査結果表として表示して（ステップＳ４６４）、検査結果関係提示部３２６の処理を終了させる（リターン）。検査者１０３（図４参照）は、この検査結果表を見ることで、検査を行ったウェブコンテンツ３１１の配色を評価してその改善を図ることができる。

図１８は、図１７の使用色一覧に基づいて出力部に表示された検査結果表を示したものである。この検査結果表３６１では、「セレクタまたは（ｏｒ）タグの一覧」欄３６２と「文字色」欄３６３および「背景色」欄３６４の各欄を図１７と同様に設けている。また、図１４で表わした文字色と背景色のコントラストの判定結果を示す欄として「文字色と背景色のコントラスト」欄３６５を設け、図１５で表わした背景色同士のトーンの調和の検査結果を示す欄として「背景色同士のトーンの調和」欄３６６を設けている。

図１８に示した検査結果表３６１における「文字色」欄３６３および「背景色」欄３６４には、これらの色をＲＧＢで表わした値ではなく実際の色が表示されている。これは、検査者１０３（図４参照）が、検査対象としているウェブコンテンツ３１１と直接対比して検査の結果を考察できるようにするためである。

また、「文字色と背景色のコントラスト」欄３６５では、「文字色」欄３６３と「背景色」欄３６４の各文字色と背景色の関係を線３７１で結んでいる。これらの線３７１の端部には、「×」記号３７１が付いている場合と付いていない場合が存在している。線３７１の両端に「×」記号３７１が付いている場合には、コントラスト判定ルールによる合否判定で、不合格な組み合わせと判定されたことを示している。たとえば「文字色」欄３６３における「ｂｏｄｙ」に対応する黒色と、「背景色」欄３６４における「１６行目の＜ｔｒ＞」に対応する濃い茶色を結ぶ線３７１の両端には「×」記号３７１が付いている。したがって、文字色の黒色と背景色の濃い茶色の組み合わせはコントラストが不十分で、不合格であることが分かる。これに対して、「文字色」欄３６３における「ｂｏｄｙ」に対応する黒色と、「背景色」欄３６４における「１４行目の＜ｔｄ＞」に対応する青みの空色を結ぶ線３７１については、一方にしか「×」記号３７１が付いていない。したがって、この場合には文字色の黒色と背景色の濃い茶色の組み合わせはコントラストが十分であり、合格であることが分かる。

「背景色同士のトーンの調和」欄３６６についても、同様に隣接する背景色の組み合わせを線３７３で示すようになっている。この場合にも線３７３の両端に「×」記号３７４が付いている組み合わせが、背景色について美しい配色や調和のとれた配色を実現するためのルールで不合格となる。たとえば、「背景色」欄３６４における「ｂｏｄｙ」に対応する薄い水色と、「背景色」欄３６４における「１６行目の＜ｔｒ＞」に対応する濃い茶色を結ぶ線３７３で示す組み合わせは、両者の明度と彩度が離れており、トーンが統一されていないとしてトーンの配色調和に関して不合格となる。また、「背景色」欄３６４における「ｂｏｄｙ」に対応する薄い水色と、「背景色」欄３６４における「１４行目の＜ｔｄ＞」に対応する青みの空色を結ぶ線３７３で示す組み合わせは、両者の明度と彩度が近接しており、トーンが統一されているとして、トーンの配色調和に関して合格となる。

この図１８に示した例では、文字色と背景色、および背景色同士の関係をすべて線３７１、３７３で結んで示しているが、これに限るものではない。たとえば、すべての関係を描画すると煩雑になる場合には、任意のセレクタあるいはタグのみの関係をこのような線３７１、３７２で描画するようにしてもよい。この場合でも、判定ルールによる合否判定結果である「×」記号は、セレクタあるいはタグに関わらず、すべて表示することが望ましい。

また、図１８に示すような検査結果表３６１は、電子コンテンツにおける構成部品の配置密度が高かったり、構成部品の数が多いような場合には、電子コンテンツ全体を１つの検査結果表３６１で表示する必要はない。電子コンテンツの中の一部ずつのエリアを検査結果表３６１に順に表示するようにすることでも、構成部品間での色の属性の調整を図ることができる。

以上説明した第１の実施例の配色検査システム３００では、情報処理装置３０１がその内部に出力部３３０を配置したが、これに限るものではない。たとえば、出力部３３０を除外した構成の情報処理装置３０１の外部に図示しない通信ケーブルあるいは通信ネットワークを介して出力部３３０に相当する装置を外部装置として接続する構成であってもよい。判定ルール格納部３２７も同様に通信ケーブルあるいは通信ネットワークを介して情報処理装置３０１の外部に接続するようになっていてもよい。

以上説明した第１の実施例の配色検査システム３００によれば、判定ルールの中に文字の構成部品と背景の構成部品との関係だけでなく、背景の構成部品同士の組み合わせを含んでいる。また、背景の構成部品同士の組み合わせについては、トーンの調和という観点での検査も行っている。このため、電子コンテンツの各構成部品の間の配色の適否を視覚障害者や老人といった各種の利用者までも考慮して、より高レベルまで検査することができる。また、たとえば「コントラストが十分でまとまりのある調和が取れている」というように複数の検査条件を満たす検査も簡単に実現することができる。

しかも本実施例では、電子コンテンツの構成部品の組み合わせパターンを検出し、検査結果と組み合わせパターンを同時に提示することができる。たとえば文字と背景のコントラストを検査する判定ルールでは文字色と背景色を対象とし、構成部品から重なり合っている文字色と背景色を抽出し、その組み合わせパターンを示した上で検査結果を同時に提示することができる。また背景色同士の配色調和を検査する判定ルールでは背景色と背景色を対象とし、構成部品から隣り合っている背景色同士を抽出し、その組み合わせパターンを示した上で検査結果を同時に提示することができる。更にこれら判定ルールごとの組み合わせパターンを複数同時に提示することができる。これにより、たとえば検査結果が、背景色Ａは文字色Ａ、Ｂと重なり合い文字色Ａがコントラスト不足であり、同時に背景色Ｂ、Ｃと隣接し、背景色Ｃと調和が取れていない、といった構成部品ごとの組み合わせパターンと検査結果が一目瞭然となる。

次に、本発明の第２の実施の形態を具体化した第２の実施例の説明を行う。

図１９は、本発明の第２の実施例における配色検査システムの構成を表わしたものである。図１９で図８と同一部分には同一の符号を付しており、これらの説明を適宜省略する。

第２の実施例の配色検査システム３００Ａは、配色検査を行うための情報処理装置３０１Ａと、この情報処理装置３０１Ａがアクセス可能なインターネット３０２に接続されたコンテンツサーバ３０３から構成されている。コンテンツサーバ３０３内には、本実施例で配色検査の対象となるウェブコンテンツ３１１が格納されている。

情報処理装置３０１Ａは、ＣＰＵ３２１と、このＣＰＵ３２１が実行する制御プログラム等の所定のデータを格納するメモリ３２２Ａを有する主制御部３２３Ａを備えている。この第２の実施例の情報処理装置３０１Ａは、第１の実施例の情報処理装置３０１に色変更部３３１を追加すると共に、出力部３３０Ａが検査結果を表示するだけでなく、最新のウェブコンテンツ３１１を表示できるようになっている。

すなわち第２の実施例の情報処理装置３０１Ａでは、図５に示した第２の実施の形態の色変更装置１０６が色変更部３３１の形で装置内部に追加され、また、出力部３３０Ａが電子コンテンツ表示装置１０７（図５）を兼ねている。出力部３３０Ａが検査結果と最新のウェブコンテンツ３１１を表示するためには、たとえば図示しない液晶ディスプレイにマルチウィンドウ形式で情報を表示するようにすればよい。情報処理装置３０１Ａ内の主制御部３２３Ａは、色変更部３３１を追加したり出力部３３０Ａの出力内容を変更したこの第２の実施例の情報処理装置３０１Ａの各部を制御するようになっている。

ところで先に説明した第１の実施例では、図１８に示したような検査結果表を図８に示した出力部３３０に表示することができる。第２の実施例の情報処理装置３０１Ａも、前記した例と同一のウェブコンテンツ３１１を同一の判定ルールで検査したとする。この場合には、図１８に示したような検査結果表３６１を図１９に示した出力部３３０Ａの図示しない１つのウィンドウに表示することになる。第２の実施例の情報処理装置３０１Ａは、検査結果表３６１が出力部３３０Ａに表示された状態で、図５に示した検査者１０３が操作入力部３２９を操作することで、ウェブコンテンツ３１１の所望の箇所の色を変更することができる。

図２０は、色変更部の色編集処理の様子を表わしたものである。図５、図１８および図１９と共に説明を行う。

色変更部３３１は、検査者１０３が操作入力部３２９を使用して検査結果表３６１の「文字色」欄３６３あるいは「背景色」欄３６４における任意の色を指定するのを待機している（ステップＳ５０１）。色の指定が行われたのが判別されると（Ｙ）、色変更部３３１は検査結果表３６１に基づいた色編集用のウィンドウを出力部３３０Ａに表示する（ステップＳ５０２）。

図２１は、出力部に表示された色編集用のウィンドウの内容を表わしたものである。色編集用のウィンドウ６０１内の上部には、検査者１０３が選択した色を持つセレクタあるいはタグの名称（セレクタｏｒタグ名）６１１が表示される。また、色編集用のウィンドウ６０１の中央左側の位置には、選択した変更前の色を表示する領域６１２とその色のＲＧＢの各値を表示する領域６１３が配置されている。色編集用のウィンドウ６０１の中央右側の位置には、変更後の色を表示する領域６１４とその色のＲＧＢの各値を入力する領域６１５が配置されている。ＲＧＢの各値を表示する領域６１３、６１５の表示形式は、ラジオボタン６１６、６１７によって１０進数表示と１６進数表示のいずれかに選択可能である。色編集用のウィンドウ６０１内の下部には、色の変更を実行するための変更ボタン６１８と、変更を基に戻すための戻すボタン６１９と、色編集を終了するための終了ボタン６２０が配置されている。

本実施例の出力部３３０Ａを構成する図示しない液晶ディスプレイの表示面には、操作入力部３２９の一部をなす図示しないタッチパネルが配置されている。したがって、検査者１０３が変更ボタン６１８、戻すボタン６１９あるいは終了ボタン６２０を押すことで、色変更部３３１はこれに応じた色編集処理を行えるようになっている。

すなわち、図２０に示したステップＳ５０２の表示状態で検査者１０３が変更後の色のＲＧＢの各値を入力する領域６１５に対して所定の数値を入力して変更後の色を表示する領域６１４に対応する色を表示させて変更ボタン６１８を押下すると（ステップＳ５０３：Ｙ）、ステップＳ５０１で指定された色を変更した場合のウェブコンテンツ３１１についての検査結果が同一の判定ルールで演算され（ステップＳ５０４）、これによる色の変更後の検査結果表３６１が出力部３３０Ａの検査結果表示用のウィンドウ（図示せず）に表示される（ステップＳ５０５）。そして、図２１に示した変更後の色を表示する領域６１４とＲＧＢの各値を入力する領域６１５に表示した内容を変更前の色を表示する領域６１２とＲＧＢの各値を表示する領域６１３に移動させて（ステップＳ５０６）、ステップＳ５０２に進んで色編集用のウィンドウ６０１を出力部３３０Ａに表示させる。この変更後の色編集用のウィンドウ６０１を見て、検査者１０３は更に必要な変更を行うことができる。

一方、図２０に示したステップＳ５０２の表示状態で検査者１０３は戻すボタン６１９を押したり（ステップＳ５０３：Ｎ、ステップＳ５０７：Ｙ）、その代わりに終了ボタンを押すことができる（ステップＳ５０３：Ｎ、ステップＳ５０７：Ｎ、ステップＳ５０８：Ｙ）。戻すボタン６１９を押下した場合（ステップＳ５０７：Ｙ）、色変更部３３１は、検査者１０３が１つ前のアクションで設定した内容があれば、その内容を示す情報をメモリ３２２Ａから読み出す（ステップＳ５０９）。そして、ステップＳ５０５に進んでこれによる色の変更後の検査結果表３６１が出力部３３０Ａの検査結果表示用のウィンドウに表示される。これは、色の変更後の内容が良くないような場合に、これを取り消して新しい内容で色の変更を再開する場合に有効である。戻すボタン６１９の押下は、最初にステップＳ５０２で変更前として表示した色の情報まで遡って繰り返し行うことができる。

検査者１０３が所定の時点で終了ボタン６２０を押下すると（ステップＳ５０８：Ｙ）、色編集用のウィンドウ６０１に現時点で「変更前」として表示されている表示内容で指定した色が保存されて（ステップＳ５１０）、処理がステップＳ５０１に戻る（リターン）。変更ボタン６１８を押して指定した色の内容が変更された場合には（ステップＳ５０３：Ｙ）、ステップＳ５０６で変更後の内容が変更前の情報に変更されるので、その後に終了ボタン６２０を押すことで（ステップＳ５０８：Ｙ）、その変更後の内容の色が保存されることになる（ステップＳ５１０）。

このように本発明の第２の実施例の情報処理装置３０１Ａでは、先の第１の実施例で説明した効果を同様に得ることができる。しかも本実施例では、配色の変更についての全体像を掴みやすいので、配色変更作業を円滑に行うことが可能になる。

また、本実施例では、任意のウェブコンテンツ３１１に対して配色の検査を行った後、改善の余地のあるセレクタあるいはタグをより良い配色に変更することができる。しかも、このとき出力部３３０Ａが電子コンテンツ表示装置１０７を兼ねているので、検査者１０３は配色の編集を行うそれぞれの時点で、あるいは色の変更が行われた時点で、ウェブコンテンツ３１１における文字色や背景色の実際の変更結果を視覚的に把握することができる。出力部３３０Ａは、このような機能を備えるため、一般的なウェブブラウザと同様の描画機能を持つことが望ましい。

以上説明した第２の実施例の配色検査システム３００Ａでは、情報処理装置３０１Ａがその内部に色変更部３３１を配置したが、これに限るものではない。たとえば、色変更部３３１を除外した構成の情報処理装置３０１Ａの外部に図示しない通信ケーブルあるいは通信ネットワークを介して色変更部３３１に相当する装置を外部装置として接続する構成であってもよい。判定ルール格納部３２７も同様に通信ケーブルあるいは通信ネットワークを介して情報処理装置３０１Ａの外部に接続するようになっていてもよい。

更に出力部３３０Ａも、図５の電子コンテンツ表示装置１０７に相当する機能を有するものではなくてもよい。すなわち、電子コンテンツ表示装置１０７に相当する機能の装置を、同様に通信ケーブルあるいは通信ネットワークを介して情報処理装置３０１Ａの外部に接続するようになっていてもよい。

次に、本発明の第３の実施の形態を具体化した第３の実施例の説明を行う。

図２２は、本発明の第３の実施例における配色検査システムの構成を表わしたものである。図２２で図７および図１９と同一部分には同一の符号を付しており、これらの説明を適宜省略する。

第３の実施例の配色検査システム３００Ｂは、配色検査を行うための情報処理装置３０１Ｂと、この情報処理装置３０１Ｂがアクセス可能なインターネット３０２に接続されたコンテンツサーバ３０３から構成されている。コンテンツサーバ３０３内には、本実施例で配色検査の対象となるウェブコンテンツ３１１が格納されている。

情報処理装置３０１Ｂは、ＣＰＵ３２１と、このＣＰＵ３２１が実行する制御プログラム等の所定のデータを格納するメモリ３２２Ｂを有する主制御部３２３Ｂを備えている。この第３の実施例の情報処理装置３０１Ｂは、第２の実施例の情報処理装置３０１Ａに推奨色提示部３３２を追加した構成となっている。出力部３３０Ｂは、第２の実施例の情報処理装置３０１Ａと同様に、検査結果を表示するだけでなく、配色を指示し、これを基にして最新のウェブコンテンツ３１１を表示できるようになっている。

すなわち第３の実施例の情報処理装置３０１Ｂでは、図７に示した第３の実施の形態の推奨色提示装置１０８が推奨色提示部３３２の形で装置内部に追加され、また、出力部３３０Ｂが電子コンテンツ表示装置１０７Ｂを兼ねている。出力部３３０Ｂが検査結果と配色の指示を行う。出力部３３０Ｂがこのような機能を発揮するためには、たとえば図示しない液晶ディスプレイにマルチウィンドウ形式で情報を表示するようにすればよい。情報処理装置３０１Ｂ内の主制御部３２３Ｂは、色変更部３３１と推奨色提示部３３２を追加したり、出力部３３０Ｂの出力内容を変更したこの第３の実施例の情報処理装置３０１Ｂの各部を制御するようになっている。

ところで先に説明した第２の実施例では、図１８に示したような検査結果表を図１９に示した出力部３３０Ａに表示することができる。第３の実施例の情報処理装置３０１Ｂも、前記した例と同一のウェブコンテンツ３１１を同一の判定ルールで検査したとする。この場合には、図１８に示したような検査結果表３６１を図２２に示した出力部３３０Ｂの図示しないウィンドウに表示することになる。第３の実施例の情報処理装置３０１Ｂは、検査結果表３６１が出力部３３０Ｂに表示された状態で、検査者１０３（図７参照）が操作入力部３２９を操作することで、図２１に示した色編集用のウィンドウ６０１の内容と推奨すべき色を選択可能なカラーパレットを色編集・推奨ウィンドウとして表示することで、ウェブコンテンツ３１１の所望の箇所の色を変更することができる。

図２３は、色変更部および推奨色提示部による色編集・推奨処理の様子を表わしたものである。この図２３で図２０と同一の処理には同一のステップ番号を付している。図７、図１８および図２２と共に説明を行う。

色変更部３３１は、検査者１０３が操作入力部３２９を使用して検査結果表３６１の「文字色」欄３６３あるいは「背景色」欄３６４における任意の色を指定するのを待機している（ステップＳ５０１）。色の指定が行われたのが判別されると（Ｙ）、色変更部３３１は推奨色提示部３３２に指定した色に関する情報を渡し、推奨色提示部３３２はこの指定した色について判定ルール格納部３２７を使用して、配色上で合格となる推奨色と、配色上で不合格となる非推奨色を判定する（ステップＳ７０１）。そして、色編集・推奨ウィンドウを出力部３３０Ｂを用いて表示する（ステップＳ５０２Ａ）。

図２４は、出力部に表示された色編集・推奨ウィンドウの内容を表わしたものである。図２４で図２１と同一部分には同一の符号を付しており、これらの説明を適宜省略する。

色編集・推奨ウィンドウ８０１内の下部には、色の変更を実行するための変更ボタン６１８と、変更を基に戻すための戻すボタン６１９と、色編集を終了するための終了ボタン６２０が配置されている。これらのボタンの配置された上の領域の左半分には、図２１の色編集用のウィンドウ６０１と同一の表示内容が表示されるようになっている。変更ボタン６１８と戻すボタン６１９および終了ボタン６２０の配置された上の領域の右半分には、カラーパレット８１１が表示されている。

カラーパレット８１１は、ウェブコンテンツ３１１に適用候補となる色を色環表のように多数の色が系統立って配置された色の集合体として表示するものである。このカラーパレット８１１で示された各色は、ステップＳ５０１で指定された色に対して、文字色と背景色のコントラストという観点と、背景色同士のトーン調和という観点から合格とされる色と不合格とされる色に判定される（図２３ステップＳ７０１参照）。カラーパレット８１１における不合格とされる色（非推奨色）には、「−」の記号８１２が表示されている。したがって、検査者１０３は出力部３３０Ｂに表示されたカラーパレット８１１を見て、図２３のステップＳ５０１で指定した色に対する推奨色を、「−」の記号８１２の存在しない色の中から簡単に選択することができる。

色編集・推奨ウィンドウ８０１が表示された状態で、検査者１０３はカラーパレット８１１の中から１色を選択ししこれを変更後の色を表示する領域６１４に表示させたり、ＲＧＢの各値を入力する領域６１５に数値を入力して、これに対応する色を変更後の色を表示する領域６１４に表示させることができる。このように色編集・推奨ウィンドウ８０１が出力部３３０Ｂに表示されて、検査者１０３によるタッチパネルや操作入力部３２９の出力操作が可能な状態で、操作入力部３２９は変更ボタン６１８が押下されるか（ステップＳ５０３）と、戻すボタン６１９が押下されるかと（ステップＳ５０７）、終了ボタン６２０が押下されるか（ステップＳ５０８）を監視している。

変更ボタン６１８が押下された場合には（ステップＳ５０３：Ｙ）、ステップＳ５０１で指定された色を、カラーパレット８１１で指定された色あるいはＲＧＢの各値を入力する領域６１５への数値入力で指定された色に変更した場合の検査結果が演算される（ステップＳ５０４）。ただし、カラーパレット８１１で指定された色に関しては、すでに推奨される色と非推奨の色が明示されているので、演算自体を省略することができる。ステップＳ５０４の処理が終了したら色の変更後の検査結果表３６１が出力部３３０Ａの検査結果表示用のウィンドウ（図示せず）に表示される（ステップＳ５０５）。そして、図２４に示した変更後の色を表示する領域６１４とＲＧＢの各値を入力する領域６１５に表示した内容を変更前の色を表示する領域６１２とＲＧＢの各値を表示する領域６１３に移動させて（ステップＳ５０６）、ステップＳ７０１に進んでカラーパレット８１１に表示する推奨色と非推奨色を判定する。この後、ステップＳ５０２Ａに進むことになる。これ以外の処理は、図２０と同一である。

このように本発明の第３の実施例の情報処理装置３０１Ｂでは、第２の実施例の情報処理装置３０１Ａと全く同一の効果を得ることができるだけでなく、カラーパレット８１１で非推奨とされない色の中から自由に色を選択することができるので、ウェブコンテンツ３１１の特徴や雰囲気に合った色を容易に選択することができる。また、ＲＧＢの各値を入力する必要が必ずしもないので、ウェブコンテンツ３１１の作成の初心者にも優しい配色検査システム３００を構築することができる。

以上説明した第３の実施例の配色検査システム３００Ｂでは、情報処理装置３０１Ｂがその内部に色変更部３３１と推奨色提示部３３２を配置したが、これに限るものではない。たとえば、推奨色提示部３３２を除外した構成の情報処理装置３０１Ｂの外部に図示しない通信ケーブルあるいは通信ネットワークを介して推奨色提示部３３２に相当する装置を外部装置として接続する構成であってもよい。色変更部３３１についても、これを情報処理装置３０１Ｂの内部に配置せずに、外部装置として情報処理装置３０１Ｂに接続する形式としてもよい。更に、判定ルール格納部３２７も同様に通信ケーブルあるいは通信ネットワークを介して情報処理装置３０１Ｂの外部に接続するようになっていてもよい。

また出力部３３０Ａも、図７の電子コンテンツ表示装置１０７Ｂに相当する機能を有するものではなくてもよい。すなわち、電子コンテンツ表示装置１０７Ｂに相当する機能の装置を、同様に通信ケーブルあるいは通信ネットワークを介して情報処理装置３０１Ｂの外部に接続するようになっていてもよい。

更に、以上説明した各実施例では、メモリ３２２、３２２Ａ、３２２Ｂに格納された制御プログラムを使用することで、予め定めた手順を自動的に処理するようにしたが、制御プログラムをＣＰＵ３２１が実行する代わりにコンピュータシステム上で動作するコマンド、スクリプトで同様の記述を行い、一連の手順を自動的に処理するようにしてもよい。

なお、以上説明した本願発明の実施の形態および実施例では、文字（記号やマークを含む）と背景色の関係を説明したが、これに限るものではない。たとえばグラフ、組織図、構造図等の図表を色の属性の異なる領域に含めて、これらの電子コンテンツに対しても本発明を適用できることは当然である。

本発明の配色検査システムのクレーム対応図である。 本発明の配色検査方法のクレーム対応図である。 本発明の配色検査プログラムのクレーム対応図である。 本発明の第１の実施の形態による配色検査システムの構成を表わしたシステム構成図である。 本発明の第２の実施の形態による配色検査システムの構成を表わしたシステム構成図である。 第２の実施の形態で色変更装置による電子コンテンツの色要素の変更処理を表わした流れ図である。 本発明の第３の実施の形態による配色検査システムの構成を表わしたシステム構成図である。 本発明の第１の実施例における配色検査システムの構成を表わしたシステム構成図である。 第１の実施例における第１のコントラスト検査数式によるコントラストの合否判定処理を表わした流れ図である。 第１の実施例における第２のコントラスト検査数式によるコントラストの合否判定処理の様子を表わした流れ図である。 第１の実施例における配色検査部の処理の様子を表わした流れ図である。 第１の実施例における検査対象のウェブコンテンツのＨＴＭＬによる記述例を示した説明図である。 図１２に示したＨＴＭＬ記述で描画が行われた場合の画面の表示例を示した平面図である。 図１３に示す文字色と背景色のコントラストの判定結果を表わした説明図である。 図１３に示す背景色同士のトーンの調和の検査結果を表わした説明図である。 第１の実施例における検査結果関係提示部の処理の様子を表わした流れ図である。 図１５および図１６に示した検査結果から生成した使用色一覧の例を示した説明図である。 図１７の使用色一覧に基づいて出力部に表示された検査結果表を示した説明図である。 本発明の第２の実施例における配色検査システムの構成を表わしたシステム構成図である。 第２の実施例における色変更部の色編集処理の様子を表わした流れ図である。 第２の実施例の力部に表示された色編集用のウィンドウの内容を表わした平面図である。 本発明の第３の実施例における配色検査システムの構成を表わしたシステム構成図である。 第３の実施例の色変更部および推奨色提示部による色編集・推奨処理の様子を表わした流れ図である。 第３の実施例の出力部に表示された色編集・推奨ウィンドウの内容を表わした平面図である。

符号の説明

１０、１００、１００Ａ、１００Ｂ、３００、３００Ａ、３００Ｂ 配色検査システム
１１ 構成部品抽出手段
１２ 構成部品種別判別手段
１３ 判定ルール格納手段
１４ 組み合わせパターン特定手段
１５ 適否判定手段
１６ 出力手段
２０ 配色検査方法
２１ 構成部品抽出ステップ
２２ 構成部品種別判別ステップ
２３ 組み合わせパターン特定ステップ
２４ 適否判定ステップ
２５ 出力ステップ
３０ 配色検査プログラム
３１ 構成部品抽出処理
３２ 構成部品種別判別処理
３３ 組み合わせパターン特定処理
３４ 適否判定処理
３５ 出力処理
１０１ 電子コンテンツ
１０２、１０２Ａ、１０２Ｂ 配色検査装置
１０３ 検査者
１０４、１０４Ａ、１０４Ｂ 検査結果関係提示装置
１０６、１０６Ｂ 色変更装置
１０７、１０７Ｂ 電子コンテンツ表示装置
１０８ 推奨色提示装置
３０１、３０１Ａ、３０１Ｂ 情報処理装置
３０３ コンテンツサーバ
３１１ ウェブコンテンツ
３２１ ＣＰＵ
３２２、３２２Ａ、３２２Ｂ メモリ
３２３、３２３Ａ、３２３Ｂ 主制御部
３２５ 配色検査部
３２６ 検査結果関係提示部
３２７ 判定ルール格納部
３２８ 判定ルール
３２９ 操作入力部
３３０、３３０Ａ、３３０Ｂ 出力部
３３１ 色変更部
３３２ 推奨色提示部
６０１ 色編集用のウィンドウ
６１４ 変更後の色を表示する領域
６１５ ＲＧＢの各値を入力する領域
８０１ 色編集・推奨ウィンドウ
８１１ カラーパレット

Claims (8)

1. 人が視覚的に認識するひとまとまりの情報を電子的なデータで構成した検査の対象となる電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出する構成部品抽出手段と、
   この構成部品抽出手段で抽出した前記構成部品が前記電子コンテンツの視覚的な役割を担う予め定めた複数の種別のうちのいずれであるかを判別する構成部品種別判別手段と、
   前記構成部品抽出手段で抽出した前記構成部品のうちで領域として位置的に隣接するもの同士の配色が適合しているかを前記構成部品種別判別手段で判別した構成部品の種別との関係で予め規定した幾つかの判定ルールを格納した判定ルール格納手段と、
   前記検査の対象となる電子コンテンツから前記構成部品のうちで領域として位置的に隣接するもの同士について、それら構成部品の組み合わされた組み合わせパターンを各々特定する組み合わせパターン特定手段と、
   この組み合わせパターン特定手段で特定したそれぞれの組み合わせパターンにおける構成部品同士の配色が適合しているかを、前記判定ルール格納手段に格納された判定ルールのうちの前記構成部品の種別との関係で該当するものを用いて判定する適否判定手段と、
   この適否判定手段の判定結果をそれぞれの構成部品の領域の配置関係と共に出力する出力手段
   とを具備することを特徴とする配色検査システム。
2. 前記構成部品のいずれかを指定する構成部品指定手段と、
   この構成部品指定手段で指定した構成部品の前記色の属性を変更する色属性変更手段と、
   この色属性変更手段で前記色の属性を変更したときに前記構成部品抽出手段によって前記構成部品を再度抽出し、これに基づいて前記出力手段から前記色の属性を変更した後の前記適否判定手段の判定結果を出力させる再検査手段
   とを具備することを特徴とする請求項１記載の配色検査システム。
3. 前記構成部品のいずれかを指定する構成部品指定手段と、
   この構成部品指定手段で指定した構成部品と前記組み合わせパターンを構成する他の構成部品とが前記適否判定手段で適合とされる構成部品同士の配色を実現する前記他の構成部品の色の属性を判別する色属性判別手段と、
   この色属性判別手段で判別した前記他の構成部品の色の属性を推奨すべき色の属性として提示する推奨色属性提示手段
   とを具備することを特徴とする請求項１記載の配色検査システム。
4. 前記構成部品種別判別手段は、文字の構成部品と背景の構成部品を判別することを特徴とする請求項１記載の配色検査システム。
5. 前記色の属性は、色相、明度、彩度によって構成されることを特徴とする請求項１〜請求項３いずれかに記載の配色検査システム。
6. 前記出力手段は、前記組み合わせパターン特定手段によって特定された全組み合わせの少なくとも２組以上について前記適否判定手段の適否の判定内容を表として示した検査結果表を表示することを特徴とする請求項１記載の配色検査システム。
7. 人が視覚的に認識するひとまとまりの情報を電子的なデータで構成した検査の対象となる電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出する構成部品抽出ステップと、
   この構成部品抽出ステップで抽出した前記構成部品が前記電子コンテンツの視覚的な役割を担う予め定めた複数の種別のうちのいずれであるかを判別する構成部品種別判別ステップと、
   前記検査の対象となる電子コンテンツから前記構成部品のうちで領域として位置的に隣接するもの同士について、それら構成部品の組み合わされた組み合わせパターンを各々特定する組み合わせパターン特定ステップと、
   この組み合わせパターン特定ステップで特定したそれぞれの組み合わせパターンにおける構成部品同士の配色が適合しているかを、前記構成部品種別判別ステップで判別した構成部品の種別との関係で予め規定した幾つかの判定ルールのうちの該当するものを用いて判定する適否判定ステップと、
   この適否判定ステップの判定結果をそれぞれの構成部品の領域の配置関係と共に出力する出力ステップ
   とを具備することを特徴とする配色検査方法。
8. コンピュータに、
   人が視覚的に認識するひとまとまりの情報を電子的なデータで構成した検査の対象となる電子コンテンツから、色の属性が領域ごとに異なる構成部品をそれぞれ抽出する構成部品抽出処理と、
   この構成部品抽出処理で抽出した前記構成部品が前記電子コンテンツの視覚的な役割を担う予め定めた複数の種別のうちのいずれであるかを判別する構成部品種別判別処理と、
   前記検査の対象となる電子コンテンツから前記構成部品のうちで領域として位置的に隣接するもの同士について、それら構成部品の組み合わされた組み合わせパターンを各々特定する組み合わせパターン特定処理と、
   この組み合わせパターン特定処理で特定したそれぞれの組み合わせパターンにおける構成部品同士の配色が適合しているかを、前記構成部品種別判別処理で判別した構成部品の種別との関係で予め規定した幾つかの判定ルールのうちの該当するものを用いて判定する適否判定処理と、
   この適否判定処理の判定結果をそれぞれの構成部品の領域の配置関係と共に出力する出力処理
   とを実行させることを特徴とする配色検査プログラム。

Images