(57)【要約】【課題】電子画像と電子コンテンツとに配色する際に、色相を自由に指定した場合、指定した色相の範囲内で、明度のコントラストを自動的に保つことができる文字色提案装置、文字色提案方法およびプログラムを提供することを目的とする。【解決手段】所定の色に関して、色コード値、明度値、色相角のうちの複数の情報をセットとして格納している色特性データベースを有し、背景色入力手段が入力した背景色と、文字色提案装置の処理の結果選択された文字色とを表示し、背景色の明度値を抽出し、背景色の明度値に基づいて、文字の視認性が所定値よりも高い明度コントラストを持つ明度値の範囲を算出し、上記算出した明度値の範囲から、候補色を抽出し、ユーザが文字色を指定し、上記抽出した候補色の中から、上記文字色指定手段を介してユーザが指定した候補色を表示する文字色提案装置である。【選択図】図１
2011100244.tif 000002
【特許請求の範囲】
【請求項１】
電子画像の色を提案する文字色提案装置において、
背景色を入力する背景色入力手段と；
上記背景色入力手段が入力した背景色と、上記文字色提案装置の処理の結果選択された文字色とを表示する結果表示手段と；
背景色の明度値を抽出する背景色明度値抽出手段と；
所定の色に関して、色コード値、明度値、色相角のうちの複数の情報をセットとして格納している色特性データベースと；
背景色の明度値に基づいて、文字の視認性が所定値よりも高い明度コントラストを持つ明度値の範囲を算出する文字色明度値範囲算出手段と；
上記文字色明度値範囲算出手段が算出した明度値の範囲から、候補色を抽出する文字色候補抽出手段と；
ユーザが文字色を指定する文字色指定手段と；
上記文字色候補抽出手段が抽出した候補色の中から、上記文字色指定手段を介してユーザが指定した候補色を表示する候補色表示手段と；
を有することを特徴とする文字色提案装置。
【請求項２】
請求項１において、
上記背景色入力手段は、複数の文字を配色する際に、一度入力された色相を除外し、使用できないようにする手段であることを特徴とする文字色提案装置。
【請求項３】
電子画像の色を提案する文字色提案方法において、
背景色入力手段を介して入力された背景色と、上記文字色提案方法の結果選択された文字色とを、結果表示手段に表示する結果表示工程と；
背景色の明度値を、背景色明度値抽出手段が抽出し、記憶装置に記憶する背景色明度値抽出工程と；
背景色の明度値に基づいて、文字の視認性が所定値よりも高い明度コントラストを持つ明度値の範囲を、文字色明度値範囲算出手段が算出し、記憶装置に記憶する文字色明度値範囲算出工程と；
上記文字色明度値範囲算出手段が算出した明度値の範囲から、文字色候補抽出手段が、候補色を抽出し、記憶装置に記憶する文字色候補抽出工程と；
上記文字色候補抽出手段が抽出した候補色の中から、文字色指定手段を介してユーザが指定した候補色を表示する候補色表示工程と；
を有することを特徴とする文字色提案方法。
【請求項４】
請求項３において、
上記背景色入力工程は、複数の文字を配色する際に、一度入力された色相を除外し、使用できないようにする工程であることを特徴とする文字色提案方法。
【請求項５】
請求項１または請求項２記載の文字色提案装置を構成する各手段としてコンピュータを機能させるプログラムを格納しているプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、電子画像と電子コンテンツとに配色する際に、色相を自由に指定し、この指定した色相の範囲内で、明度のコントラストを自動的に保つ文字の候補色を提案し、これによって、文字の視認性を高めるデザインを、効率よく行うことができる文字色提案装置、文字色提案方法およびプログラムに関する。
【背景技術】
【０００２】
近年、インターネットが社会において広く普及し、様々な環境で閲覧されることが求められ、様々な特徴を持つ利用者がいることを想定したウェブコンテンツ作成と提供とが求められている。この中で、ウェブサイトのアクセシビリティを担保するためのチェック項目を記述した「ウェブアクセシビリティガイドライン」が重要視されている（たとえば、非特許文献１参照）。この非参考文献１を、以下、「ＪＩＳ」という。
【０００３】
このＪＩＳは、２００８年にWorld Wide Web Consortium（以下、「Ｗ３Ｃ」という）によって策定されたWeb Content Accessibility Guidelines ２.０（以下、「ＷＣＡＧ２.０」という）を受けて改定される予定である。
【０００４】
このガイドラインのチェック項目の中に、ウェブサイトの配色に関する項目があり、背景色と文字色との２色に対して、明るさのコントラスト（明るさの違い）の計算式と、コントラスト比の基準とが設けられている。この基準を満たしていれば、背景に対して、文字が読みやすいと判断し、基準を満たしていなければ、文字が読みにくいと判断する。
【先行技術文献】
【非特許文献】
【０００５】
【非特許文献１】JIS X 8341-3:2004「高齢者・障害者等配慮設計指針−情報通信における機器，ソフトウェア及びサービス−第３部：ウェブコンテンツ」日本規格協会、平成16年6月20日発行、pp.13-14
【発明の概要】
【発明が解決しようとする課題】
【０００６】
しかし、ＷＣＡＧ２.０に記載されているコントラストの計算式は、明るさのコントラストを考慮しているので、いわゆる「赤」や「青」等、直感的に把握しやすい色相（色あい）の情報は、考慮されていない。計算式のみを利用して候補色を求めると、複数の色相にまたがった膨大な数の候補が出るので、デザイナが色を選ぶ際には，不必要な情報になる場合がある。
【０００７】
また、実際のウェブデザインでは、１つの背景色に対して、テキスト文字の色、リンク文字の色、アクティブリンク文字の色、既読リンク文字の色という４種類の文字の色を，それぞれが区別可能であるように決定する必要がある。
【０００８】
上記従来例において、コントラストの計算式を用いて、背景色と文字色との１対１のチェックを行うことは手間がかかるという問題がある。
【０００９】
また、上記従来例では、デザイナは、それぞれの文字色を色相によって区別しようとする場合が多く、文字の視認性（読みやすさ）を高めるにあたり、明るさのコントラスト比だけではなく、色相を考慮した候補色の提案が求められている。
【００１０】
本発明は、電子画像と電子コンテンツとに配色する際に、色相を自由に指定した場合、指定した色相の範囲内で、明度のコントラストを自動的に保つことができる文字色提案装置、文字色提案方法およびプログラムを提供することを目的とする。
【課題を解決するための手段】
【００１１】
本発明は、電子画像の色を提案する文字色提案装置において、背景色を入力する背景色入力手段と、上記背景色入力手段が入力した背景色と、上記文字色提案装置の処理の結果選択された文字色とを表示する結果表示手段と、背景色の明度値を抽出する背景色明度値抽出手段と、所定の色に関して、色コード値、明度値、色相角のうちの複数の情報をセットとして格納している色特性データベースと、背景色の明度値に基づいて、文字の視認性が所定値よりも高い明度コントラストを持つ明度値の範囲を算出する文字色明度値範囲算出手段と、上記文字色明度値範囲算出手段が算出した明度値の範囲から、候補色を抽出する文字色候補抽出手段と、ユーザが文字色を指定する文字色指定手段と、上記文字色候補抽出手段が抽出した候補色の中から、上記文字色指定手段を介してユーザが指定した候補色を表示する候補色表示手段とを有する文字色提案装置である。
【発明の効果】
【００１２】
本発明によれば、電子画像と電子コンテンツとに配色する際に、色相を自由に指定した場合、指定した色相の範囲内で、明度のコントラストを自動的に保つことができるという効果を奏する。
【００１３】
また、本発明によれば、文字の候補色を提案するので、文字の視認性を高めるデザインを効率よく行うことができるという効果を奏する。
【００１４】
また、本発明によれば、複数の文字色を決定する際に、文字間の色相が重複しないという効果を奏する。
【図面の簡単な説明】
【００１５】
【図１】本発明の実施例１である文字色提案装置１００を示すブロック図である。
【図２】色特性データベース１４が有する色相の分類例を示す図である。
【図３】色特性データベース１４に格納されている色コード値、明度値、色相角のセット例を示す模式図である。
【図４】文字色提案装置１００における処理の流れを示すフローチャートである。
【図５】文字色提案装置１００の処理の説明図である。
【図６】本発明の実施例２である文字色提案装置の処理の流れを示す図である。
【図７】本発明の実施例２である文字色提案装置の処理の説明図であり、２回目の文字色入力動作の説明図である。
【発明を実施するための形態】
【００１６】
発明を実施するための形態は、以下の実施例である。
【実施例１】
【００１７】
図１は、本発明の実施例１である文字色提案装置１００を示すブロック図である。
【００１８】
文字色提案装置１００は、ＰＣ内で単独動作するアプリケーションとして実施され、背景色入力手段１１と、結果表示手段１２と、背景色明度値抽出手段１３と、色特性データベース１４と、文字色明度値範囲算出手段１５と、文字色候補抽出手段１６と、文字色指定手段１７と、候補色表示手段１８とを有する。
【００１９】
背景色入力手段１１は、背景色を入力する手段である。結果表示手段１２は、背景色入力手段１１が入力した背景色と、文字色提案装置１００の処理の結果選択された文字色とを表示する手段である。背景色明度値抽出手段１３は、背景色の明度値を抽出する手段である。
【００２０】
色特性データベース１４は、ＨＴＭＬ言語で使用される色コード値と、それらの色の明度（明るさ）値と、色相角とをセットになって保存しているデータベースである。つまり、色特性データベース１４は、所定の色に関して、色コード値、明度値、色相角うちの複数の情報をセットとして格納しているデータベースである。
【００２１】
文字色明度値範囲算出手段１５は、背景色の明度値に基づいて、文字の視認性が所定値よりも高い明度コントラストを持つ明度値の範囲を算出する手段である。文字色候補抽出手段１６は、上記文字色明度値範囲算出手段が算出した明度値の範囲から、候補色を抽出する手段である。
【００２２】
文字色指定手段１７は、ユーザが文字色を指定する手段である。候補色表示手段１８は、文字色候補抽出手段１６が抽出した候補色の中から、文字色指定手段１７を介してユーザが指定した候補色を表示する手段である。
【００２３】
次に、色特性データベース１４が保有する情報について説明する。
【００２４】
色特性データベース１４は、ＨＴＭＬ言語で使用される色コード値と、それらの色の明度（明るさ）値と、色相角とをセットで保存している。
【００２５】
図２は、色特性データベース１４が有する色相の分類例を示す図である。
【００２６】
色コード値は、左からＲ値、Ｇ値、Ｂ値の順で記述されている値であり、それぞれが０から２５５の値で表現され、しかも、それぞれが１６進数で記述されている。たとえば、赤の色コードは、Ｒ値が２５５であり、Ｇ値が０であり、Ｂ値が０であり、それぞれを、１６進数で表現するとＦＦ、００、００であり、これらを一連で記述すると、「ＦＦ００００」になり、これが、色コード赤として記述されている。この表記法は、Ｒ、Ｇ、Ｂのそれぞれの値の大きさを把握し易いが、明るさや色相等、色の見た目に強く関連する情報を把握することが困難である。したがって、全ての色コード値に対して明度値と色相角とを予め求め、色コード値と対応付けておく。
【００２７】
明度値Lumi.を算出する場合、まず色コードに基づいて、ＲＧＢ値を求め、この求めたＲＧＢ値を使用し、ＷＣＡＧ２.０に記載されている次の式（１）によって、明度値Lumi.を求める。
【００２８】
Lumi. ＝ 0.2126*((R/255)^2.2) ＋ 0.7152*((G/255)^2.2) ＋ 0.0722*((B/255)^2.2)  …式（１）
【００２９】
色相角Ｈ値を算出する場合、ＲＧＢ値を、一度Ｌ＊ａ＊ｂ表色系へ変換し、その後に、色相角Ｈ値を算出する。色相角Ｈ値は、角度であり、図２に示すように、色相角Ｈ値が０°であれば、およそ赤色であり、色相角Ｈ値を示す角度が増加するに従って、黄色、緑、青、紫と変化し、一周すると、赤に戻る。
【００３０】
ここでは、図２に示すように，色相角Ｈ値を示す３６０°を、０°から１０等分し、それぞれの角度領域に対応する色相を、「赤」、「橙」、「黄」、「黄緑」、「緑」、「青緑」、「青」、「青紫」、「紫」、「赤紫」とし、このようにして、色相を１０色相に分ける。
【００３１】
図３は、色特性データベース１４に格納されている色コード値、明度値、色相角値のセット例を示す模式図である。
【００３２】
上記のようにして求めた全ての色コード値と、明度値と、色相角値（色相名のラベル）とのセットが、図３に示すように、色特性データベース１４に保存されている。
【００３３】
次に、文字色提案装置１００の動作について説明する。
【００３４】
図４は、文字色提案装置１００における処理の流れを示すフローチャートである。
【００３５】
ステップＳ１で、ユーザが、背景色となる任意の１色を、背景色入力手段１１に入力し、その色を表示する。背景色入力手段１１に背景色が入力されると、その背景色を候補色表示手段１８が受信する。背景色を入力する場合、たとえば色コード値をテキストで入力すること等によって、背景色を入力する。背景色入力手段１１が入力した色の情報は、結果表示手段１２に送られ、結果表示手段１２が、背景色を表示する。
【００３６】
図５は、文字色提案装置１００の処理の説明図である。
【００３７】
図５に示す例では、上記１６進数で表現する「ＢＢＥＥＦＦ」を、背景色としてテキスト入力し、その色を、文字色提案装置１００全体の背景色として表示している。背景色入力手段１１に入力された色の情報は、背景色明度値抽出手段１３に送られる。
【００３８】
ステップＳ２では、背景色明度値抽出手段１３が、背景色入力手段１１から受信した色の情報を用いて、背景色の明るさ（明度）を求める。ここでは、色特性データベース１４が保有している色コード値と明度値とのセットの情報に基づいて、入力された背景色の明度値Ｌｕｍｉ＿ｂａｃｋｇｒｏｕｎｄを取得する。この背景色の明度値の情報が、文字色明度値範囲算出手段１５に送られる。
【００３９】
ステップＳ３で、文字色明度値範囲算出手段１５が、背景色明度値抽出手段１３から受信した背景色の明度値に対して、より見易い文字色の明度値を求める。この場合、ＷＣＡＧ２.０に記載されている明度コントラストの式を用いる。ＷＣＡＧ２.０では、背景色と文字色とについて、上記式（１）で求めた明度値Ｌｕｍｉ値が大きい方の色を、明度値Ｌｕｍｉ１とし、明度値Ｌｕｍｉが小さい方の色を、明度値Ｌｕｍｉ２とする。上記より見易い文字色の明度値は、明度値Ｌｕｍｉ１と明度値Ｌｕｍｉ２とである。また、コントラスト値Cont.は、次の式（２）によって求める。
【００４０】
Cont. ＝ (Ｌｕｍｉ１+0.05)/(Ｌｕｍｉ２+0.05)  …式（２）
このコントラスト値Cont.が５以上、または１０以上であれば、見易いレベルであると考える。上記式（２）を利用して、背景色の明度値Ｌｕｍｉ＿ｂａｃｋｇｒｏｕｎｄを使用して、
Lumi_min ＝ Lumi_background/5  …式（３）
Lumi_max ＝ Lumi_background*5  …式（４）
を求め、文字色の明度値のＮＧ範囲Lumi_text_NG（文字色の明度値として不適切である範囲）を、
Lumi_min ＜ Lumi_text_NG ＜ Lumi_max  …式（５）
とする。
【００４１】
上記式（５）から、適した文字の明度値Lumi_textは、
Lumi_text ≦ Lumi_min、 または、Lumi_max≦Lumi_text  …式（６）
である。この文字色の明度値の情報が、文字色候補抽出手段１６に送られる。
【００４２】
ステップＳ４で、色特性データベース１４に格納されている色の中から、文字色明度値範囲算出手段１５が求めた、適した文字色の明度値Lumi_text（式（６）を満足する明度値）の色を、文字色候補抽出手段１６が、全て取得する。ここで、色コード値だけでなく、色相の情報もセットで取得する。つまり、色コード値を、色相の情報とともに取得する。取得された色情報（色コード値＋色相の情報）が、候補色表示手段１８に送られる。
【００４３】
ステップＳ５で、文字色として使用する色相を限定する。まず、文字色指定手段１７が出力した信号を受けて、候補色表示手段１８が起動する。候補色表示手段１８は、初めに色相に関する表示を行う。たとえば、図５に示すような色相環のパレットが表示される。図５に示す例では、色相は、色特性データベース１４に保有されている１０色相で構成されている。そして、候補色表示手段１８に表示されている色相のうちで、使用したい色相を、ユーザが、文字色指定手段１７を介して１種類、指定する。
【００４４】
ステップＳ６では、ステップＳ５で指定された色相の情報に基づいて、文字色候補抽出手段１６が選んだ文字色候補の中から、該当する色相の色のみを、候補色表示手段１８が表示する。図５に示す例では、１つの色相について、上記式（６）で、Ｌｕｍｉ＿ｍｉｎ以下である色と、Ｌｕｍｉ＿ｍａｘ以上である色とに分割して、表示する。
【００４５】
ステップＳ７では、候補色表示手段１８に表示されている候補色の中から、文字色指定手段１７を介して、ユーザが１色を選択する。色を選択する場合、たとえば候補色表示手段１８上で選択することが考えられる。選択された色の情報が、結果表示手段１２に送られる。
【００４６】
ステップＳ８では、文字色指定手段１７で最終的に指定された文字色を使用して、ステップＳ１で表示していた背景色の上に文字として、結果表示手段１２が表示する。たとえば、図５の「“文字テキストＡＢ”」部分の色として表示する。
【００４７】
背景色入力手段１１は、背景色として、色コード値をテキスト入力するが、他の入力方法を採用するようにしてもよい。たとえば、カラーパレットで指定し、ディスプレイ上の任意の色を取得する等でもよい。また、色コード値以外の、ＲＧＢ値やそれ以外の色値を使用してもよい。
【００４８】
背景色の明度値は、色特性データベース１４の情報を参照せず、背景色明度値抽出手段１３が計算処理を行うようにしてもよい。しかし、処理の速さを考慮すると、色特性データベース１４が予め保有している情報を参照することが好ましい。
【００４９】
色特性データベース１４は、色相のカテゴリを１０種類保有しているが、必ずしも１０種類に限る必要はない。色相のカテゴリ数を、より多く、またはより少なくするようにしてもよい。これに伴い、候補色表示手段１８が表示する色相も、必ずしも１０種類である必要がない。
【００５０】
文字色明度値範囲算出手段１５が求めた文字色の明度値の基準として、たとえばＷＣＡＧ２.０におけるもう１つの基準であるコントラスト比１０以上を採用するようにしてもよい。この場合、より厳しい基準であるので、候補となる色の数が少なくなる。また、文字色明度値範囲算出手段１５で求める文字色の明度値の基準として、コントラスト比が５以上、１０以上の両方の基準を用いてもよい。この場合、候補色表示手段１８は、上記基準に応じて表示を変えることが必要である。なお、コントラスト比の基準値は、ＷＣＡＧ２.０で規定されている値を使用しているが、他の値であってもよい。
【００５１】
候補色表示手段１８の表示方法は、必ずしも図５に示す方法でなくてもよく、任意である。色相を表示する場合、たとえば「赤」「橙」「黄」等のように文字として表示するようにしてもよい。また、候補色を表示する場合、たとえば図５に示すように色毎に区切りを入れるのではなく、グラデーションのカラーパレットで表示するようにしてもよい。または、文字色候補抽出手段１６で抽出された色の全てを表示した上で、指定された色相以外の部分をグレーアウト（ウィンドウのボタン、選択部分がグレーになり、選択できない状態）にしてもよい。また、色の表示だけではなく、たとえば色コード値を表示するようにしてもよい。なお、もしコントラスト比の基準を２種類使用した場合、候補色を２種類に分けて表示するようにしてもよい。
【００５２】
文字色指定手段１７において、選択できる色相数を１種類に限定する必要はない。複数の種類の色相を選択できるようにしてもよい。
【実施例２】
【００５３】
本発明の実施例２は、ＰＣ内で単独動作するアプリケーションとして実施される実施例である。
【００５４】
実施例２では、１つの背景色に対して、複数の文字について、それぞれ色を選択できる。このときに、文字色同士が、同じ色相にならないようにする。
【００５５】
実施例２の文字色提案装置のブロック構成は、図１に示す文字色提案装置１００と同様の構成である。実施例２である文字色提案装置は、背景色入力手段１１と、結果表示手段１２と、背景色明度値抽出手段１３と、色特性データベース１４と、文字色明度値範囲算出手段１５と、文字色候補抽出手段１６と、文字色指定手段１７と、候補色表示手段１８とを有する。
【００５６】
図６は、本発明の実施例２である文字色提案装置の処理の流れを示す図である。
【００５７】
実施例２の処理の特徴は、実施例の処理において、ステップＳ９、Ｓ１０を付加した点である。つまり、実施例２の処理において、実施例１におけるステップＳ１〜ステップＳ４が同じであり、ステップＳ５〜ステップＳ８の処理を、一度実行した後に、ステップＳ９、Ｓ１０を追加して実行し、選択すべき文字色の数だけ、ステップＳ５〜ステップＳ９、Ｓ１０を繰り返し実行し、終了する。
【００５８】
ステップＳ１０で、１度目のステップＳ５で、文字色指定手段１７を介して指定された色相について、次の回のステップＳ５では、指定できないように、指定された色相を除外する。この結果、候補色表示手段１８に表示されている選択可能な色相の数が減る。
【００５９】
図７は、実施例２である文字色提案装置の処理の説明図であり、２回目の文字色入力動作の説明図である。
【００６０】
候補色表示手段１８が色相を表示する場合、候補色表示手段１８が表示する色相数が１つ減っている。ステップＳ９で選択すべき文字色が残っていると判断されると、予め指定されている選択すべき文字色の数だけ、ステップＳ５〜ステップＳ８の処理が繰り返される。図７に示す例の場合、３種類の文字の配色を行うので、ステップＳ５〜ステップＳ８の処理が、２回繰り返され、つまり、３回実行される。
【００６１】
なお、図７に示す例において、候補色表示手段１８では、２回目の色相表示の際の色相数を１つ減らすが、必ずしも１つの色相を除外するのではなく、たとえば、隣接している色相も除外するようにしてもよい。
【００６２】
また、図７に示す例において、候補色表示手段１８では、２回目の候補色表示について、色の表示のみを行っているが、１回目に決定された文字色と同じ明度値を持つ色にポインタをつけ、強調表示するようにしてもよい。このようにすることによって、色相は異なるが、同じ明度値を持つ色を選択し易い。
【００６３】
また、上記実施例において、背景色入力手段１１は、複数の文字を配色する際に、一度入力された色相を除外し、使用できないようにする手段である。
【００６４】
上記実施例を方法の発明として把握することができる。つまり、上記実施例は、電子画像の色を提案する文字色提案方法において、背景色入力手段を介して入力された背景色と、上記文字色提案方法の結果選択された文字色とを、結果表示手段に表示する結果表示工程と、背景色の明度値を、背景色明度値抽出手段が抽出し、記憶装置に記憶する背景色明度値抽出工程と、背景色の明度値に基づいて、文字の視認性が所定値よりも高い明度コントラストを持つ明度値の範囲を、文字色明度値範囲算出手段が算出し、記憶装置に記憶する文字色明度値範囲算出工程と、上記文字色明度値範囲算出手段が算出した明度値の範囲から、文字色候補抽出手段が、候補色を抽出し、記憶装置に記憶する文字色候補抽出工程と、上記文字色候補抽出手段が抽出した候補色の中から、文字色指定手段を介してユーザが指定した候補色を表示する候補色表示工程とを有することを特徴とする文字色提案方法の例である。
【００６５】
また、上記実施例をプログラムとして把握することができる。つまり、上記実施例は、請求項１または請求項２記載の文字色提案装置を構成する各手段としてコンピュータを機能させるプログラムを格納しているプログラムである。
【符号の説明】
【００６６】
１００…文字色提案装置、
１１…背景色入力手段、
１２…結果表示手段、
１３…背景色明度値抽出手段、
１４…色特性データベース、
１５…文字色明度値範囲算出手段、
１６…文字色候補抽出手段、
１７…文字色指定手段、
１８…候補色表示手段。
【図１】
2011100244.tif 000003
【図２】
2011100244.tif 000004
【図３】
2011100244.tif 000005
【図４】
2011100244.tif 000006
【図６】
2011100244.tif 000007
【図５】
2011100244.tif 000008
【図７】
2011100244.tif 000009