JP2018022347A - Coloration proposal device, coloration proposal method and program - Google Patents
Coloration proposal device, coloration proposal method and program Download PDFInfo
- Publication number
- JP2018022347A JP2018022347A JP2016153215A JP2016153215A JP2018022347A JP 2018022347 A JP2018022347 A JP 2018022347A JP 2016153215 A JP2016153215 A JP 2016153215A JP 2016153215 A JP2016153215 A JP 2016153215A JP 2018022347 A JP2018022347 A JP 2018022347A
- Authority
- JP
- Japan
- Prior art keywords
- color
- background color
- background
- combination
- character
- 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.)
- Granted
Links
Images
Landscapes
- Image Processing (AREA)
- Facsimile Image Signal Circuits (AREA)
- Color Image Communication Systems (AREA)
- Image Analysis (AREA)
Abstract
Description
本発明は、配色提案装置、配色提案方法及びプログラムに関し、特に、電子画像又は電子コンテンツの配色を提案する際に、任意の背景色に対し、先天性色覚異常者が区別でき、かつ、文字も見やすくなる背景色の組み合わせを提案することで、アクセシビリティを向上させる配色の組み合わせ案を提案する配色提案装置、配色提案方法及びプログラムに関する。 The present invention relates to a color arrangement proposing device, a color arrangement proposing method, and a program, and in particular, when proposing a color arrangement of an electronic image or electronic content, a congenital color blind person can be distinguished from any background color, and characters are also used. The present invention relates to a color arrangement proposing device, a color arrangement proposing method, and a program for proposing a color combination proposal that improves accessibility by proposing a background color combination that is easy to see.
近年、インターネットが社会において広く普及し、様々な環境で閲覧されうること、様々な特徴を持った利用者がいることを想定したWebコンテンツ作成および提供が求められている。Webサイトのアクセシビリティを担保するためのガイドラインとして、JIS X 8341-3「高齢者・障害者等配慮設計指針−情報通信における機器、ソフトウェア及びサービス」(以下JIS、非特許文献1)がある。このガイドラインで、テキスト(および画像上の文字)について、背景色と文字色の間のコントラスト(差)を保つことが定められており、「コントラスト比」の基準値が規定されている。この基準値を満たすかどうかについて、色の値を入力することで自動でチェックできるツールなども提供されている(非特許文献2)。 In recent years, the creation and provision of Web contents on the assumption that the Internet is widely spread in society, can be browsed in various environments, and that there are users with various characteristics. As a guideline for ensuring the accessibility of a Web site, there is JIS X 8341-3 “Guidelines for Designing Considering Elderly People and Persons with Disabilities—Equipment, Software and Service in Information Communication” (hereinafter, JIS, Non-Patent Document 1). This guideline stipulates that the contrast (difference) between the background color and the character color is maintained for text (and characters on the image), and a reference value of “contrast ratio” is defined. A tool that can automatically check whether the reference value is satisfied by inputting a color value is also provided (Non-Patent Document 2).
また、生まれつき色の見え方が異なる先天性色覚異常者にとって、表示された色の組み合わせが区別できるかどうかをチェックできるシミュレーションアルゴリズムも多数提供されている(非特許文献3)。デザイナは、これらの技術を使用し、高齢者や色覚異常者など多様な色の見え方を持つユーザに対しても区別しやすい配色となるようにデザインしている。 There are also many simulation algorithms that can check whether a combination of displayed colors can be distinguished for a congenital color blind person who has a different appearance of colors (Non-Patent Document 3). Designers use these technologies to design color schemes that are easy to distinguish even for users with various color appearances, such as elderly people and people with color blindness.
Webサイトのメニューバーやボタンの配色を決める際、色の違いによって情報カテゴリの違いを表現することが多い。このとき、アクセシビリティを保とうとすると、先天性色覚異常者にも区別できる色であり、かつ、上に乗せた文字が見やすいような色の組み合わせを探す必要がある。しかし、上記で述べたJISによる背景色と文字色の間のコントラスト基準値は、明るさの差が保たれているかどうかの最低基準を定めたものであり、その基準を満たしていれば良いため、使用可能な色は膨大に存在してしまい選ぶのが難しくなる。コントラスト基準値を満たしているかどうか判断するツール(非特許文献2)は、基準値を満たしているかどうかの結果は提示するが、配色案を提案するツールではない。一方、先天性色覚異常者にとっての色の組み合わせをチェックするアルゴリズム(非特許文献3)を実装したシミュレーションツールは先天性色覚異常者がどのように見えているかを表示できるものであり、目視によって使用不可の色は判断できるが、使用可能な色を提案するツールではない。そのため、配色案を探す作業に時間がかかってしまう。配色案を提案するカラーコーディネートツールは多数あるが、これらは色覚異常者が区別できない色を提案することがある。そのため、色覚異常者が区別できる色で、かつ文字の見やすさも考慮した配色案を提案することが必要となる。 When deciding the color scheme of a menu bar or button on a website, the difference in information category is often expressed by the difference in color. At this time, in order to maintain accessibility, it is necessary to search for a combination of colors that can be distinguished even by people with congenital color blindness and that can easily see the characters placed on them. However, the contrast standard value between the background color and the character color according to JIS described above defines the minimum standard for whether or not the difference in brightness is maintained, and it is sufficient that the standard is satisfied. There are so many colors that can be used that it is difficult to select. The tool for determining whether or not the contrast reference value is satisfied (Non-Patent Document 2) presents the result of whether or not the reference value is satisfied, but is not a tool for proposing a color scheme. On the other hand, a simulation tool that implements an algorithm (Non-patent Document 3) that checks a color combination for a congenital color blind person can display how the congenital color blind person looks and is used visually. It is not a tool that suggests colors that can be used, although it is possible to determine the colors that cannot be used. Therefore, it takes time to search for a color scheme. There are many color coordination tools that suggest color schemes, but these may suggest colors that cannot be distinguished by people with color blindness. For this reason, it is necessary to propose a color scheme that is distinguishable by persons with color blindness and that also considers the visibility of characters.
本発明は、電子コンテンツの配色を提案する際に、色覚異常者が区別できる色で、かつ文字の見やすさも考慮した配色案を提案できる配色提案装置、配色提案方法及びプログラムを提供することを目的とする。 An object of the present invention is to provide a color arrangement proposal device, a color arrangement proposal method, and a program capable of proposing a color arrangement plan that can be distinguished by a color blind person and that also considers the visibility of characters when proposing a color arrangement of electronic content. And
本発明の一形態に係る配色提案装置は、
電子コンテンツの配色を提案する配色提案装置であって、
背景色の情報を入力する背景色入力部と、
文字色の情報を入力する文字色入力部と、
前記背景色入力部から入力された背景色の色空間の変換を行い、背景色の明度、彩度及び色相角を求める色情報計算部と、
前記色情報計算部で求められた背景色の色相角を変化させた背景色の配色の組み合わせを算出する色相案算出部と、
前記色相案算出部で算出された背景色の配色の組み合わせと文字色の情報とに基づいて、文字の可読性を評価し、背景色の配色の組み合わせにおける背景色の明度を調節することにより文字の可読性を向上させる文字可読性調節部と、
前記文字可読性調節部で調節された背景色の配色の組み合わせの色差を調節する色差調節部と、
前記色差調節部で調節された背景色の配色の組み合わせを表示する結果表示部と、
を有することを特徴とする。
A color arrangement proposing device according to an aspect of the present invention is
A color scheme proposing device that proposes a color scheme for electronic content,
A background color input section for inputting background color information;
A text color input section for inputting text color information;
A color information calculation unit that converts the color space of the background color input from the background color input unit and obtains the brightness, saturation, and hue angle of the background color;
A hue plan calculation unit that calculates a combination of background color schemes by changing the hue angle of the background color obtained by the color information calculation unit;
Based on the background color scheme combination and the character color information calculated by the hue plan calculation unit, the character readability is evaluated, and the brightness of the background color in the background color scheme combination is adjusted. A character readability adjusting unit for improving readability;
A color difference adjustment unit for adjusting a color difference of a combination of background colors adjusted by the character readability adjustment unit;
A result display unit for displaying a combination of background color schemes adjusted by the color difference adjustment unit;
It is characterized by having.
本発明の一形態に係る配色提案方法は、
電子コンテンツの配色を提案する配色提案装置における配色提案方法であって、
入力された背景色の情報を受け取るステップと、
入力された文字色の情報を受け取るステップと、
前記受け取った背景色の色空間の変換を行い、背景色の明度、彩度及び色相角を求めるステップと、
前記求められた背景色の色相角を変化させた背景色の配色の組み合わせを算出するステップと、
前記算出された背景色の配色の組み合わせと文字色の情報とに基づいて、文字の可読性を評価し、背景色の配色の組み合わせにおける背景色の明度を調節することにより文字の可読性を向上させるステップと、
前記背景色の明度が調節された背景色の配色の組み合わせの色差を調節するステップと、
前記色差が調節された背景色の配色の組み合わせを表示するステップと、
を有することを特徴とする。
A color scheme proposing method according to an aspect of the present invention includes:
A color scheme proposing method in a color scheme proposing device that proposes a color scheme of electronic content,
Receiving the input background color information;
Receiving the input text color information;
Performing a conversion of the received background color space to determine the brightness, saturation and hue angle of the background color;
Calculating a combination of background color schemes obtained by changing the hue angle of the obtained background color;
A step of evaluating character readability based on the calculated background color combination and character color information, and improving the character readability by adjusting the lightness of the background color in the background color combination When,
Adjusting a color difference of a combination of background color schemes in which the brightness of the background color is adjusted;
Displaying a combination of background color schemes in which the color difference is adjusted;
It is characterized by having.
本発明の一形態に係るプログラムは、
電子コンテンツの配色を提案する配色提案装置として、コンピュータを機能させるためのプログラムであって、当該コンピュータを、
背景色の情報を入力する背景色入力手段、
文字色の情報を入力する文字色入力手段、
前記背景色入力手段から入力された背景色の色空間の変換を行い、背景色の明度、彩度及び色相角を求める色情報計算手段、
前記色情報計算手段で求められた背景色の色相角を変化させた背景色の配色の組み合わせを算出する色相案算出手段、
前記色相案算出手段で算出された背景色の配色の組み合わせと文字色の情報とに基づいて、文字の可読性を評価し、背景色の配色の組み合わせにおける背景色の明度を調節することにより文字の可読性を向上させる文字可読性調節手段、
前記文字可読性調節手段で調節された背景色の配色の組み合わせの色差を調節する色差調節手段、及び
前記色差調節手段で調節された背景色の配色の組み合わせを表示する結果表示手段、
として機能させることを特徴とする。
A program according to one aspect of the present invention is:
A program for causing a computer to function as a color arrangement proposing device for proposing a color arrangement of electronic content, the computer comprising:
Background color input means for inputting background color information,
Text color input means for entering text color information;
Color information calculation means for converting the color space of the background color input from the background color input means to obtain the lightness, saturation and hue angle of the background color;
A hue plan calculation means for calculating a combination of background color schemes obtained by changing the hue angle of the background color obtained by the color information calculation means;
Based on the combination of the background color scheme and the character color information calculated by the hue plan calculation means, the character readability is evaluated, and the lightness of the background color in the combination of the background color scheme is adjusted. Character readability adjusting means for improving readability;
A color difference adjusting means for adjusting a color difference of a combination of background colors adjusted by the character readability adjusting means; and a result display means for displaying a combination of background colors adjusted by the color difference adjusting means;
It is made to function as.
本発明によれば、電子コンテンツの配色を提案する際に、色覚異常者が区別できる色で、かつ文字の見やすさも考慮した配色案を提案することが可能になる。 According to the present invention, when proposing a color scheme for electronic content, it is possible to propose a color scheme that can be distinguished by a color-blind person and is easy to see.
以下、図面を参照して本発明の実施例について説明する。 Embodiments of the present invention will be described below with reference to the drawings.
本発明の実施例では、電子コンテンツの配色を提案する配色提案装置について説明する。配色提案装置は、テキスト及び背景で構成される電子コンテンツについて、テキストに対する背景色の組み合わせを提案する装置である。電子コンテンツには、HTML(Hypertext Markup Language)等で記述されたWebコンテンツ、電子画像等が含まれる。 In an embodiment of the present invention, a color arrangement proposing device that proposes a color arrangement of electronic contents will be described. The color arrangement proposing device is a device that proposes a combination of background colors for text with respect to electronic content composed of text and background. Electronic content includes Web content, electronic images, etc. described in HTML (Hypertext Markup Language) or the like.
図1は本発明の実施例に係る配色提案装置100のブロック図である。配色提案装置100は、コンピュータ(例えば、パーソナルコンピュータ(PC))内で動作するアプリケーションとして実現されてもよい。配色提案装置100は、背景色入力部101、文字色入力部102、色情報計算部103、色相案算出部104、文字可読性調節部105、色差調節部106、結果表示部107から構成される。
FIG. 1 is a block diagram of a color arrangement proposing device 100 according to an embodiment of the present invention. The color arrangement proposing device 100 may be realized as an application that operates in a computer (for example, a personal computer (PC)). The color arrangement proposing device 100 includes a background
背景色入力部101は、背景色の情報の入出力を行う。文字色入力部102は、文字色の情報の入出力を行う。色情報計算部103は、色空間の変換を行い、少なくとも背景色の明度、彩度及び色相角を求める。色相案算出部104は、背景色の情報に基づき、背景色の色相角を変化させることにより、色覚異常者が区別可能な新しい背景色の配色の組み合わせを算出する。文字可読性調節部105は、背景色の配色の組み合わせと文字色の情報とに基づいて、文字の可読性を評価し、その結果に基づいて背景色の組み合わせにおける背景色の明度を調節することにより文字の可読性を向上させる。色差調節部106は、背景色の配色の組み合わせの色差の調節を行う。結果表示部107は、処理結果の表示を行う。以下、配色提案装置100における各機能部の処理について詳細に説明する。
The background
図2に、本発明の実施例に係る配色提案装置100の処理の流れを示す。 FIG. 2 shows a processing flow of the color arrangement proposing device 100 according to the embodiment of the present invention.
ステップS101では、背景色入力部101において、背景色とする任意の1色の情報が入力される。入力方法は、例えばHTML等に使用される16進数で記述されたコード値をテキスト入力すること等によって実現できる。背景色入力部101では入力された色のRGB値を出力する。背景色のRGB値をそれぞれ、bR、bG、bBとする。背景色入力部101で入力された背景色のRGB値bR、bG、bBは、色情報計算部103に送られる。
In step S101, the background
ステップS102では、文字色入力部102において、文字色とする任意の1色の情報が入力される。入力方法は、例えばHTML等に使用される16進数で記述されたコード値をテキスト入力すること等によって実現できる。文字色入力部102では入力された色のRGB値を出力する。文字色のRGB値をそれぞれ、lR、lG、lBとする。文字色入力部102で入力された文字色のRGB値lR、lG、lBは、色情報計算部103に送られる。なお、文字色入力部102で入力された文字色のRGB値lR、lG、lBは、色情報計算部103において色空間の変換を行わずに、文字可読性調節部105に送られてもよい。
In step S102, the character
ステップS103では、色情報計算部103は背景色入力部101から送られたbR、bG、bB、および文字色入力部102から送られたlR、lG、lBのそれぞれについて、明度(L*)と色度(a*、b*)の3値を持つL*a*b*色空間の値に変換する。さらに、それらの値から彩度C*と色相角H*を求める。L*a*b*色空間におけるL*は0〜100の範囲で変化し、値が大きいほど明るいことを示す。色みを表すa*は赤と緑の間で変化し、正の値で赤み、負の値で緑みが強いことを示す。b*は青と黄の間で変化し、正の値で黄み、負の値で青みが強いことを示す。C*が0の時は灰色であり、値が大きくなるにつれて鮮やかな色になる。C*の最大値は色によって異なる。H*は角度で表され、a*b*平面上において0°でおよそ赤色となり、黄、緑、青、紫と変化し一周するとまた赤に戻る。
In step S103, the color
ここでは、背景色のL*C*H*値をbL、bC、bH、文字色のL*C*H*値をlL、lC、lHとする。このうち、背景色のbL、bC、bHが色相案算出部104に送られる。また、文字色のlL、lC、lHは文字可読性調節部105に送られる。
Here, the L * C * H * value of the background color is bL, bC, bH, and the L * C * H * value of the character color is lL, lC, lH. Among these, the background colors bL, bC, and bH are sent to the hue
ステップS104では、色相案算出部104において、色情報計算部103から送られた背景色のbHを用いて、先天性色覚異常者が区別可能な、bHとは異なる色相角を算出する。新しい色相角を算出する式は、
newH=α×bH+β
である。ここで、色相角bHの値が0°〜360°のどの範囲であるかにより、α、βが変化する。このように、新しい色相角newHは、背景色の色相角bHを変化させることにより算出される。これは、先天性色覚異常者の色のカテゴリ分類が色相角によって変化するためである。また、1つの色相角bHに対する算出パターンを以下とし、算出パターンによってもα、βが変化するものとする。各算出パターンは入力されたbHを含めて以下となる。
In step S104, the hue
newH = α × bH + β
It is. Here, α and β change depending on which range of the hue angle bH is 0 ° to 360 °. Thus, the new hue angle newH is calculated by changing the hue angle bH of the background color. This is because the color category classification of the congenital color blind person changes depending on the hue angle. Also, the calculation pattern for one hue angle bH is as follows, and α and β also change depending on the calculation pattern. Each calculation pattern is as follows including the input bH.
・対照色相配色3色×3セット((1)bH、H1、H2/(2)bH、H3、H4/(3)bH、H5、H6)
・類似色相配色3色×1セット((4)bH、H7、H8)
・補色色相配色2色×2セット((5)bH、H9/(6)bH、H10)
以下に、算出式の一例を示す。
-Contrast color scheme 3 colors x 3 sets ((1) bH, H1, H2 / (2) bH, H3, H4 / (3) bH, H5, H6)
・ Similar color scheme 3 colors x 1 set ((4) bH, H7, H8)
・ Two complementary color schemes x 2 sets ((5) bH, H9 / (6) bH, H10)
An example of the calculation formula is shown below.
対照色相配色:
0≦bH<10 のとき
H1=bH+270
H2=0.5×bH+140
H3=bH+120
H4=0.5×bH+300
H5=bH+80
H6=bH+270
類似色相配色:
0≦bH<20 のとき
H7=0.5×bH-335
H8=0.75×bH+30
補色色相配色:
0≦bH<20 のとき
H9=bH+180
H10=bH+210
上記のように算出される。
Contrast hue color scheme:
When 0 ≦ bH <10
H1 = bH + 270
H2 = 0.5 × bH + 140
H3 = bH + 120
H4 = 0.5 × bH + 300
H5 = bH + 80
H6 = bH + 270
Similar hue color scheme:
When 0 ≦ bH <20
H7 = 0.5 × bH-335
H8 = 0.75 × bH + 30
Complementary hue color scheme:
When 0 ≦ bH <20
H9 = bH + 180
H10 = bH + 210
Calculated as above.
ステップS105では、色相案算出部104において、上記(1)〜(6)までの全ての色相角に対し、背景色の明度(bL)と彩度(bC)とを組み合わせることによって色を作る。ここで、できあがる色のセットは以下のようになる。
In step S105, the hue
・対照色相配色(3色×3セット)
(1)bH、bL、bC に対し、H1、bL、bC と H2、bL、bC
(2)bH、bL、bC に対し、H3、bL、bC と H4、bL、bC
(3)bH、bL、bC に対し、H5、bL、bC と H6、bL、bC
類似色相配色(3色×1セット)
(4)bH、bL、bC に対し、H7、bL、bC と H8、bL、bC
補色色相配色(2色×2セット)
(5)bH、bL、bC に対し、H9、bL、bC
(6)bH、bL、bC に対し、H10、bL、bC
これら背景色の色相角を変化させた対照色相配色と類似色相配色と補色色相配色の組み合わせである(1)〜(6)の色セットの情報は、文字可読性調節部105に送られる。
-Contrast hue color scheme (3 colors x 3 sets)
(1) For bH, bL, bC, H1, bL, bC and H2, bL, bC
(2) For bH, bL, bC, H3, bL, bC and H4, bL, bC
(3) H5, bL, bC and H6, bL, bC versus bH, bL, bC
Similar color scheme (3 colors x 1 set)
(4) H7, bL, bC and H8, bL, bC for bH, bL, bC
Complementary hue color scheme (2 colors x 2 sets)
(5) H9, bL, bC against bH, bL, bC
(6) H10, bL, bC against bH, bL, bC
Information on the color sets (1) to (6), which is a combination of the contrast hue color scheme, the similar hue color scheme, and the complementary hue color scheme, in which the hue angle of the background color is changed, is sent to the character
このように、色相案算出部104において1つの背景色の入力に対して6種類の背景色の組み合わせの候補(1)〜(6)が作成され、文字可読性調節部105に送られる。文字可読性調節部105に送られた(1)〜(6)までの色のセットを、Ln、Hn、Cnとする(n=1,2,…6)。
In this way, the hue
ステップS107では、文字可読性調節部105において、背景色候補Ln、Cn、Hnと、色情報計算部103から送られた文字色のlL、lC、lHを用いて、背景と文字の間のコントラスト比を算出する。ここで、JISで定義されているコントラスト比の他に、先天性色弱者の見え方におけるコントラスト比を算出する。ここでは一般的に使用されている色覚シミュレーションの式(非特許文献3)を使用するが、他の計算式となることもある。
In step S107, the character
それぞれの見え方において、Ln、Cn、Hnと、lL、lC、lHをRGB値に変換し、下記の値を求める。なお、文字色のRGB値は、文字色入力部102から送られたRGB値でもよい。
In each appearance, Ln, Cn, and Hn and lL, lC, and lH are converted into RGB values, and the following values are obtained. Note that the RGB value of the character color may be the RGB value sent from the character
Lum=0.2126×R+0.7152×G+0.0722×B
そして、それぞれの見え方において、下記の式により背景色と文字色とのコントラスト比を求める。
Lum = 0.2126 × R + 0.7152 × G + 0.0722 × B
Then, in each appearance, the contrast ratio between the background color and the character color is obtained by the following formula.
Cont=((L1+0.05))/((L2+0.05))
ここで、L1は明るいほうの色のLum、L2は暗いほうの色のLumである。Contは1〜21の値を取り、21の場合が最も読みやすく、1が最も読みにくいとなる。
Cont = ((L1 + 0.05)) / ((L2 + 0.05))
Here, L1 is the lighter color Lum, and L2 is the darker color Lum. Cont takes a value between 1 and 21, with 21 being the most readable and 1 being the least readable.
上記の式で求めた色覚正常者の見え方でのContをCont_Cn、先天性色覚異常者のうち、1型色覚の見え方におけるContをCont_Pn、2型色覚の見え方におけるContをCont_Dn(n=1,2,…6)とする。 Cont_Cn is the Cont_Cn for the appearance of the normal color vision obtained by the above formula, Cont is the Cont_Pn for the appearance of the type 1 color vision, and Cont_Dn (n = 1,2, ... 6).
同じnを取る3種類のContの値のうち、どれか一つでもある任意の値を満たさなかった場合、(Ln、Cn、Hn)の色は文字が見にくくなると判断するものとする。ここでは、任意の値を4.5とし、4.5未満になった場合は文字が見にくい(Check=NG)という値を返すものとする。ステップS108に移る。 If any one of the three types of Cont values having the same n does not satisfy any value, it is determined that the color of (Ln, Cn, Hn) makes it difficult to see the characters. Here, an arbitrary value is set to 4.5, and when the value is less than 4.5, a value that it is difficult to see characters (Check = NG) is returned. The process proceeds to step S108.
ステップS108では、文字可読性調節部105において、Check=NGとなった背景色Ln、Cn、Hnについて、Lnの値を基準値以上、すなわち上記の例では3種類のうち最も低かったContが4.5となるように背景色の明度を変化させる。Lnの値によって、変化方向が変わる。もともと明るければ暗くする等の方法がある。Cont≧4.5になった時、Check=OKとし、そのときのLnの値を出力する(Ln')。
In step S108, in the character
文字可読性調節部105から、(1)〜(6)それぞれについてのHn、Cn、Ln(またはLn')の情報が色差調節部106に送られる。
Information on Hn, Cn, and Ln (or Ln ′) for each of (1) to (6) is sent from the character
ステップS109では、色差調節部106において、文字可読性調節部105から送られた(1)〜(6)のそれぞれのHn、Cn、Ln(またはLn')の値の微調整を行う。これは、各セット内の2〜3色が、ステップS108での処理の結果、似たような色になってしまうことがあるためである。ここでは、色差を保つように調節を行う。色差は明度、彩度、色相角から求められる色空間内の距離である。処理は、セット(1)〜(6)について彩度の調節を行う。例として、色差が5以上になるようにする。
In step S109, the color
調節後のnewHn、newCn、newLn(n=1,2,…6)の情報は、色情報計算部103に送られる。
Information of newHn, newCn, and newLn (n = 1, 2,... 6) after adjustment is sent to the color
ステップS110では、色情報計算部103において、調節後のnewHn、newCn、newLnをRGB値に変換する。変換された値を、newRn、newGn、newBnとする。新しいRGB値の情報は結果表示部107に送られる。
In step S110, the color
ステップS111では、結果表示部107において、(1)〜(6)のそれぞれのnewRn、newGn、newBnを背景色、文字色入力部102から送られたlR、lG、lBを文字色として表示する。表示は(1)〜(6)のセットごとに行う。
In step S111, the
以上が本発明の実施例における処理の流れである。 The above is the flow of processing in the embodiment of the present invention.
上記の処理では、背景色入力部101において、背景色は16進数のコード値をテキスト入力するものとしているが、他の入力方法でも良い。例えば、カラーパレットで指定したり、ディスプレイ上の任意の色を取得するなどでも良い。また、RGB値やそれ以外の数値を入力するのでも良い。
In the above processing, the background
上記の処理では、色情報計算部103において、L*a*b*表色系における色相角の値を用いているが、色相角を求めるのは必ずしもこの方法でなくて良い。先天性色覚異常者が区別可能な色の境界がデータベース(DB)で定義できればよい。
In the above processing, the hue information value in the L * a * b * color system is used in the color
上記の処理では、色相案算出部104において、背景色と調和した色相を求めるために角度配色法を使用しているが、他の方法で調和した色を求めるのでも良い。
In the above processing, the hue
上記の処理では、文字可読性調節部105で定義されている基準値について、コントラスト比の基準値はJISで定義されている値を使用しているが、他の値であっても良い。たとえば3などでもよい。また、文字が見やすいかどうかの判断ルールは上記の限りではない。たとえば一般色覚者のみが基準値を満たさなかった場合をCheck=NGとするなど、ルールを変えることも可能である。
In the processing described above, the reference value defined in the character
結果表示部107では文字可読性調節部105で得られたそれぞれの色覚特性のコントラスト比、およびチェック結果などをあわせて表示しても良い。
The
上記のように、本実施例はPC内で動作するアプリケーションとして実施可能であるが、他の手段で実施されることもありうる。たとえばインターネット通信手段を持ったアプリケーションとして実施されてもよい。 As described above, the present embodiment can be implemented as an application that operates in the PC, but may be implemented by other means. For example, it may be implemented as an application having Internet communication means.
<本発明の実施例の効果>
本発明の実施例によれば、電子画像及び電子コンテンツの配色を提案する際に、任意の背景色に対し、先天性色覚異常者が区別でき、かつ、文字も見やすい背景色の組み合わせを提案することができる。また、この組み合わせはカラーコーディネートによる調和も考えられている。本発明の実施例の使用者は本発明の実施例によってもたらされる配色案を参考とすることで、効果的にアクセシビリティを向上することができる。
<Effect of the embodiment of the present invention>
According to an embodiment of the present invention, when a color scheme of an electronic image and electronic content is proposed, a combination of background colors that can distinguish a congenital color blind person from any background color and is easy to see characters is proposed. be able to. In addition, this combination can be harmonized by color coordination. The user of the embodiment of the present invention can effectively improve accessibility by referring to the color scheme proposed by the embodiment of the present invention.
<ハードウェア構成例>
図3に、本発明の実施例に係る配色提案装置100のハードウェア構成例を示す。配色提案装置100は、CPU(Central Processing Unit)151等のプロセッサ、RAM(Random Access Memory)やROM(Read Only Memory)等のメモリ装置152、ハードディスク等の記憶装置153等から構成されたコンピュータでもよい。例えば、配色提案装置100の機能及び処理は、記憶装置153又はメモリ装置152に格納されているデータやプログラムをCPU151が実行することによって実現される。また、配色提案装置100に必要な情報は、入出力インタフェース装置154から入力され、配色提案装置100において求められた結果は、入出力インタフェース装置154から出力されてもよい。
<Hardware configuration example>
FIG. 3 shows a hardware configuration example of the color arrangement proposing device 100 according to the embodiment of the present invention. The color arrangement proposing device 100 may be a computer including a processor such as a CPU (Central Processing Unit) 151, a
<補足>
説明の便宜上、本発明の実施例に係る配色提案装置は機能的なブロック図を用いて説明しているが、本発明の実施例に係る配色提案装置は、ハードウェア、ソフトウェア又はそれらの組み合わせで実現されてもよい。例えば、本発明の実施例は、コンピュータに対して本発明の実施例に係る配色提案装置の機能を実現させるプログラム、コンピュータに対して本発明の実施例に係る方法の各手順を実行させるプログラム等により、実現されてもよい。また、各機能部が必要に応じて組み合わせて使用されてもよい。また、本発明の実施例に係る方法は、実施例に示す順序と異なる順序で実施されてもよい。
<Supplement>
For convenience of explanation, the color arrangement proposing device according to the embodiment of the present invention has been described using a functional block diagram. However, the color arrangement proposing device according to the embodiment of the present invention may be hardware, software, or a combination thereof. It may be realized. For example, an embodiment of the present invention is a program that causes a computer to realize the functions of the color arrangement proposing device according to the embodiment of the present invention, a program that causes a computer to execute each procedure of the method according to the embodiment of the present invention, and the like. May be realized. In addition, the functional units may be used in combination as necessary. In addition, the method according to the embodiment of the present invention may be performed in an order different from the order shown in the embodiment.
以上、電子コンテンツの配色を提案する際に、色覚異常者が区別できる色で、かつ文字の見やすさも考慮した配色案を提案するための手法について説明したが、本発明は、上記の実施例に限定されることなく、特許請求の範囲内において、種々の変更・応用が可能である。 As described above, when the color scheme of the electronic content is proposed, the method for proposing the color scheme that can be distinguished by the color blind person and also considers the legibility of the characters has been described. However, the present invention is not limited to the above embodiment. Without being limited, various modifications and applications are possible within the scope of the claims.
100 配色提案装置
101 背景色入力部
102 文字色入力部
103 色情報計算部
104 色相案算出部
105 文字可読性調節部
106 色差調節部
107 結果表示部
151 CPU
152 メモリ装置
153 記憶装置
154 入出力インタフェース装置
100 Color scheme proposal device
101 Background color input section
102 Text color input section
103 Color information calculator
104 Hue plan calculator
105 Character readability controller
106 Color difference adjustment unit
107 Result display area
151 CPU
152 Memory device
153 storage device
154 I / O interface device
Claims (6)
背景色の情報を入力する背景色入力部と、
文字色の情報を入力する文字色入力部と、
前記背景色入力部から入力された背景色の色空間の変換を行い、背景色の明度、彩度及び色相角を求める色情報計算部と、
前記色情報計算部で求められた背景色の色相角を変化させた背景色の配色の組み合わせを算出する色相案算出部と、
前記色相案算出部で算出された背景色の配色の組み合わせと文字色の情報とに基づいて、文字の可読性を評価し、背景色の配色の組み合わせにおける背景色の明度を調節することにより文字の可読性を向上させる文字可読性調節部と、
前記文字可読性調節部で調節された背景色の配色の組み合わせの色差を調節する色差調節部と、
前記色差調節部で調節された背景色の配色の組み合わせを表示する結果表示部と、
を有する配色提案装置。 A color scheme proposing device that proposes a color scheme for electronic content,
A background color input section for inputting background color information;
A text color input section for inputting text color information;
A color information calculation unit that converts the color space of the background color input from the background color input unit and obtains the brightness, saturation, and hue angle of the background color;
A hue plan calculation unit that calculates a combination of background color schemes by changing the hue angle of the background color obtained by the color information calculation unit;
Based on the background color scheme combination and the character color information calculated by the hue plan calculation unit, the character readability is evaluated, and the brightness of the background color in the background color scheme combination is adjusted. A character readability adjusting unit for improving readability;
A color difference adjustment unit for adjusting a color difference of a combination of background colors adjusted by the character readability adjustment unit;
A result display unit for displaying a combination of background color schemes adjusted by the color difference adjustment unit;
A color scheme proposing device having
入力された背景色の情報を受け取るステップと、
入力された文字色の情報を受け取るステップと、
前記受け取った背景色の色空間の変換を行い、背景色の明度、彩度及び色相角を求めるステップと、
前記求められた背景色の色相角を変化させた背景色の配色の組み合わせを算出するステップと、
前記算出された背景色の配色の組み合わせと文字色の情報とに基づいて、文字の可読性を評価し、背景色の配色の組み合わせにおける背景色の明度を調節することにより文字の可読性を向上させるステップと、
前記背景色の明度が調節された背景色の配色の組み合わせの色差を調節するステップと、
前記色差が調節された背景色の配色の組み合わせを表示するステップと、
を有する配色提案方法。 A color scheme proposing method in a color scheme proposing device that proposes a color scheme of electronic content,
Receiving the input background color information;
Receiving the input text color information;
Performing a conversion of the received background color space to determine the brightness, saturation and hue angle of the background color;
Calculating a combination of background color schemes obtained by changing the hue angle of the obtained background color;
A step of evaluating character readability based on the calculated background color combination and character color information, and improving character readability by adjusting the lightness of the background color in the background color combination When,
Adjusting a color difference of a combination of background color schemes in which the brightness of the background color is adjusted;
Displaying a combination of background color schemes in which the color difference is adjusted;
A color scheme proposal method.
背景色の情報を入力する背景色入力手段、
文字色の情報を入力する文字色入力手段、
前記背景色入力手段から入力された背景色の色空間の変換を行い、背景色の明度、彩度及び色相角を求める色情報計算手段、
前記色情報計算手段で求められた背景色の色相角を変化させた背景色の配色の組み合わせを算出する色相案算出手段、
前記色相案算出手段で算出された背景色の配色の組み合わせと文字色の情報とに基づいて、文字の可読性を評価し、背景色の配色の組み合わせにおける背景色の明度を調節することにより文字の可読性を向上させる文字可読性調節手段、
前記文字可読性調節手段で調節された背景色の配色の組み合わせの色差を調節する色差調節手段、及び
前記色差調節手段で調節された背景色の配色の組み合わせを表示する結果表示手段、
として機能させるプログラム。 A program for causing a computer to function as a color arrangement proposing device for proposing a color arrangement of electronic content, the computer comprising:
Background color input means for inputting background color information,
Text color input means for entering text color information;
Color information calculation means for converting the color space of the background color input from the background color input means to obtain the lightness, saturation and hue angle of the background color;
A hue plan calculation means for calculating a combination of background color schemes obtained by changing the hue angle of the background color obtained by the color information calculation means;
Based on the combination of the background color scheme and the character color information calculated by the hue plan calculation means, the character readability is evaluated, and the lightness of the background color in the combination of the background color scheme is adjusted. Character readability adjusting means for improving readability;
A color difference adjusting means for adjusting a color difference of a combination of background colors adjusted by the character readability adjusting means; and a result display means for displaying a combination of background colors adjusted by the color difference adjusting means;
Program to function as.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2016153215A JP6484592B2 (en) | 2016-08-03 | 2016-08-03 | Color arrangement proposing device, color arrangement proposing method and program |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2016153215A JP6484592B2 (en) | 2016-08-03 | 2016-08-03 | Color arrangement proposing device, color arrangement proposing method and program |
Publications (2)
Publication Number | Publication Date |
---|---|
JP2018022347A true JP2018022347A (en) | 2018-02-08 |
JP6484592B2 JP6484592B2 (en) | 2019-03-13 |
Family
ID=61164544
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP2016153215A Active JP6484592B2 (en) | 2016-08-03 | 2016-08-03 | Color arrangement proposing device, color arrangement proposing method and program |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP6484592B2 (en) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113238829A (en) * | 2021-06-07 | 2021-08-10 | 北京字节跳动网络技术有限公司 | Background color generation method and device, electronic equipment and storage medium |
US11947937B2 (en) | 2021-12-22 | 2024-04-02 | Fresenius Medical Care Holdings, Inc. | Software tool for deriving colors from a reference color by varying color characteristics |
KR102665735B1 (en) * | 2022-12-19 | 2024-05-14 | 주식회사 케이씨씨 | Method and computing device for determining optimal combination of colors |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2002197403A (en) * | 2000-12-26 | 2002-07-12 | Nec Corp | Web contents readability evaluation system, web contents color arrangement support system, its method and recording medium |
JP2004259021A (en) * | 2003-02-26 | 2004-09-16 | Seiko Epson Corp | Printing instruction device and printing instruction method |
JP2008129162A (en) * | 2006-11-17 | 2008-06-05 | National Institute Of Advanced Industrial & Technology | Video conversion processing method and video conversion system |
JP2011100244A (en) * | 2009-11-05 | 2011-05-19 | Nippon Telegr & Teleph Corp <Ntt> | Character color proposing device, character color proposing method and program |
-
2016
- 2016-08-03 JP JP2016153215A patent/JP6484592B2/en active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2002197403A (en) * | 2000-12-26 | 2002-07-12 | Nec Corp | Web contents readability evaluation system, web contents color arrangement support system, its method and recording medium |
JP2004259021A (en) * | 2003-02-26 | 2004-09-16 | Seiko Epson Corp | Printing instruction device and printing instruction method |
JP2008129162A (en) * | 2006-11-17 | 2008-06-05 | National Institute Of Advanced Industrial & Technology | Video conversion processing method and video conversion system |
JP2011100244A (en) * | 2009-11-05 | 2011-05-19 | Nippon Telegr & Teleph Corp <Ntt> | Character color proposing device, character color proposing method and program |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113238829A (en) * | 2021-06-07 | 2021-08-10 | 北京字节跳动网络技术有限公司 | Background color generation method and device, electronic equipment and storage medium |
US11947937B2 (en) | 2021-12-22 | 2024-04-02 | Fresenius Medical Care Holdings, Inc. | Software tool for deriving colors from a reference color by varying color characteristics |
KR102665735B1 (en) * | 2022-12-19 | 2024-05-14 | 주식회사 케이씨씨 | Method and computing device for determining optimal combination of colors |
Also Published As
Publication number | Publication date |
---|---|
JP6484592B2 (en) | 2019-03-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Zeileis et al. | Escaping RGBland: Selecting colors for statistical graphics | |
JP4283297B2 (en) | Image compensation method | |
CN104778047B (en) | A kind of content display method and terminal | |
US7480405B2 (en) | Methods for selecting high visual contrast colors in user-interface design | |
JP6484592B2 (en) | Color arrangement proposing device, color arrangement proposing method and program | |
US9147378B2 (en) | Color selection interface | |
US9025224B2 (en) | Image-color-correcting method using a multitouch screen | |
WO2012149855A1 (en) | Webpage colour setting method, web browser and webpage server | |
JP2008146031A (en) | Character processing apparatus and method | |
WO2016034031A1 (en) | Method and device for adjusting colour of webpage content | |
CN104765437A (en) | Power saving method and power saving system | |
WO2012099157A1 (en) | Electronic device and chromaticity adjustment method | |
JP6006560B2 (en) | Web content color creation support method and web content color creation support device | |
WO2022120799A1 (en) | Image processing method and apparatus, electronic device, and storage medium | |
Yanagida et al. | Color scheme adjustment by fuzzy constraint satisfaction for color vision deficiencies | |
CN105808613B (en) | The processing method and processing device of page layout background picture | |
JP2011100244A (en) | Character color proposing device, character color proposing method and program | |
Hermans et al. | Exploring the applicability of the CAM18sl brightness prediction | |
US11527023B2 (en) | Image processing for increasing visibility of obscured patterns | |
US20220309982A1 (en) | Color setting method, display device, non-transitory computer readable storage medium | |
Baek et al. | Monitor brightness changes under a wide range of surround conditions | |
KR101979667B1 (en) | Automatic contrast adjustment system and Method thereof | |
Fukuda et al. | Color constancy in a scene with bright colors that do not have a fully natural surface appearance | |
JP2021158588A (en) | Image processing device, image processing system, and program | |
Xie et al. | Deriving and dissecting an equally bright reference boundary |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20180205 |
|
A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20190128 |
|
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: 20190212 |
|
A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20190218 |
|
R150 | Certificate of patent or registration of utility model |
Ref document number: 6484592 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 |