JP2011100244A - Character color proposing device, character color proposing method and program - Google Patents

Abstract

<P>PROBLEM TO BE SOLVED: To provide a character color proposing device, a character color proposing method and a program, for automatically maintaining brightness contrast within a range of a hue, which is freely designated, in coloring an electronic image and an electronic content. <P>SOLUTION: The character color proposing device includes a color characteristic database which stores, with respect to a predetermined color, a plurality of pieces of information of color code value, brightness value and color phase angle as a set. An input background color input by a background color input means and a character color selected as a result of processing of the character color proposing device are displayed. The brightness value of the background color is extracted, a range of brightness value having a brightness contrast with character visibility higher than a predetermined value is calculated based on the brightness value of the background color, and candidate colors are extracted from the calculated range of brightness value. A user designates a character color. The candidate color designated by the user from the extracted candidate colors through the character color designation means is displayed. <P>COPYRIGHT: (C)2011,JPO&INPIT

Description

  The present invention proposes a candidate color for a character that automatically specifies a hue and automatically maintains brightness contrast within the range of the specified hue when coloring an electronic image and electronic content. The present invention relates to a character color proposing device, a character color proposing method, and a program capable of efficiently performing design for improving the visibility of characters.

  2. Description of the Related Art In recent years, the Internet has become widespread in society and is required to be browsed in various environments, and it has been required to create and provide web contents assuming that there are users with various characteristics. Among these, “Web accessibility guidelines” describing check items for ensuring accessibility of websites are regarded as important (for example, see Non-Patent Document 1). This non-reference document 1 is hereinafter referred to as “JIS”.

  This JIS is scheduled to be revised in response to Web Content Accessibility Guidelines 2.0 (hereinafter referred to as “WCAG 2.0”) formulated by the World Wide Web Consortium (hereinafter referred to as “W3C”) in 2008.

  Among the check items of this guideline, there is an item related to the color scheme of the website. For the two colors of background color and text color, the formula for calculating the brightness contrast (difference in brightness) and the standard for the contrast ratio And are provided. If this criterion is satisfied, it is determined that the character is easy to read against the background. If the criterion is not satisfied, it is determined that the character is difficult to read.

JIS X 8341-3: 2004 "Guidelines for Consideration of Elderly Persons and Persons with Disabilities-Equipment, Software and Services in Information Communication-Part 3: Web Content", Japanese Standards Association, issued on June 20, 2004, pp.13 -14

  However, since the contrast calculation formula described in WCAG 2.0 considers the contrast of brightness, information on the hue (hue) that is easy to grasp intuitively such as “red” and “blue” is not available. Not considered. If a candidate color is obtained by using only the calculation formula, a huge number of candidates appear across a plurality of hues. Therefore, when the designer selects a color, it may become unnecessary information.

  In actual web design, each character is distinguished from one background color: text character color, link character color, active link character color, and read link character color. It needs to be determined to be possible.

  In the above conventional example, there is a problem that it is troublesome to perform a one-to-one check between the background color and the character color using the contrast calculation formula.

  In the above conventional example, the designer often tries to distinguish each character color according to the hue. In order to improve the visibility (readability) of the character, the designer considers not only the brightness contrast ratio but also the hue. There is a need for proposed candidate colors.

  The present invention relates to a character color proposing device and a character color that can automatically maintain brightness contrast within a specified hue range when a hue is freely specified when colorizing an electronic image and electronic content. The purpose is to provide a proposed method and program.

  The present invention provides a character color proposing device that proposes a color of an electronic image, a background color input means for inputting a background color, a background color input by the background color input means, and a result selection of the processing of the character color proposing device. A result display means for displaying the character color, a background color lightness value extraction means for extracting the lightness value of the background color, and a plurality of pieces of information of the color code value, the lightness value, and the hue angle for a predetermined color. A character color brightness value range calculating means for calculating a range of brightness values having brightness contrast where the visibility of a character is higher than a predetermined value, based on the color characteristic database stored as a set, and the brightness value of the background color; Extracted by the character color candidate extracting means for extracting candidate colors, the character color specifying means for specifying the character color by the user, and the character color candidate extracting means from the brightness value range calculated by the character color brightness value range calculating means. Of candidate colors Al, a character color proposed device having a candidate color display means for displaying the candidate color specified by the user through the character color designating means.

  According to the present invention, when a hue is freely specified when arranging an electronic image and an electronic content, the brightness contrast can be automatically maintained within the specified hue range.

  In addition, according to the present invention, since the candidate color of the character is proposed, there is an effect that the design for improving the visibility of the character can be efficiently performed.

  In addition, according to the present invention, there is an effect that the hues between characters do not overlap when determining a plurality of character colors.

It is a block diagram which shows the character color proposal apparatus 100 which is Example 1 of this invention. It is a figure which shows the example of classification | category of the hue which the color characteristic database 14 has. FIG. 6 is a schematic diagram illustrating a set example of color code values, brightness values, and hue angles stored in a color characteristic database 14. 4 is a flowchart showing a flow of processing in the character color proposing device 100. It is explanatory drawing of the process of the character color proposal apparatus. It is a figure which shows the flow of a process of the character color proposal apparatus which is Example 2 of this invention. It is explanatory drawing of the process of the character color proposal apparatus which is Example 2 of this invention, and is explanatory drawing of the character color input operation of the 2nd time.

  The modes for carrying out the invention are the following examples.

  FIG. 1 is a block diagram showing a character color proposing device 100 that is Embodiment 1 of the present invention.

  The character color proposing device 100 is implemented as an application that operates independently in a PC, and includes a background color input means 11, a result display means 12, a background color lightness value extraction means 13, a color characteristic database 14, and a character color lightness value. A range calculation unit 15, a character color candidate extraction unit 16, a character color designation unit 17, and a candidate color display unit 18 are included.

  The background color input means 11 is a means for inputting a background color. The result display means 12 is a means for displaying the background color input by the background color input means 11 and the character color selected as a result of processing by the character color proposing device 100. The background color lightness value extracting means 13 is a means for extracting the lightness value of the background color.

  The color characteristic database 14 is a database in which color code values used in the HTML language, brightness (brightness) values of those colors, and hue angles are stored as a set. That is, the color characteristic database 14 is a database that stores a plurality of pieces of information among color code values, lightness values, and hue angles for a predetermined color.

  The character color lightness value range calculation means 15 is a means for calculating a lightness value range having a lightness contrast in which the character visibility is higher than a predetermined value based on the lightness value of the background color. The character color candidate extraction means 16 is a means for extracting candidate colors from the brightness value range calculated by the character color brightness value range calculation means.

  The character color specifying means 17 is means for the user to specify a character color. The candidate color display means 18 is a means for displaying candidate colors designated by the user via the character color designation means 17 from the candidate colors extracted by the character color candidate extraction means 16.

  Next, information held in the color characteristic database 14 will be described.

  The color characteristic database 14 stores color code values used in the HTML language, brightness (brightness) values of those colors, and hue angles as a set.

  FIG. 2 is a diagram illustrating an example of hue classification that the color characteristic database 14 has.

  The color code values are values described in the order of R value, G value, and B value from the left. Each color code value is expressed by a value from 0 to 255, and each is described by a hexadecimal number. For example, the red color code has an R value of 255, a G value of 0, and a B value of 0. When expressed in hexadecimal, these are FF, 00, 00, which are described in series. Then, “FF0000” is obtained, which is described as a color code red. This notation method makes it easy to grasp the size of each value of R, G, and B, but it is difficult to grasp information that is strongly related to the appearance of color, such as brightness and hue. Therefore, brightness values and hue angles are obtained in advance for all color code values, and are associated with the color code values.

  When calculating the lightness value Lumi., First, an RGB value is obtained based on the color code, and the obtained RGB value is used to calculate the lightness value Lumi. By the following equation (1) described in WCAG2.0. Ask for.

  Lumi. = 0.2126 * ((R / 255) ^ 2.2) + 0.7152 * ((G / 255) ^ 2.2) + 0.0722 * ((B / 255) ^ 2.2)… Formula (1)

  When calculating the hue angle H value, the RGB value is once converted into the L * a * b color system, and then the hue angle H value is calculated. The hue angle H value is an angle. As shown in FIG. 2, if the hue angle H value is 0 °, the hue angle H value is approximately red. As the angle indicating the hue angle H value increases, yellow, green, blue It changes to purple, and when it goes around, it returns to red.

  Here, as shown in FIG. 2, 360 ° indicating the hue angle H value is divided into 10 equal parts from 0 °, and the hues corresponding to the respective angle regions are set to “red”, “orange”, “yellow”, “Yellow green”, “green”, “blue green”, “blue”, “blue purple”, “purple”, “red purple” are used, and the hue is thus divided into 10 hues.

  FIG. 3 is a schematic diagram illustrating a set example of color code values, brightness values, and hue angle values stored in the color characteristic database 14.

  A set of all color code values, brightness values, and hue angle values (hue name labels) obtained as described above is stored in the color characteristic database 14 as shown in FIG.

  Next, the operation of the character color proposal device 100 will be described.

  FIG. 4 is a flowchart showing the flow of processing in the character color proposing device 100.

  In step S1, the user inputs an arbitrary color as a background color to the background color input means 11, and displays the color. When a background color is input to the background color input means 11, the candidate color display means 18 receives the background color. When inputting the background color, for example, the background color is input by inputting a color code value as text. The color information input by the background color input unit 11 is sent to the result display unit 12, and the result display unit 12 displays the background color.

  FIG. 5 is an explanatory diagram of processing of the character color proposing device 100.

  In the example shown in FIG. 5, “BBEEFF” expressed in hexadecimal notation is input as text as a background color, and the color is displayed as the background color of the entire character color proposing device 100. The color information input to the background color input unit 11 is sent to the background color lightness value extraction unit 13.

  In step S <b> 2, the background color brightness value extraction unit 13 uses the color information received from the background color input unit 11 to determine the brightness (brightness) of the background color. Here, the lightness value Lumi_background of the input background color is acquired based on the set information of the color code value and the lightness value held in the color characteristic database 14. Information on the lightness value of the background color is sent to the character color lightness value range calculation means 15.

  In step S <b> 3, the character color lightness value range calculation unit 15 obtains a lightness value of the character color that is easier to see with respect to the lightness value of the background color received from the background color lightness value extraction unit 13. In this case, the brightness contrast formula described in WCAG 2.0 is used. In WCAG 2.0, for the background color and the character color, the color with the larger lightness value Lumi value obtained by the above equation (1) is set as the lightness value Lumi1, and the color with the smaller lightness value Lumi is the lightness value Lumi2. And The lightness values of the character color that are easier to see than the above are the lightness value Lumi1 and the lightness value Lumi2. Further, the contrast value Cont. Is obtained by the following equation (2).

Cont. = (Lumi1 + 0.05) / (Lumi2 + 0.05) ... Formula (2)
If this contrast value Cont. Is 5 or more, or 10 or more, it is considered that the level is easy to see. Using the above formula (2), using the lightness value Lumi_background of the background color,
Lumi_min = Lumi_background / 5 ... Formula (3)
Lumi_max = Lumi_background * 5 ... Formula (4)
NG range Lumi_text_NG of character color brightness value (a range that is inappropriate as a text color brightness value)
Lumi_min <Lumi_text_NG <Lumi_max (5)
And

From the above equation (5), a suitable character brightness value Lumi_text is
Lumi_text ≤ Lumi_min, or Lumi_max ≤ Lumi_text ... Formula (6)
It is. Information on the brightness value of the character color is sent to the character color candidate extraction means 16.

  In step S4, the lightness value Lumi_text (lightness value satisfying the expression (6)) of a suitable character color obtained by the character color lightness value range calculation means 15 from the colors stored in the color characteristic database 14 is obtained. The character color candidate extraction means 16 acquires all colors. Here, not only the color code value but also the hue information is acquired as a set. That is, the color code value is acquired together with the hue information. The acquired color information (color code value + hue information) is sent to the candidate color display means 18.

  In step S5, the hue used as the character color is limited. First, the candidate color display means 18 is activated in response to the signal output from the character color designation means 17. The candidate color display means 18 first displays the hue. For example, a palette of hue circles as shown in FIG. 5 is displayed. In the example shown in FIG. 5, the hue is composed of 10 hues held in the color characteristic database 14. Then, the user designates one of the hues to be used among the hues displayed on the candidate color display means 18 via the character color designation means 17.

  In step S6, based on the hue information specified in step S5, the candidate color display means 18 displays only the color of the corresponding hue from the character color candidates selected by the character color candidate extraction means 16. In the example illustrated in FIG. 5, one hue is displayed by being divided into a color that is equal to or smaller than Lumi_min and a color that is equal to or larger than Lumi_max in Expression (6).

  In step S <b> 7, the user selects one color from the candidate colors displayed on the candidate color display unit 18 via the character color designation unit 17. When selecting a color, for example, selection on the candidate color display means 18 can be considered. Information on the selected color is sent to the result display means 12.

  In step S8, using the character color finally specified by the character color specifying means 17, the result display means 12 displays it as a character on the background color displayed in step S1. For example, it is displayed as the color of the ““ text text AB ”” portion of FIG.

  The background color input means 11 inputs the color code value as text as the background color, but other input methods may be adopted. For example, it may be specified by a color palette and an arbitrary color on the display may be acquired. Further, RGB values other than color code values and other color values may be used.

  The background color brightness value extraction means 13 may perform the calculation process without referring to the information of the color characteristic database 14 for the brightness value of the background color. However, in consideration of the processing speed, it is preferable to refer to information stored in advance in the color characteristic database 14.

  Although the color characteristic database 14 holds ten types of hue categories, it is not necessarily limited to ten types. The number of hue categories may be increased or decreased. Accordingly, the hues displayed by the candidate color display means 18 do not necessarily need to be ten types.

  For example, a contrast ratio of 10 or more, which is another standard in WCAG 2.0, may be adopted as the standard for the lightness value of the character color obtained by the character color brightness value range calculation means 15. In this case, since it is a stricter standard, the number of candidate colors is reduced. In addition, as the reference of the lightness value of the character color obtained by the character color lightness value range calculation means 15, both of the contrast ratios of 5 or more and 10 or more may be used. In this case, it is necessary for the candidate color display means 18 to change the display according to the reference. The reference value for the contrast ratio uses a value defined by WCAG 2.0, but may be another value.

  The display method of the candidate color display means 18 is not necessarily the method shown in FIG. When the hue is displayed, it may be displayed as characters such as “red”, “orange”, “yellow”, and the like. Further, when displaying candidate colors, for example, as shown in FIG. 5, instead of separating each color, it may be displayed in a gradation color palette. Alternatively, all the colors extracted by the character color candidate extraction unit 16 may be displayed, and the portion other than the specified hue may be grayed out (the button of the window, the selected portion becomes gray and cannot be selected). . In addition to displaying colors, for example, color code values may be displayed. If two types of contrast ratio criteria are used, the candidate colors may be displayed in two types.

  The character color designating unit 17 does not need to limit the number of hues that can be selected to one. A plurality of types of hues may be selected.

  The second embodiment of the present invention is an embodiment that is implemented as an application that operates independently in a PC.

  In the second embodiment, colors can be selected for a plurality of characters with respect to one background color. At this time, the character colors are made not to have the same hue.

  The block configuration of the character color proposing device of the second embodiment is the same as that of the character color proposing device 100 shown in FIG. The character color proposing device according to the second embodiment includes a background color input unit 11, a result display unit 12, a background color lightness value extraction unit 13, a color characteristic database 14, a character color lightness value range calculation unit 15, and a character. A color candidate extraction unit 16, a character color designation unit 17, and a candidate color display unit 18 are included.

  FIG. 6 is a diagram showing a processing flow of the character color proposing device according to the second embodiment of the present invention.

  The feature of the processing of the second embodiment is that steps S9 and S10 are added to the processing of the second embodiment. That is, in the process of the second embodiment, steps S1 to S4 in the first embodiment are the same, and after the processes of steps S5 to S8 are executed once, steps S9 and S10 are additionally executed and selected. Steps S5 to S9 and S10 are repeatedly executed for the number of powers of the character color, and the process is terminated.

  In step S10, the specified hue is excluded so that it cannot be specified in the next step S5 for the hue specified in the first step S5 via the character color specifying means 17. As a result, the number of selectable hues displayed on the candidate color display means 18 is reduced.

  FIG. 7 is an explanatory diagram of processing of the character color proposing device according to the second embodiment, and is an explanatory diagram of a second character color input operation.

  When the candidate color display unit 18 displays a hue, the number of hues displayed by the candidate color display unit 18 is reduced by one. If it is determined in step S9 that the character color to be selected remains, the processes in steps S5 to S8 are repeated for the number of character colors to be selected that are specified in advance. In the case of the example shown in FIG. 7, since three types of character coloration are performed, the processing from step S5 to step S8 is repeated twice, that is, executed three times.

  In the example shown in FIG. 7, the candidate color display means 18 reduces the number of hues at the time of the second hue display by one, but does not necessarily exclude one hue, for example, adjacent hues. May also be excluded.

  In the example shown in FIG. 7, the candidate color display means 18 displays only the color for the second candidate color display, but the color has the same brightness value as the character color determined for the first time. A pointer may be attached and highlighted. By doing so, it is easy to select colors having the same brightness value, although the hues are different.

  In the above-described embodiment, the background color input unit 11 is a unit that excludes a hue that has been input once when a plurality of characters are color-coded so that the character cannot be used.

  The above embodiment can be grasped as a method invention. That is, in the character color proposing method for proposing the color of the electronic image, the above-described embodiment results in the background color input via the background color input means and the character color selected as a result of the character color proposing method as a result. Based on the result display step for displaying on the display means, the lightness value of the background color, extracted by the background color lightness value extracting means and stored in the storage device, and the lightness value of the background color A character color lightness value range calculating means for calculating a lightness value range having a lightness contrast higher than a predetermined value by the character color lightness value range calculating means and storing it in a storage device; and the character color lightness value range A character color candidate extraction unit extracts a candidate color from a range of brightness values calculated by the calculation unit, and stores the candidate color in a storage device, and the candidate color extracted by the character color candidate extraction unit. , The user via the character color designation means There is an example of a character color proposed method characterized by having a candidate color display step of displaying the specified candidate colors.

  Moreover, the said Example can be grasped | ascertained as a program. That is, the said Example is a program which has stored the program which functions a computer as each means which comprises the character color proposal apparatus of Claim 1 or Claim 2.

100: Character color proposing device,
11 ... Background color input means,
12 ... Result display means,
13 ... Background color lightness value extraction means,
14 ... Color property database,
15: Character color brightness value range calculating means,
16 ... Character color candidate extraction means,
17: Character color designation means,
18: Candidate color display means.

Claims (5)

In a character color proposing device that proposes the color of an electronic image,
A background color input means for inputting a background color;
A result display means for displaying the background color input by the background color input means and the character color selected as a result of the processing of the character color proposing device;
Background color lightness value extracting means for extracting the lightness value of the background color;
A color characteristic database storing a plurality of pieces of information of a color code value, a lightness value, and a hue angle for a predetermined color;
A character color lightness value range calculating means for calculating a lightness value range having a lightness contrast in which the character visibility is higher than a predetermined value based on the lightness value of the background color;
Character color candidate extraction means for extracting candidate colors from the brightness value range calculated by the character color brightness value range calculation means;
A character color specifying means for the user to specify a character color;
Candidate color display means for displaying candidate colors designated by the user via the character color designation means from among candidate colors extracted by the character color candidate extraction means;
A character color proposing device comprising: In claim 1,
The background color input unit is a unit for excluding a hue that has been input once when arranging a plurality of characters so that the character color cannot be used. In the character color suggestion method for proposing the color of an electronic image,
A result display step of displaying on the result display means the background color input via the background color input means and the character color selected as a result of the character color proposal method;
A background color lightness value extracting step in which the lightness value of the background color is extracted by the background color lightness value extracting means and stored in the storage device;
Based on the brightness value of the background color, the character color brightness value range calculating means calculates a brightness value range having a brightness contrast where the character visibility is higher than a predetermined value, and stores it in the storage device. A calculation step;
A character color candidate extraction step in which the character color candidate extraction unit extracts candidate colors from the range of lightness values calculated by the character color lightness value range calculation unit;
A candidate color display step of displaying candidate colors designated by the user via the character color designation means from among the candidate colors extracted by the character color candidate extraction means;
A character color proposing method characterized by comprising: In claim 3,
The background color input step is a step of excluding a hue that has been input once when arranging a plurality of characters so that the character color cannot be used.   A program storing a program for causing a computer to function as each means constituting the character color proposing device according to claim 1 or 2.