[go: up one dir, main page]

JP5279085B2 - Color arrangement conversion apparatus and program - Google Patents

Color arrangement conversion apparatus and program Download PDF

Info

Publication number
JP5279085B2
JP5279085B2 JP2009238153A JP2009238153A JP5279085B2 JP 5279085 B2 JP5279085 B2 JP 5279085B2 JP 2009238153 A JP2009238153 A JP 2009238153A JP 2009238153 A JP2009238153 A JP 2009238153A JP 5279085 B2 JP5279085 B2 JP 5279085B2
Authority
JP
Japan
Prior art keywords
color
arrangement
conversion
color arrangement
information
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Expired - Fee Related
Application number
JP2009238153A
Other languages
Japanese (ja)
Other versions
JP2011086092A (en
Inventor
晴美 齋藤
陽子 浅野
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
NTT Inc
NTT Inc USA
Original Assignee
Nippon Telegraph and Telephone Corp
NTT Inc USA
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Nippon Telegraph and Telephone Corp, NTT Inc USA filed Critical Nippon Telegraph and Telephone Corp
Priority to JP2009238153A priority Critical patent/JP5279085B2/en
Publication of JP2011086092A publication Critical patent/JP2011086092A/en
Application granted granted Critical
Publication of JP5279085B2 publication Critical patent/JP5279085B2/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Image Processing (AREA)
  • Processing Or Creating Images (AREA)

Abstract

<P>PROBLEM TO BE SOLVED: To provide a color scheme conversion device for increasing the contrast of a color, and for converting it into an easily visible color scheme in such a state that the features of such a color scheme as a tone brought about by the combination of the color scheme of electronic content including Web content, that is, the combination of a plurality of colors is maintained as much as possible. <P>SOLUTION: The color scheme conversion device analyzes the distribution of a color scheme on an obtained image; sets up a color characteristic database equipped with information related with the definition of a color; sorts the analyzed color scheme into color scheme types by analyzing a color difference about the analyzed color scheme; sets up a color difference analysis information database equipped with information for analyzing the color difference; converts the color scheme on the obtained image by changing the color difference according to the sorted color scheme types; sets up a conversion rule database equipped with a rule related with the change of the color difference; and outputs the result of the conversion of the color scheme. <P>COPYRIGHT: (C)2011,JPO&amp;INPIT

Description

本発明は、電子画像および電子コンテンツについて、配色の特徴を保ちながら、見やすい配色に変換する際に、変換内容及び結果を表示する装置及びプログラムに関する。   The present invention relates to an apparatus and a program for displaying conversion contents and results when converting an electronic image and electronic content into a color scheme that is easy to see while maintaining the characteristics of the color scheme.

近年、インターネットが社会において広く普及し、様々な環境で閲覧されることや、様々な特徴を持つ利用者が存在していることを想定したウェブコンテンツ作成及び提供が求められている。   In recent years, there has been a demand for creation and provision of web contents on the assumption that the Internet is widely spread in society and browsed in various environments and that users with various characteristics exist.

この中で、ウェブサイトのアクセシビリティを担保するためのチェック項目を記述した「ウェブアクセシビリティガイドライン」が、重要視されている。   In this, “Web accessibility guidelines” describing check items for ensuring the accessibility of websites are regarded as important.

2008年には、World Wide Web ConsortiumがWeb Content Accessibility Guidelines 2.0(以下、WCAG2.0)を策定した。また、これを受けて、2009年にJIS X 8341−3:2009「高齢者・障害者等配慮設計指針−情報通信における機器、ソフトウェア、およびサービス」(以下、新JIS)も改訂される予定である。新JISは、WCAG2.0の日本語訳であり、その内容は同じであるとされている。このガイドラインのチェック項目の中に、ウェブサイトの配色に関する項目がある。   In 2008, the World Wide Web Consortium formulated Web Content Accessibility Guidelines 2.0 (hereinafter WCAG 2.0). In response to this, JIS X 8341-3: 2009 “Guidelines for Designing Considerations for the Elderly and Persons with Disabilities—Information Communication Equipment, Software, and Services” (hereinafter “New JIS”) is scheduled to be revised in 2009. is there. The new JIS is a Japanese translation of WCAG 2.0, and the content is the same. Among the check items of this guideline is an item related to the color scheme of the website.

このウェブサイトの配色に関する項目は、遺伝または疾患によって、色の見え方が異なる利用者を考慮する考え方から規定されている。つまり、電子機器のディスプレイや電子ファイルのカラー化が進んだことによってウェブサイトに多くの色が使用され、白黒での印刷を考慮し、遺伝または疾患によって、色の見え方が異なる利用者を考慮している。   The items related to color schemes on this website are stipulated based on the concept of considering users with different color appearances depending on heredity or disease. In other words, many colors are used for websites due to the colorization of electronic devices' displays and electronic files, considering printing in black and white, and considering users with different colors depending on genetics or disease. doing.

上記ウェブサイトの配色に関するチェック項目は、背景色と文字色との2色に対して、色や明るさのコントラスト(違いの程度)を計算し、その値がある基準以上になれば、その文字は読みやすく、上記基準に満たなければ、文字が読み難いと判断する項目である。   The check items related to the color scheme of the above website calculate the contrast (degree of difference) of the color and brightness for the background color and the character color, and if the value exceeds a certain standard, the character Is an item that is easy to read and determines that characters are difficult to read if the above criteria are not met.

たとえば、デザイナがウェブコンテンツの配色を考える際、テキストやリンク文字の色として、背景との区別が付きやすい色を選ぶことが多い。しかし、メニューボタンやロゴマーク等については、ウェブ画面全体の印象や色の「トーン」を重視し、これによって、色の見やすさについての優先順位が下がる。ここで、上記「トーン」は、特に日本において、明度と彩度を合成した概念として扱われている。   For example, when a designer considers the color scheme of web content, a color that is easily distinguishable from the background is often selected as the color of text and link characters. However, for menu buttons, logo marks, etc., importance is placed on the impression of the entire web screen and the “tone” of the color, which lowers the priority of the color visibility. Here, the “tone” is treated as a concept that combines lightness and saturation, particularly in Japan.

たとえば、高明度・低彩度の領域は、「明るい」色であり、中明度・中彩度の領域は「にぶい」色であると判断される。このトーンの概念は、形容詞で分類されているので、あるイメージを表現する際の配色方法として、非常に有効である。また、たとえばコーポレートカラー等との統一も図ることができる。   For example, it is determined that the high lightness / low chroma region is a “bright” color, and the medium lightness / medium chroma region is a “bright” color. Since the concept of tone is classified by adjective, it is very effective as a color scheme when expressing an image. In addition, for example, it can be unified with a corporate color or the like.

しかし、上記考え方によれば、同明度・同彩度領域の色を使用するので、色のコントラストが小さくなることが多いという問題があり、また、ある色覚特性を持つ人には、区別し難い色の組み合わせに見えることがあるという問題がある(たとえば、非特許文献1参照)。   However, according to the above concept, since colors of the same brightness / saturation region are used, there is a problem that the color contrast is often small, and it is difficult for a person with certain color vision characteristics to distinguish. There is a problem that it may appear as a combination of colors (see Non-Patent Document 1, for example).

岡部正隆、伊藤啓著「色覚の多様性と色覚バリアフリーなプレゼンテーション(3)」細胞工学、Vol.21, No.9, pp.1080-1104(2002)Masataka Okabe and Kei Ito, “Diversity of color vision and color vision barrier-free presentation (3)” Cell Engineering, Vol.21, No.9, pp.1080-1104 (2002)

本発明は、ウェブコンテンツを含む電子コンテンツの配色、すなわち複数の色の組み合わせについて、その組み合わせがもたらすトーン等の配色の特徴をなるべく保った状態で、色のコントラストを大きし、見やすい配色に変換することができる配色変換装置を提供することを目的とする。   The present invention converts a color scheme of electronic content including web content, that is, a combination of a plurality of colors into a color scheme that increases color contrast and is easy to see while maintaining as much as possible the color scheme characteristics such as the tone that the combination brings. It is an object of the present invention to provide a color arrangement conversion device capable of performing the above.

本発明の配色変換装置は、電子画像の色の変換において、画像を取得する画像取得手段と、色相H、明度L、彩度Cの値に基づいて色を分類する分類情報を具備する色特性データベースと、上記取得された画像のRGB値をL*a*b*表色系に変換し、このL*a*b*表色系を用いて彩度を表すC値と色相を示すH値とを求め、上記色特性データベースの分類情報に基づいて画像のピクセルを色領域に分類し、白と黒の色領域を除いてピクセル数が多い3つの色領域を選択し、選択された色領域の色相に基づいて、類似色相配色か他色相配色かを示す配色タイプを判定する配色解析手段と、上記配色解析手段が選択した3つの色領域の情報と配色タイプに基づき、色領域の明度に着目して、配色タイプをさらに細かく分類する配色分類手段と、上記配色分類手段が色差を解析するための情報を具備する色差解析情報データベースと、上記配色分類手段が分類した配色タイプに応じて、色差を変更することによって、上記取得された画像上の配色を変換する配色変換手段と、上記配色変換手段における色差の変更に関する規則を具備する変換規則データベースと、配色が変換された結果を出力する結果出力手段とを有することを特徴とする。The color arrangement conversion apparatus according to the present invention has color characteristics including image acquisition means for acquiring an image and classification information for classifying colors based on the values of hue H, lightness L, and saturation C in color conversion of an electronic image. The database and the RGB value of the acquired image are converted into the L * a * b * color system, and the C value representing the saturation and the H value representing the hue using the L * a * b * color system. The image pixels are classified into color regions based on the classification information of the color characteristic database, and three color regions having a large number of pixels are selected except for the white and black color regions, and the selected color region Based on the hue of the color area, the color arrangement analysis means for determining the color arrangement type indicating whether the color arrangement is similar or other hue arrangement, and the brightness of the color area based on the information and color arrangement type of the three color areas selected by the color arrangement analysis means A color scheme classifier that classifies the color scheme types more closely And a color difference analysis information database having information for analyzing the color difference by the color arrangement classification unit, and changing the color difference in accordance with the color arrangement type classified by the color arrangement classification unit, thereby obtaining an image on the acquired image. It is characterized by comprising color arrangement conversion means for converting a color arrangement, a conversion rule database having rules relating to a change in color difference in the color arrangement conversion means, and a result output means for outputting a result obtained by converting the color arrangement.

本発明は、ウェブコンテンツを含む電子コンテンツの配色、すなわち複数の色の組み合わせについて、その組み合わせがもたらすトーン等の配色の特徴を抽出し、その特徴をなるべく保った状態で、色のコントラストを大きくし、見やすい配色に変換することができるという効果を奏する。   The present invention extracts the color scheme of electronic content including web content, that is, the combination of a plurality of colors, and extracts the color scheme features such as tones that the combination brings, and increases the color contrast while maintaining the features as much as possible. There is an effect that it can be converted into an easy-to-see color scheme.

本発明の実施例1である配色変換装置100を示すブロック構成図である。1 is a block configuration diagram illustrating a color arrangement conversion device 100 that is Embodiment 1 of the present invention. FIG. 配色変換装置100における処理の流れを示すフローチャートである。3 is a flowchart showing a flow of processing in the color arrangement conversion apparatus 100. 色特性データベース3が具備する情報の例を示す図である。It is a figure which shows the example of the information which the color characteristic database 3 has. 配色分類手段4が配色を分類した情報の例を示す図である。It is a figure which shows the example of the information which the color scheme classification means 4 classified the color scheme. 本発明の実施例2である配色変換装置200を示すブロック図である。It is a block diagram which shows the color scheme conversion apparatus 200 which is Example 2 of this invention. 本発明の実施例2である配色変換装置200における処理の流れを示すフローチャートである。It is a flowchart which shows the flow of a process in the color scheme conversion apparatus 200 which is Example 2 of this invention.

発明を実施するための形態は、以下の実施例である。   The modes for carrying out the invention are the following examples.

図1は、本発明の実施例1である配色変換装置100を示すブロック構成図である。   FIG. 1 is a block diagram showing a color arrangement conversion apparatus 100 that is Embodiment 1 of the present invention.

配色変換装置100は、PC内で単独動作するアプリケーションとして実施される。配色変換装置100は、画像取得手段1と、配色解析手段2と、色特性データベース3と、配色分類手段4と、色差解析情報データベース5と、配色変換手段6と、変換規則データベース7と、結果出力手段8とを有する。   The color arrangement conversion apparatus 100 is implemented as an application that operates alone in the PC. The color arrangement conversion apparatus 100 includes an image acquisition unit 1, a color arrangement analysis unit 2, a color characteristic database 3, a color arrangement classification unit 4, a color difference analysis information database 5, a color arrangement conversion unit 6, a conversion rule database 7, and a result. Output means 8.

画像取得手段1は、電子画像ファイルを取得し、画像のピクセルの全てについて、RGB値(赤成分R、緑成分G、青成分B)を取得する手段である。   The image acquisition unit 1 is a unit that acquires an electronic image file and acquires RGB values (red component R, green component G, and blue component B) for all pixels of the image.

配色解析手段2は、画像取得手段1が取得した画像からRGB値を、明度(明るさ)成分L*値と、色み成分a*値、色み成分b*値との3つの値を持つL*a*b*表色系に変換し、この表色系を用いて、彩度C*値と色相を示すH値とを求める手段である。つまり、配色解析手段2は、取得された画像上の配色の分布を解析する配色解析手段である。   The color arrangement analysis unit 2 has RGB values from the image acquired by the image acquisition unit 1 as three values: a lightness (brightness) component L * value, a color component a * value, and a color component b * value. This is a means for converting to the L * a * b * color system and using this color system to determine the saturation C * value and the H value indicating the hue. That is, the color arrangement analysis unit 2 is a color arrangement analysis unit that analyzes the distribution of the color arrangement on the acquired image.

色特性データベース3は、明度L*値、彩度C*値、色相H値の値に基づいて色を分類する情報を有する。つまり、色特性データベース3は、色の定義に関する情報を具備する色特性データベースである。   The color characteristic database 3 includes information for classifying colors based on values of lightness L * value, saturation C * value, and hue H value. That is, the color characteristic database 3 is a color characteristic database having information relating to the definition of colors.

配色分類手段4は、配色を構成する色が、特定の条件において、どの程度異なるのかを求め、配色を更に分類する手段である。つまり、配色分類手段4は、配色解析手段が解析した配色について、色差を解析することによって、上記解析した配色を配色タイプに分類する配色分類手段である。なお、上記配色は、色の組合せである。   The color arrangement classification means 4 is a means for determining how much the colors constituting the color arrangement are different under a specific condition and further classifying the color arrangement. That is, the color arrangement classification means 4 is a color arrangement classification means for classifying the analyzed color arrangement into a color arrangement type by analyzing the color difference of the color arrangement analyzed by the color arrangement analysis means. The color scheme is a combination of colors.

色差解析情報データベース5は、配色を分類する基準となる情報を有し、この情報は、色特性データベース3で定義されている各色領域における代表色の情報である。上記代表色については後述する。つまり、色特性データベース3は、配色分類手段が色差を解析するための情報を具備する色差解析情報データベースである。   The color difference analysis information database 5 has information serving as a reference for classifying the color arrangement, and this information is information on representative colors in each color region defined in the color characteristic database 3. The representative color will be described later. That is, the color characteristic database 3 is a color difference analysis information database including information for the color arrangement classification means to analyze the color difference.

配色変換手段6は、配色分類手段4が求めた分類に応じて、異なる色に変換する手段である。つまり、配色変換手段6は、配色分類手段が分類した配色タイプに応じて、色差を変更することによって、上記取得された画像上の配色を変換する配色変換手段である。   The color arrangement conversion means 6 is a means for converting to a different color according to the classification obtained by the color arrangement classification means 4. That is, the color arrangement conversion means 6 is a color arrangement conversion means for converting the color arrangement on the acquired image by changing the color difference according to the color arrangement type classified by the color arrangement classification means.

変換規則データベース7は、配色の分類に対応する変換処理の規則を有する。配色変換手段6は、変換規則データベース7の情報に基づいて、実際に色変換の計算処理を行う。つまり、変換規則データベース7は、配色変換手段における色差の変更に関する規則を具備する変換規則データベースである。   The conversion rule database 7 has conversion processing rules corresponding to the color classification. The color arrangement conversion means 6 actually performs a color conversion calculation process based on the information in the conversion rule database 7. That is, the conversion rule database 7 is a conversion rule database that includes rules relating to color difference changes in the color arrangement conversion means.

結果出力手段8は、配色が変換された結果を出力する手段であり、明度L*値、C*値、H値の情報を、RGB値に変換して画像として表示する。配色変換について、複数の結果がある場合、それらを全て表示する。   The result output means 8 is a means for outputting the result of conversion of the color scheme, and converts the information on the lightness L * value, C * value, and H value into RGB values and displays them as images. If there are multiple results for color scheme conversion, they are all displayed.

次に、配色変換装置100における処理の流れについて説明する。   Next, a processing flow in the color arrangement conversion apparatus 100 will be described.

図2は、配色変換装置100における処理の流れを示すフローチャートである。   FIG. 2 is a flowchart showing the flow of processing in the color arrangement conversion apparatus 100.

ステップS1で、画像取得手段1が、電子画像ファイルを取得し、画像のピクセルの全てについて、RGB値(赤成分R、緑成分G、青成分B)を取得する。   In step S1, the image acquisition unit 1 acquires an electronic image file, and acquires RGB values (red component R, green component G, blue component B) for all the pixels of the image.

ステップS2で、配色解析手段2が、画像取得手段1が取得した画像からRGB値を、明度(明るさ)成分L*値と、色み成分a*値、色み成分b*値との3つの値を持つL*a*b*表色系に変換し、この表色系を用いて、彩度を表すC*値と色相を示すH値とを求める。明度L*と、色み成分a*、色み成分b*とは、互いに独立した軸を有する。   In step S2, the color arrangement analyzing unit 2 converts the RGB value from the image acquired by the image acquiring unit 1 into three values of a lightness (brightness) component L * value, a color component a * value, and a color component b * value. The color system is converted into an L * a * b * color system having one value, and using this color system, a C * value representing saturation and an H value representing hue are obtained. The lightness L *, the color component a *, and the color component b * have mutually independent axes.

明度L*値は、0〜100の範囲で変化し、その値が大きいほど明るい。つまり、明度L*=0であれば、黒であり、明度L*=100であれば、白である。色みを表す色み成分a*値は、赤と緑との間で変化し、正の値で赤み、負の値で緑みが強いことを示す。色みを表す色み成分b*値は、青と黄との間で変化し、正の値で黄み、負の値で青みが強いことを示す。   The lightness L * value varies in the range of 0 to 100, and the larger the value, the brighter the value. That is, if the lightness L * = 0, it is black, and if the lightness L * = 100, it is white. The color component a * value representing the color changes between red and green, and indicates that red is positive at a positive value and green is strong at a negative value. The color component b * value representing the color changes between blue and yellow, indicating that yellow is positive and strong blue is negative.

図3は、実施例1において、色特性データベース3が具備している情報の例を示す図である。   FIG. 3 is a diagram illustrating an example of information included in the color characteristic database 3 in the first embodiment.

色み成分a*=0、色み成分b*=0であれば、色みが無い状態、すなわち灰色となる。彩度を表すC*値が0であれば、灰色であり、値が大きくなるにつれて鮮やかな色になる。彩度を表すC*の最大値は、色によって異なる。色相を示すH値は、角度で表され、0°において、およそ赤色となり、0°から360°に変化するに従って、黄色、緑、青、紫と変化し、一周すると赤に戻る。   If the color component a * = 0 and the color component b * = 0, there is no color, that is, gray. If the C * value representing saturation is 0, the color is gray, and the color becomes brighter as the value increases. The maximum value of C * representing saturation varies depending on the color. The H value indicating the hue is represented by an angle, and becomes approximately red at 0 °, and changes from yellow, green, blue, and purple as it changes from 0 ° to 360 °.

上記ステップS1、S2で取得された色情報は、配色解析手段2に送られる。   The color information acquired in steps S1 and S2 is sent to the color arrangement analysis means 2.

ステップS3で、配色解析手段2は、画像取得手段1受信した各ピクセルの明度L*値と、彩度C*値と、色相H値と、色特性データベース3の情報とに基づいて、画像の配色の特徴を求める。色特性データベース3は、明度L*値、彩度C*値、色相H値の値に基づいて色を分類する情報を有する。   In step S3, the color arrangement analyzing unit 2 receives the image acquisition unit 1 based on the brightness L * value, saturation C * value, hue H value, and information of the color characteristic database 3 of each pixel received. Find the characteristics of the color scheme. The color characteristic database 3 includes information for classifying colors based on values of lightness L * value, saturation C * value, and hue H value.

色相の情報は、図3(a)に示すように、色相角H値が0°から10等分され、これら10等分された色相角のそれぞれが、「赤」、「橙」、「黄」、「黄緑」、「緑」、「青緑」、「青」、「青紫」、「紫」、「赤紫」の10色相を有する。また、各色相において、図3(b)に示すように、明度L*値が95以上である場合を、「白」とし、5未満である場合を、「黒」とする。そして、残りの明度値を、3等分し、明るい方から、明度L1、L2、L3とする。   As shown in FIG. 3A, the hue information is obtained by dividing the hue angle H value from 0 ° into 10 parts, and each of the hue angles divided into 10 parts is “red”, “orange”, “yellow”. ”,“ Yellowish green ”,“ green ”,“ blue green ”,“ blue ”,“ blue purple ”,“ purple ”,“ red purple ”. In each hue, as shown in FIG. 3B, when the lightness L * value is 95 or more, it is “white”, and when it is less than 5, it is “black”. Then, the remaining brightness values are divided into three equal parts, and the brightness values L1, L2, and L3 are set from the brighter side.

1つの色相の範囲内で、彩度C*値が、0から100まで変化するように標準化する。標準化された彩度値において、彩度値4未満の色相が、無彩色(灰色)であるとする。彩度値4〜100の間を3等分する。この分類の例を、図3(b)に示す。   Normalization is performed so that the saturation C * value changes from 0 to 100 within one hue range. In a standardized saturation value, a hue with a saturation value of less than 4 is assumed to be an achromatic color (gray). Divide the saturation value between 4 and 100 into three equal parts. An example of this classification is shown in FIG.

なお、色の分類は、必ずしもこの分類でなくてもよく、より細かく区切るようにしてもよい。   Note that the color classification is not necessarily limited to this classification, and may be divided more finely.

配色解析手段2は、画像取得手段1が受信した各ピクセルの色情報(RGB値)を、それぞれが持つ明度L*値、彩度C*値、色相H値と、色特性データベース3とに応じて、分類する。   The color arrangement analysis unit 2 corresponds to the color information (RGB value) of each pixel received by the image acquisition unit 1 according to the lightness L * value, the saturation C * value, the hue H value, and the color characteristic database 3. And classify.

各色のピクセルを、図3(b)に示す領域に分類する。   The pixels of each color are classified into the areas shown in FIG.

次に、各領域に分類されたピクセルの総数を求める。無彩色と、全ての色相について、分類された各領域のうちで、ピクセル数の多い方から3領域を選択する。上位3つの領域を選択するが、選択された領域の間の順位は問題ではない。ここで、上位3領域の中に、白または黒が含まれていれば、白も黒も含まない領域の合計が3領域になるように、色領域の数を調節する。ただし、それらの領域が3領域に満たなければ、取り得る最大の数とする。   Next, the total number of pixels classified into each region is obtained. For the achromatic color and all the hues, among the classified areas, three areas are selected from the one with the larger number of pixels. The top three areas are selected, but the order between the selected areas is not a problem. Here, if white or black is included in the upper three areas, the number of color areas is adjusted so that the total of the areas including neither white nor black is three. However, if those areas are less than three areas, the maximum number is assumed.

次に、選ばれた色領域の組み合わせに基づいて、対象画像が主にどのような配色を有するかを判定する。つまり、選ばれた色領域のうちで、白と黒とを除いた領域が、図3(a)において、隣り合う2色相+灰色領域にのみ含まれている場合は、「類似色相配色」であると判断する。また、白、黒、灰色領域のみの組み合わせの場合も、「類似色相配色」であると判断する。それ以外は、「他色相配色」であると判断する。選ばれた色領域の情報と配色タイプの情報(図4参照)とは、配色分類手段4に送られる。   Next, based on the selected combination of color regions, it is determined what color scheme the target image has mainly. That is, in the selected color area, when the area excluding white and black is included only in two adjacent hues + gray areas in FIG. 3A, the “similar hue color scheme” is used. Judge that there is. Also, in the case of a combination of only white, black, and gray areas, it is determined that the color is a “similar hue color scheme”. Other than that, it is determined to be “other hue color scheme”. Information on the selected color region and information on the color arrangement type (see FIG. 4) are sent to the color arrangement classification means 4.

ステップS4で、配色分類手段4は、配色を構成する色が、特定の条件において、どの程度異なるのかを求め、配色を更に分類する。分類の基準となる情報は、色差解析情報データベース5が有する。色差解析情報データベース5が有する情報は、色特性データベース3で定義されている各色領域における代表色の情報である。上記代表色は、色特性データベース3で定義されている各領域の明度L*値、彩度C*値のそれぞれの中央値を持つ色である。なお、白は、明度L*=100であり、黒は、明度L*=0であるとし、白の彩度値、黒の彩度値は、ともに0であると定義する。   In step S4, the color arrangement classification means 4 determines how much the colors constituting the color arrangement differ under a specific condition, and further classifies the color arrangement. The color difference analysis information database 5 has information as a classification reference. Information included in the color difference analysis information database 5 is information on representative colors in each color region defined in the color characteristic database 3. The representative color is a color having a median value of the lightness L * value and the saturation C * value of each region defined in the color characteristic database 3. It is assumed that white has a lightness L * = 100 and black has a lightness L * = 0, and both the white saturation value and the black saturation value are defined as 0.

また、色差解析情報データベース5は、ある色覚特性において、「混同色」の情報も有している。上記混同色は、区別のし難い色の組み合わせであり、たとえば同じような明度を持つ赤と緑との組み合わせである(非特許文献1参照)。色特性データベース3で定義されている各色領域について、どの組み合わせが「混同色」に該当するかを示す情報を、色差解析情報データベース5が予め有している。たとえば、赤L1と緑L1、赤L2と緑L2、赤L3と緑L3との組み合わせが「混同色」であるという情報を、色差解析情報データベース5が予め有している。これら色差解析情報データベース5が有する情報は、配色分類手段4において配色の分類を行うために用いられる。   The color difference analysis information database 5 also has “confused color” information in a certain color vision characteristic. The confusion color is a combination of colors that are difficult to distinguish, for example, a combination of red and green having the same brightness (see Non-Patent Document 1). For each color region defined in the color characteristic database 3, the color difference analysis information database 5 has in advance information indicating which combination corresponds to the “confused color”. For example, the color difference analysis information database 5 has information in advance that the combination of red L1 and green L1, red L2 and green L2, and red L3 and green L3 is “confused color”. The information that the color difference analysis information database 5 has is used for the color arrangement classification means 4 to classify the color arrangement.

配色分類手段4は、色差解析情報データベース5の情報を用いて、配色解析手段2から受信した配色タイプの情報に応じて異なる結果を出力する。   The color arrangement classification unit 4 uses the information of the color difference analysis information database 5 to output different results depending on the color arrangement type information received from the color arrangement analysis unit 2.

「類似色相配色」であれば、同じような色相で構成される配色であり、選ばれた色領域のうち、白と黒を除いた領域が、異なる明度領域にあれば(たとえば明度L1とL2等の場合)、「類似色相配色−別明度」とする。選ばれた色領域のうちで、白と黒とを除いた領域が、同じ領域(明度)に含まれている場合(たとえば明度L1のみの場合)は、「類似色相配色−同明度」であるとする。   If it is “similar hue color scheme”, it is a color scheme composed of similar hues, and if the selected color area except for white and black is in different brightness areas (for example, brightness L1 and L2). Etc.), “similar hue coloration—different lightness”. Among the selected color regions, the region excluding white and black is included in the same region (lightness) (for example, only the lightness L1) is “similar hue coloration-same lightness”. And

「他色相配色」であれば、まず、明度の違いを判定し、「他色相配色−別明度」と「他色相配色−同明度」とに分類する。ここで、「他色相配色−同明度」は、そのトーン(明度・彩度)が持つ意味の比重が大きいことが考えられる。しかし、「他色相配色−同明度」では、ある色覚特性にとっては、非常に区別のし難い色相の組み合わせである場合があるので、色差解析情報データベース5に基づいて、「混同色」(ある色覚特性にとって区別し難い色)の組み合わせが含まれているかどうかを判定する。   In the case of “other hue color scheme”, first, a difference in lightness is determined and classified into “other hue color scheme—different lightness” and “other hue color scheme—same lightness”. Here, it is conceivable that the “specific hue coloration-same lightness” has a large specific gravity of the meaning of the tone (lightness / saturation). However, in the “other hue coloration-same lightness”, there may be a combination of hues that are very difficult to distinguish for a certain color vision characteristic. Therefore, based on the color difference analysis information database 5, “confusion color” (some color vision) It is determined whether or not a combination of colors that are difficult to distinguish for characteristics is included.

最後に、上記分類に関係なく、配色解析手段2が選んだ領域に、白と黒とがどのように含まれているかによって分類する。つまり、配色解析手段2が選んだ領域に、含まれている白と黒との組み合わせに応じて、上記領域を分類する。つまり、白と黒との両方が含まれているタイプを、タイプIとし、白と黒のどちらかのみが含まれているタイプを、タイプIIとし、白も黒も含まれていないタイプを、タイプIIIとする。   Finally, regardless of the above classification, classification is performed according to how white and black are included in the region selected by the color arrangement analysis means 2. That is, the area is classified according to the combination of white and black contained in the area selected by the color arrangement analysis means 2. In other words, a type that includes both white and black is referred to as Type I, a type that includes only one of white and black is referred to as Type II, and a type that does not include white or black. Let it be type III.

白、黒のどちらかのみが含まれているタイプIIの場合、白と最も暗い領域の色との明度差、または黒と最も明るい領域の色との明度差を求める。つまり、どのような色覚特性(または白黒印刷も含む)でも、区別が可能である配色にするには、まず明度差をつける必要がある。上記のように、ウェブページでは、背景・文字が白または黒であることが多い。どちらか一方しか含まれない場合(たとえば背景が白で、黒が上位3位に入らない場合)、文字は他の暗い色(濃い青等)が使用されていると予想できる。この場合、上記背景と文字との明度差を大きく保つことが重要である。このときに、色差解析情報データベース5の情報に基づいて、白を明度L*=100とし、黒を明度L*=0とし、選択されている色領域の代表色の明度L*値とを用いて、明度差を求める。   In the case of Type II including only white or black, the brightness difference between white and the color of the darkest area or the brightness difference between black and the color of the brightest area is obtained. In other words, in order to achieve a color scheme that can be discriminated by any color vision characteristic (or black and white printing), it is necessary to first provide a brightness difference. As described above, in web pages, the background / characters are often white or black. When only one of them is included (for example, when the background is white and black is not in the top three), it can be expected that the character is using another dark color (such as dark blue). In this case, it is important to keep the brightness difference between the background and the characters large. At this time, based on the information in the color difference analysis information database 5, white is set to lightness L * = 100, black is set to lightness L * = 0, and the lightness L * value of the representative color of the selected color region is used. To find the brightness difference.

白も黒も含まれていないタイプIIIの場合は、選ばれた領域のうちで最も明るい領域の代表色と最も暗い領域の代表色との明度差を、上記と同様の方法で求める。このときに、選ばれている領域が、全て同じ明度領域である場合(同明度)、明度差は0である。   In the case of Type III in which neither white nor black is included, the brightness difference between the representative color of the brightest region and the representative color of the darkest region among the selected regions is obtained by the same method as described above. At this time, when all the selected areas are the same brightness area (same brightness), the brightness difference is zero.

図4は、実施例1において、配色分類手段4が配色を分類した情報の例を示す図である。   FIG. 4 is a diagram illustrating an example of information in which the color scheme classification unit 4 classifies the color scheme in the first embodiment.

ステップS4で求めた上記分類の情報は、配色変換手段6に送られる。ステップS5で、配色変換手段6は、配色分類手段4が求めた分類に応じて、異なる色に変換する。   The classification information obtained in step S4 is sent to the color arrangement conversion means 6. In step S5, the color arrangement conversion unit 6 converts the color into a different color according to the classification obtained by the color arrangement classification unit 4.

以下、各分類に対する変換処理について説明する。なお、変換規則データベース7が、以下に説明する分類に対応する変換処理の規則を格納している。配色変換手段6は、変換規則データベース7の情報に基づいて、実際に色変換の計算処理を行う。   Hereinafter, the conversion process for each classification will be described. The conversion rule database 7 stores conversion processing rules corresponding to the classifications described below. The color arrangement conversion means 6 actually performs a color conversion calculation process based on the information in the conversion rule database 7.

変換対象の配色に白と黒との両方が含まれている「類似色相配色−別明度−I(第1分類)」、「他色相配色−別明度−I(第7分類)」では、白と黒とを含めた各色の明度の間隔が等しくなるように変換する。つまり、まず、構成する色の明度の間隔を明けることが望ましい。白はL*の最大値であり、黒は最小値であるので、その範囲しか使用できない。   In “similar hue color scheme—different lightness—I (first classification)” and “other hue color arrangement—different lightness—I (seventh classification)” in which both white and black are included in the conversion target color scheme, white Are converted so that the intervals of lightness of each color including black and black are equal. That is, first, it is desirable to increase the interval of the brightness of the constituent colors. Since white is the maximum value of L * and black is the minimum value, only that range can be used.

「類似色相配色−同明度−I(第4分類)」、「他色相配色−同明度−非混同色−I(第13分類)」では、どれか1つの色の明度を固定し、他の色を他の明度領域に変換する。つまり、全体的に同明度の配色は、トーンを意識した配色である場合が多いので、トーンの印象をなるべく崩さないよう、1色はオリジナルの明度を変更しないようにする。   In "similar hue coloration-same lightness-I (fourth classification)" and "other hue coloration-same lightness-unconfused color-I (13th classification)", the lightness of any one color is fixed and the other Convert colors to other brightness regions. That is, since the color scheme with the same brightness as a whole is often a color scheme that is conscious of the tone, one color should not change the original brightness so as not to disturb the impression of the tone as much as possible.

変換対象の配色に白と黒とのどちらか一方のみが含まれている「類似色相配色−別明度−II(第2分類)」、「類似色相配色−同明度−II(第5分類)」、「他色相配色−別明度−II(第8分類)」、「他色相配色−同明度−非混同色−II(第14分類)」では、ステップS4で明度差を求めた色について、白(または黒)との明度差が明度L*=90になるように変換し、その後に、白(または黒)の明度と変換した色の明度との間で、他の色を、図4に示すタイプIと同様の方法で変換する。つまり、白と黒とを含めた各色の明度の間隔が等しくなるように変換する。   "Similar hue color scheme-separate brightness-II (second classification)", "similar hue color scheme-same brightness-II (fifth classification)" in which only one of white and black is included in the color scheme to be converted , “Other Hue Color Combination—Separate Brightness—II (Eighth Classification)” and “Other Hue Color Combination—Same Brightness—Non-Confusion Color—II (14th Classification)” are white for the color for which the brightness difference was obtained in step S4. (Or black) is converted so that the lightness difference is lightness L * = 90, and then other colors between the lightness of white (or black) and the lightness of the converted color are shown in FIG. Conversion is performed in the same manner as shown in Type I. That is, conversion is performed so that the brightness intervals of each color including white and black are equal.

変換対象の配色に白も黒も含まれていない「類似色相配色−別明度−III(第3分類)」、「他色相配色−別明度−III(第9分類)」では、最大明度の色の明度と最低明度の色の明度との差が、明度L*=90になるように変換した後に、図4に示す(第2分類)、(第5分類)、(第8分類)、(第14分類)における上記変換方法と同様の方法で変換する。   In "similar hue color scheme-different lightness-III (third category)" and "other hue color scheme-different lightness-III (ninth category)" that do not include white or black in the color scheme to be converted, the color of maximum brightness 4 is converted so that the difference between the lightness of the lightness and the lightness of the color of the minimum lightness becomes lightness L * = 90, and then (second classification), (fifth classification), (eighth classification), ( The conversion is performed in the same manner as the conversion method in (14th classification).

「類似色相配色−同明度−III(第6分類)」、「他色相配色−同明度−非混同色−III(第15分類)」では、1つの色の明度を固定し、他の色の明度を、他の明度領域に変換する。   In “similar hue coloration-same lightness-III (sixth classification)” and “other hue coloration-same lightness-unconfused color-III (15th class)”, the lightness of one color is fixed, and the other colors The brightness is converted into another brightness area.

「他色相配色−同明度−混同色(第10分類)(第11分類)(第12分類)」では、まず、1つの色の色相を固定し、混同色となる組み合わせの相手の色を別色相に変換する。色相変換する場合、ここでは、図3(a)に示す色相環において、180°同士で混同色になる可能性の高い赤紫と緑、赤と青緑(補色)については、90°回転させた色相に変換し、その他の色相を、180°回転させた色相に変換するという規則を用いる。また、色相変換する際、明度値と彩度値とは変えない。   In “Other Hue Coloration-Same Lightness-Confusion Color (10th Class) (11th Class) (12th Class)”, first, the hue of one color is fixed, and the other color of the combination that becomes the mixed color is separated. Convert to hue. In the case of hue conversion, here, in the hue circle shown in FIG. 3A, for purple-green and green, and red and blue-green (complementary colors) that are likely to be confused with each other by 180 °, rotate 90 °. And the other hue is converted into a hue rotated by 180 °. Further, when the hue is converted, the lightness value and the saturation value are not changed.

その後に、「他色相配色−同明度−混同色−I(第10分類)」について、(第4分類)、(第13分類)と同様の明度変換を行い、「他色相配色−同明度−混同色−II(第11分類)」について、(第2分類)、(第5分類)、(第8分類)、(第14分類)と同様の明度変換を行い、「他色相配色−同明度−混同色−III(第12分類)」について、(第6分類)、(第15分類)と同様の明度変換を行う。   After that, with respect to “other hue color scheme-same lightness-confused color-I (10th classification)”, lightness conversion similar to (fourth classification) and (13th classification) is performed, and “other hue color scheme—same brightness— Confusion color-II (11th classification) ”is subjected to the same lightness conversion as (2nd classification), (5th classification), (8th classification), and (14th classification). For “-confused color-III (12th classification)”, the same brightness conversion as in (sixth classification) and (15th classification) is performed.

ステップS5で変換された色の情報を、結果出力手段8に送る。   The color information converted in step S5 is sent to the result output means 8.

ステップS6で、結果出力手段8は、明度L*値、彩度C*値、色相H値の情報を、RGB値に変換し、画像として表示する。結果出力手段8は、配色変換について複数の結果があれば、それら全ての結果を表示する。   In step S6, the result output means 8 converts the lightness L * value, saturation C * value, and hue H value information into RGB values and displays them as images. If there are a plurality of results regarding the color scheme conversion, the result output means 8 displays all the results.

画像取得手段1は、RGB値を取得するが、他の指標であってもよい。たとえば、HTMLファイルを取得する場合、色を表すタグを取得するようにしてもよい。また、実施例1では、RGB値を、L*a*b*値に変換するが、色の3属性(明度、彩度、色相)を数値で表することができるのであれば、HSV色空間等、他の色空間を用いるようにしてもよい。   The image acquisition unit 1 acquires RGB values, but other indices may be used. For example, when an HTML file is acquired, a tag representing a color may be acquired. In the first embodiment, RGB values are converted into L * a * b * values. If the three attributes of color (brightness, saturation, and hue) can be expressed numerically, the HSV color space is used. For example, other color spaces may be used.

配色解析手段2で、ピクセル数の多い色領域を、3〜5種類選んでいるが、必ずしもこの選び方でなくてもよい。たとえば、最終的な出力結果に違いは出るが、「鮮やかな色領域のみを選択」、「暖色のみを選択」等のように、色領域の選び方自体は、他の選択方法を採用するようにしてもよい。   Although 3 to 5 color regions having a large number of pixels are selected by the color arrangement analysis means 2, this selection is not necessarily required. For example, although there will be a difference in the final output result, other selection methods should be adopted for the selection of the color area itself, such as “Select only vivid color area”, “Select only warm color”, etc. May be.

色特性データベース3が持つ色相を、必ずしも10種類に分類する必要はなく、輝度値や彩度値についても、他の分類基準を採用することによって、異なる分類を実行するようにしてもよい。分類は、明度L*値、C*値、H値に基づいているが、色の3属性を数値で表すことができるのであれば、HSV色空間等、他の色空間を用いるようにしてもよい。   The hues possessed by the color characteristic database 3 do not necessarily need to be classified into ten types, and different classifications may be executed for luminance values and saturation values by employing other classification criteria. The classification is based on the lightness L * value, C * value, and H value, but if the three attributes of color can be expressed numerically, other color spaces such as HSV color space may be used. Good.

色差解析情報データベース5において、各色領域の代表値として、明度L*値と彩度値との中央値を用いるが、たとえば、領域内に分類されたピクセルが持つ値の平均値を、各色領域の代表値であるとしてもよい。   In the color difference analysis information database 5, the median value of the lightness L * value and the saturation value is used as the representative value of each color region. For example, the average value of the values of the pixels classified in the region is used. It may be a representative value.

色差解析情報データベース5において、混同色の組み合わせを予め定義しているが、混同色は、その都度計算処理で求めるようにしてもよい。この場合、計算式は、色差解析情報データベース5で定義され、配色分類手段4において計算が行われる。   In the color difference analysis information database 5, a combination of confusion colors is defined in advance, but the confusion colors may be obtained by calculation processing each time. In this case, the calculation formula is defined in the color difference analysis information database 5 and is calculated in the color arrangement classification means 4.

変換規則データベース7が有する変換規則は、必ずしも上記方法に限定しないが、配色間の明度差を保ち、また、混同色を避ける変換規則であればよい。   The conversion rule included in the conversion rule database 7 is not necessarily limited to the above method, but may be any conversion rule that maintains a lightness difference between color schemes and avoids confusion colors.

結果出力手段8は、変換結果を画像表示する手段であるが、必ずしも画像による表示でなくてもよい。たとえば、変換した色を文書で表示するようにしてもよい。   The result output unit 8 is a unit that displays the conversion result as an image, but it does not necessarily have to be displayed as an image. For example, the converted color may be displayed as a document.

図5は、本発明の実施例2である配色変換装置200を示すブロック図である。   FIG. 5 is a block diagram showing a color arrangement conversion apparatus 200 that is Embodiment 2 of the present invention.

配色変換装置200は、PC内で動作するインタ−ネット通信手段を持つアプリケ−ションとして実行する実施例である。   The color arrangement conversion apparatus 200 is an embodiment that is executed as an application having Internet communication means operating in a PC.

配色変換装置200は、通信手段21と、色コード抽出手段22と、色情報取得手段23と、配色解析手段12と、色特性データベース13と、配色分類手段14と、色差解析情報データベース15と、配色変換手段16と、変換規則データベース17と、結果出力手段18とを有する。   The color arrangement conversion apparatus 200 includes a communication unit 21, a color code extraction unit 22, a color information acquisition unit 23, a color arrangement analysis unit 12, a color characteristic database 13, a color arrangement classification unit 14, a color difference analysis information database 15, A color arrangement conversion unit 16, a conversion rule database 17, and a result output unit 18 are included.

つまり、通信手段21は、ウェブ上からウェブコンテンツを取得する通信手段である。色コード抽出手段22は、上記取得したウェブコンテンツのソースコードから、色情報を抽出する色コード抽出手段である。色情報取得手段23は、取得したウェブコンテンツを画像化して色情報を取得する色情報取得手段である。   That is, the communication unit 21 is a communication unit that acquires web content from the web. The color code extracting means 22 is a color code extracting means for extracting color information from the acquired web content source code. The color information acquisition unit 23 is a color information acquisition unit that images the acquired web content and acquires color information.

配色解析手段12は、上記色コード抽出手段と上記色情報取得手段とが得た色の情報を用いて、当該コンテンツの配色の分布を解析する配色解析手段である。色特性データベース13は、色の定義に関する情報を有する色特性データベースである。配色分類手段14は、上記配色解析手段が解析した配色について、色差を解析することによって、上記解析した配色を配色タイプに分類する配色分類手段である。   The color arrangement analysis unit 12 is a color arrangement analysis unit that analyzes the color distribution of the content using the color information obtained by the color code extraction unit and the color information acquisition unit. The color characteristic database 13 is a color characteristic database having information relating to the definition of colors. The color arrangement classification means 14 is a color arrangement classification means for classifying the analyzed color arrangement into a color arrangement type by analyzing the color difference of the color arrangement analyzed by the color arrangement analysis means.

また、色差解析情報データベース15は、上記配色分類手段が色差を解析するための情報を具備する色差解析情報データベースである。配色変換手段16は、上記配色分類手段が分類した配色タイプに応じて、色差を変更することによって、上記取得された画像上の配色を変換する配色変換手段である。変換規則データベース17は、上記配色変換手段における色差の変更に関する規則を具備する変換規則データベースである。結果出力手段18は、配色が変換された結果を出力する結果出力手段である。   The color difference analysis information database 15 is a color difference analysis information database including information for the color arrangement classification means to analyze the color difference. The color arrangement conversion means 16 is a color arrangement conversion means for converting the color arrangement on the acquired image by changing the color difference according to the color arrangement type classified by the color arrangement classification means. The conversion rule database 17 is a conversion rule database including rules relating to color difference changes in the color arrangement conversion means. The result output means 18 is a result output means for outputting the result obtained by converting the color scheme.

次に、配色変換装置200の動作について説明する。   Next, the operation of the color arrangement conversion apparatus 200 will be described.

図6は、配色変換装置200における処理の流れを示すフローチャートである。   FIG. 6 is a flowchart showing the flow of processing in the color arrangement conversion apparatus 200.

ステップS1で、通信手段21は、ネットワークNW1上のコンテンツサーバCS1に格納されているコンテンツを取得するために通信し、色変換する対象である対象コンテンツを受信する。上記対象コンテンツは、コンテンツサーバCS1に格納されている1つのウェブページであり、ページを構成するファイル類を全て取得する。上記対象コンテンツの代表的なものとして、HTMLファイルと、CSSファイル、画像ファイル等がある。通信手段21は、対象コンテンツのうちで、HTMLファイルとCSSファイルとのソースコードを、色コード抽出手段22に送り、上記HTMLファイルとCSSファイルとを含めた全ての取得ファイルを、色情報取得手段23に送る。   In step S1, the communication means 21 communicates to acquire content stored in the content server CS1 on the network NW1, and receives target content that is subject to color conversion. The target content is one web page stored in the content server CS1, and all files constituting the page are acquired. Typical examples of the target content include an HTML file, a CSS file, and an image file. The communication unit 21 sends the source code of the HTML file and the CSS file among the target contents to the color code extraction unit 22, and all the acquired files including the HTML file and the CSS file are stored in the color information acquisition unit. 23.

ステップS2で、色コード抽出手段22は、通信手段21から受信した対象コンテンツのHTMLファイルとCSSファイルとの中に記述されている色コードを、その要素属性と共に全て取得する。   In step S <b> 2, the color code extracting unit 22 acquires all the color codes described in the HTML file and the CSS file of the target content received from the communication unit 21 together with the element attributes.

上記色コードは、HTMLとCSSとにおいて、色を指定する際の記述形式である。#記号の後に、左から赤を表すR値、緑を表すG値、青を表すB値の順に、16進数で表現されている。   The color code is a description format for designating a color in HTML and CSS. After the # symbol, from the left, the R value representing red, the G value representing green, and the B value representing blue are expressed in hexadecimal.

また、要素は、HTMLにおいて、背景や表等、ウェブページを構成する単位であり、< >のタグ内に記述されている。属性は、上記要素の中に追加されている情報である。要素、属性共に、色がどのような対象に利用されているのか(たとえば、背景色に利用されているのか、文字色に利用されているのか)の判断に用いることができる。なお、CSSでは、プロパティと呼ばれている。実施例2では、これらをまとめて要素属性と呼ぶ。   An element is a unit constituting a web page, such as a background or a table, in HTML, and is described in a <> tag. The attribute is information added to the element. Both elements and attributes can be used to determine what kind of object the color is used (for example, whether it is used for the background color or the character color). In CSS, this is called a property. In the second embodiment, these are collectively referred to as element attributes.

ここでは、取得すべき要素属性として、背景および文字の属性を取得する。背景として抽出する要素属性は、HTMLのbody要素内のbgcolor属性、table要素内のbgcolor属性、CSSのbackground−colorプロパティ等がある。文字として抽出する要素属性は、HTMLのbody要素内のtext属性、リンク文字の色を指定するlink属性、CSSのcolorプロパティ等がある。   Here, background and character attributes are acquired as element attributes to be acquired. The element attributes extracted as the background include a bgcolor attribute in the HTML body element, a bgcolor attribute in the table element, and a CSS background-color property. Element attributes extracted as characters include a text attribute in an HTML body element, a link attribute that specifies the color of a link character, and a CSS color property.

HTMLファイルでは、色コードと同じ行で色コードよりも前に記述されている属性または要素を抽出し、CSSファイルでは、色コードの前に記述されているプロパティを抽出する。   In the HTML file, the attribute or element described before the color code is extracted in the same line as the color code, and in the CSS file, the property described before the color code is extracted.

そして、抽出された色コードは、RGB値に変換され、この変換されたRGB値を、明度L*、彩度C*値、色相H値に変換される。変換の方法は、実施例1のステップS2と同様でよい。   The extracted color code is converted into RGB values, and the converted RGB values are converted into lightness L *, saturation C * value, and hue H value. The conversion method may be the same as step S2 in the first embodiment.

要素と色情報との組み合わせに関する情報は、配色解析手段12に送られる。   Information relating to the combination of elements and color information is sent to the color arrangement analysis means 12.

ステップS3で、色情報取得手段23は、通信手段21から受信した対象コンテンツの外観を画像化する。ここでは、一般のウェブブラウザのように、ウェブページの外観を、各コンテンツファイルから再現し、画像化する機能があればよい。作成した画像において、各ピクセルのRGB値を、明度L*値、彩度C*値、色相H値に変換する。変換の方法は実施例1のステップS2と同様でよい。これらの色情報も、配色解析手段12に送られる。   In step S <b> 3, the color information acquisition unit 23 images the appearance of the target content received from the communication unit 21. Here, a general web browser only needs to have a function of reproducing the appearance of a web page from each content file and converting it into an image. In the created image, the RGB value of each pixel is converted into a lightness L * value, a saturation C * value, and a hue H value. The conversion method may be the same as step S2 in the first embodiment. These pieces of color information are also sent to the color arrangement analyzing means 12.

ステップS4で、配色解析手段12では、色コード抽出手段22から受信した色情報と、色情報取得手段23から受信した色情報とを整理する。まず、色情報取得手段23が受信した色情報の中に、色コード抽出手段22が受信した色情報と同じ色情報が含まれていれば、この色情報を削除する。これは、背景と文字とに関する情報を、分離して扱うためである。つまり、背景と文字との組み合わせについてのWCAG2.0の基準は非常に厳しいので、実施例1で記載したように 属性を特定せずに色を抽出する場合(たとえば背景の一部やアイコン等が含まれている場合)、厳し過ぎる基準になることがある。しかも、実施例1では、WCAG2.0の基準を満たせない場合がある。逆に、明らかに背景と文字との色であると判断できのであれば、これら2色だけを、まず、基準を満たすように特別に処理するのがよい。   In step S <b> 4, the color arrangement analysis unit 12 arranges the color information received from the color code extraction unit 22 and the color information received from the color information acquisition unit 23. First, if the color information received by the color information acquisition unit 23 includes the same color information as the color information received by the color code extraction unit 22, this color information is deleted. This is because the information about the background and the characters are handled separately. In other words, the standard of WCAG 2.0 regarding the combination of the background and the characters is very strict. Therefore, when the color is extracted without specifying the attribute as described in the first embodiment (for example, a part of the background, an icon, etc. May be too strict). Moreover, in the first embodiment, the WCAG 2.0 standard may not be satisfied. Conversely, if it can be clearly determined that the colors are the background and the characters, only these two colors should be specially processed so as to satisfy the standard.

ステップS5で、実施例1のステップS3と同様の方法で、色特性データベース13の情報に従って、ステップS4で得られた色を分類する。ここでは、実施例2の色特性データベース13は、実施例1の色特性データベース3と同じ情報を有し、ステップS5の以降の記述を割愛する。   In step S5, the colors obtained in step S4 are classified according to the information in the color characteristic database 13 in the same manner as in step S3 of the first embodiment. Here, the color characteristic database 13 of the second embodiment has the same information as the color characteristic database 3 of the first embodiment, and the description after step S5 is omitted.

ステップS6で、実施例1と同様に、配色分類手段14において配色を構成する色の色差を求め、実施例1と同様に、配色パタ−ンに基づいた分類を行う(図4を参照)。ただし、この処理に加えて、ステップS4で削除された背景と文字との色について、別途色差を計算する。計算については、背景と文字との組み合わせである2色を用いて、該当する色コードのRGB値から、以下の色彩Lumiを求める。   In step S6, as in the first embodiment, the color arrangement classification unit 14 obtains the color difference of the colors constituting the color arrangement, and performs the classification based on the color arrangement pattern as in the first embodiment (see FIG. 4). However, in addition to this processing, a separate color difference is calculated for the color of the background and characters deleted in step S4. For the calculation, the following color Lumi is obtained from the RGB values of the corresponding color code using two colors that are combinations of the background and the character.

Lumi.=0.2126*((R/255)^2.2)+0.7152*((G/255)^2.2)+0.0722*((B/255)^2.2)…(式1)
Lumiの値が大きい方の色を、Lumi1とし、Lumiの値が小さい色を、Lumi2とし、色コントラスト値Cont.を、次の(式2)によって求める。
Lumi. = 0.2126 * ((R / 255) ^ 2.2) +0.7152 * ((G / 255) ^ 2.2) +0.0722 * ((B / 255) ^ 2.2) ... ( Formula 1)
The color with the larger Lumi value is Lumi1, the color with the smaller Lumi value is Lumi2, and the color contrast value Cont. Is obtained by the following (Equation 2).

Cont.=(L1+0.05)/(L2+0.05)…(式2)
この計算式の情報を、色差解析情報データベース15が有する。
Cont. = (L1 + 0.05) / (L2 + 0.05) (Formula 2)
The color difference analysis information database 15 has information on this calculation formula.

ステップS6で求めた画像内の配色の分類と、背景と文字との色差の情報とは、配色変換手段16に送られる。   The classification of the color scheme in the image obtained in step S6 and the information on the color difference between the background and the character are sent to the color scheme conversion means 16.

ステップS7で、実施例1と同様に、図4に示す配色パタ−ンの分類に従って、配色変換手段16が配色を変換する。ただし、実施例2では、背景と文字との色の情報を除いているので、白と黒との情報が含まれないタイプIIIのケ−スになる場合が多い。   In step S7, the color arrangement conversion unit 16 converts the color arrangement according to the color arrangement pattern classification shown in FIG. However, since the color information of the background and characters is excluded in the second embodiment, there are many cases of Type III cases in which the information of white and black is not included.

一方、ステップS6で得られた背景と文字との組み合わせの色差については、上記式2における色コントラスト値Contが5未満になる場合に、それぞれの明度を変換する。たとえば、片方の色の明度を固定し、一方の明度を変換し、お互いの明度差を大きくするように変換する。   On the other hand, regarding the color difference of the combination of the background and the character obtained in step S6, the brightness is converted when the color contrast value Cont in Equation 2 is less than 5. For example, the brightness of one color is fixed, the brightness of one of the colors is converted, and the conversion is performed so as to increase the brightness difference between the colors.

上記のような変換の規則は、変換規則データベース17が有している。この処理で得られた配色変換結果と、背景と文字との色の変換結果は、結果出力手段18に送られる。   The conversion rule database 17 has the above conversion rules. The color conversion result obtained by this processing and the color conversion result of the background and characters are sent to the result output means 18.

ステップS8で、配色変換手段16が求めた配色変換結果を受け、変換された色を表示する。たとえば、画像から取得された色の変換結果については、使用できる色の例として色パッチで表示し、背景と文字との色については、HTMLの色コードに変換して表示することが可能である。また、背景と文字とのサンプルとして表示するようにしてもよい。上記色パッチは、サンプルの色を有する色見本のことである。   In step S8, the color arrangement conversion result obtained by the color arrangement conversion means 16 is received and the converted color is displayed. For example, the color conversion results obtained from the image can be displayed as color patches as examples of usable colors, and the background and text colors can be converted to HTML color codes and displayed. . Moreover, you may make it display as a sample of a background and a character. The color patch is a color sample having a sample color.

なお、ステップS6で、色コントラストの計算方法と基準値とは、WCAG2.0で規定されているものを使用しているが、他の計算方法、基準値であっても構わない。特に基準値は、より基準を厳しくするために値を変えることも可能である。   In step S6, the color contrast calculation method and the reference value are those defined in WCAG 2.0, but other calculation methods and reference values may be used. In particular, the reference value can be changed to make the reference more strict.

また、上記各実施例をプログラムの発明として把握することができる。つまり、上記実施例は、請求項1記載の配色変換装置を構成する各手段としてコンピュータを機能させるプログラムの例である。 Also, each of the above embodiments can be grasped as a program invention. In other words, the above embodiment is an example of a program that causes a computer to function as each means constituting the color arrangement conversion apparatus according to claim 1 .

100…配色変換装置、
1…画像取得手段、
2…配色解析手段、
3…色特性データベース、
4…配色分類手段、
5…色差解析情報データベース、
6…配色変換手段、
7…変換規則データベース、
8…結果出力手段。
100 ... color arrangement conversion device,
1 ... Image acquisition means,
2 ... Color scheme analysis means,
3 ... Color property database,
4 ... Color scheme classification means,
5 ... Color difference analysis information database,
6 ... Color scheme conversion means,
7 ... Conversion rule database,
8: Result output means.

Claims (2)

電子画像の色の変換において、
画像を取得する画像取得手段と;
色相H、明度L、彩度Cの値に基づいて色を分類する分類情報を具備する色特性データベースと;
上記取得された画像のRGB値をL*a*b*表色系に変換し、このL*a*b*表色系を用いて彩度を表すC値と色相を示すH値とを求め、上記色特性データベースの分類情報に基づいて画像のピクセルを色領域に分類し、白と黒の色領域を除いてピクセル数が多い3つの色領域を選択し、選択された色領域の色相に基づいて、類似色相配色か他色相配色かを示す配色タイプを判定する配色解析手段と;
上記配色解析手段が選択した3つの色領域の情報と配色タイプに基づき、色領域の明度に着目して、配色タイプをさらに細かく分類する配色分類手段と;
上記配色分類手段が色差を解析するための情報を具備する色差解析情報データベースと;
上記配色分類手段が分類した配色タイプに応じて、色差を変更することによって、上記取得された画像上の配色を変換する配色変換手段と;
上記配色変換手段における色差の変更に関する規則を具備する変換規則データベースと;
配色が変換された結果を出力する結果出力手段と;
を有することを特徴とする配色変換装置。
In color conversion of electronic images,
Image acquisition means for acquiring images;
A color characteristic database having classification information for classifying colors based on values of hue H, lightness L, and saturation C;
The RGB value of the acquired image is converted into an L * a * b * color system, and a C value representing saturation and an H value representing hue are obtained using the L * a * b * color system. Based on the classification information in the color characteristic database, the pixels of the image are classified into color regions, and three color regions having a large number of pixels are selected except for the white and black color regions, and the hues of the selected color regions are selected. A color arrangement analyzing means for determining a color arrangement type indicating whether the color arrangement is similar or different, based on the color arrangement;
Color arrangement classification means for further classifying the color arrangement type based on the information of the three color areas and the color arrangement type selected by the color arrangement analysis means and paying attention to the brightness of the color area;
A color difference analysis information database comprising information for the color arrangement classification means to analyze color differences;
Color arrangement conversion means for converting the color arrangement on the acquired image by changing a color difference according to the color arrangement type classified by the color arrangement classification means;
A conversion rule database comprising rules relating to color difference changes in the color arrangement conversion means;
A result output means for outputting the result of conversion of the color scheme;
A color arrangement conversion device characterized by comprising:
請求項1記載の配色変換装置を構成する各手段としてコンピュータを機能させるプログラム。 A program for causing a computer to function as each means constituting the color arrangement conversion device according to claim 1 .
JP2009238153A 2009-10-15 2009-10-15 Color arrangement conversion apparatus and program Expired - Fee Related JP5279085B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2009238153A JP5279085B2 (en) 2009-10-15 2009-10-15 Color arrangement conversion apparatus and program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2009238153A JP5279085B2 (en) 2009-10-15 2009-10-15 Color arrangement conversion apparatus and program

Publications (2)

Publication Number Publication Date
JP2011086092A JP2011086092A (en) 2011-04-28
JP5279085B2 true JP5279085B2 (en) 2013-09-04

Family

ID=44078994

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2009238153A Expired - Fee Related JP5279085B2 (en) 2009-10-15 2009-10-15 Color arrangement conversion apparatus and program

Country Status (1)

Country Link
JP (1) JP5279085B2 (en)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5917974B2 (en) * 2012-03-28 2016-05-18 株式会社Nttドコモ Image processing apparatus and image processing method
JP6053717B2 (en) 2014-05-07 2016-12-27 インターナショナル・ビジネス・マシーンズ・コーポレーションInternational Business Machines Corporation Method for extracting a color seam of a page described in a markup language, an electronic device for extracting the color seam, and a program for the electronic device
US10546039B1 (en) 2018-08-22 2020-01-28 Citrix Systems, Inc. Color scheme generator for web applications
JP7468061B2 (en) 2020-03-27 2024-04-16 富士フイルムビジネスイノベーション株式会社 Image processing device, image processing system and program

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP4082591B2 (en) * 2003-05-20 2008-04-30 インターナショナル・ビジネス・マシーンズ・コーポレーション Data editing apparatus and program
JP2005031983A (en) * 2003-07-14 2005-02-03 Hitachi Ltd Structured document file display format changing method and system

Also Published As

Publication number Publication date
JP2011086092A (en) 2011-04-28

Similar Documents

Publication Publication Date Title
RU2693303C2 (en) Method and device for changing background colour of tool panel according to dominant colour of image
US8090196B2 (en) Album creating apparatus, album creating method and computer readable medium storing thereon program therefor
JP4704224B2 (en) Album creating apparatus, album creating method, and program
JP5589544B2 (en) Image processing apparatus, image processing method, program, and recording medium
CN104978565B (en) A kind of pictograph extracting method of universality
KR20050074254A (en) Image processing apparatus, image processing method and program product therefore
JP5279085B2 (en) Color arrangement conversion apparatus and program
JP2009260530A (en) Color conversion device, color conversion method, and color conversion program
JP2021158588A (en) Image processing equipment, image processing systems and programs
JP2009296545A (en) Image processing apparatus and method
US20100110100A1 (en) Method and System For Extracting and Applying Colour Schemes Across Domains
CN119693251A (en) Image processing method, device, electronic device, storage medium and program product
JP7027288B2 (en) Decision device, decision method and decision program
JP2013003906A (en) Electronic document decoration device and electronic document decoration program
JP6470379B1 (en) Computer program, color chart, color code diagram ,.
CN114529624B (en) Image color matching method and system and image generation method and system
JP4974303B2 (en) Color conversion information generation apparatus, color conversion information generation method and program
CN106303154A (en) A kind of information processing method and electronic equipment
KR100661544B1 (en) How to set the color of the soft menu bar according to the background of the mobile terminal
JP6154545B2 (en) Information processing device
JP4882523B2 (en) Document impression evaluation apparatus and document impression evaluation program
JP2013207582A (en) Image processing device and image processing method
CN119536722A (en) Website color matching method, device, equipment and computer program product
KR100916854B1 (en) Thumbnail generation system and creation method
JP4807148B2 (en) Document impression evaluation apparatus and document impression evaluation program

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20120215

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20121119

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20121126

A521 Written amendment

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20130115

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20130215

A521 Written amendment

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20130308

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20130517

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20130517

R150 Certificate of patent or registration of utility model

Free format text: JAPANESE INTERMEDIATE CODE: R150

Ref document number: 5279085

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

LAPS Cancellation because of no payment of annual fees