Dynamic color adjustment of electronic content

• US 10,319,116 B1
• Filed: 02/11/2015
• Issued: 06/11/2019
• Est. Priority Date: 12/02/2014
• Status: Active Grant

• Current Assignee: Amazon Technologies, Inc. (Amazon.com, Inc.)
• Original Assignee: Amazon Technologies, Inc. (Amazon.com, Inc.)
• Inventors: C, Prannoy Vargis, Poulin, James Joseph, Manohar, Deepak, Siegel, Chad, Riggs, Adam Schott, Rangasamy, Surendran, King, Joseph, Bacus, Michael Patrick, Menninga, Eric Allen
• Primary Examiner(s): Richer, Aaron M
• Application Number:
  US14/619,688
• Time in Patent Office: 1,581 Days
• Field of Search: None
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06T 11/001 Texturing; Colouring; Generation of texture or colour inpainting G06T5/77
• CPC Class Codes: G09G 2320/066 for control of contrast
• CPC Class Codes: G09G 2340/06 Colour space transformation
• CPC Class Codes: G09G 2340/12 Overlay of images, i.e. displayed pixel being the result of switching between the corresponding input pixels
• CPC Class Codes: G09G 5/02 characterised by the way in which colour is displayed details of colour display specific for CRTs G09G1/28; specific for flat matrix panels other than liquid crystal displays G09G3/2003; specific for liquid crystal displays G09G3/3607
• CPC Class Codes: G09G 5/10 Intensity circuits
• CPC Class Codes: G09G 5/377 for mixing or overlaying two or more graphic patterns G09G5/02, G09G5/397 take precedence

Abstract

Systems, methods, and computer-readable media are disclosed for dynamic color adjustment of electronic content. In one embodiment, a system may determine a first background color corresponding to a color theme for use in presentation of electronic content, the color theme further specifying a first text color for displaying text. The system may convert the first text color to hue-saturation-value (HSV) color space, and modify a brightness component of the first text color to generate a second text color. The system may determine a first contrast ratio between the second text color and the first background color, and determine that the first contrast ratio satisfies a first threshold contrast ratio. The system may display the electronic content using the first background color, the electronic content including text having the second text color.

Claims

1. A method comprising:

determining, by a computer system comprising one or more computer processors, a first background color corresponding to a color theme for use in presentation of electronic content, the color theme specifying a first text color for displaying text;

converting, by the computer system, the first text color to hue-saturation-value (HSV) color space;

increasing, by the computer system, a brightness component of the first text color to generate a second text color;

determining that the brightness component has been increased to a maximum value;

determining that a first contrast ratio between the second text color and the first background color does not satisfy a first threshold contrast ratio;

automatically decreasing the brightness component until the first threshold contrast ratio is satisfied;

determining a third text color with the brightness component that satisfies the first threshold contrast ratio;

identifying a second background color that corresponds to the color theme, wherein the second background color is different than the first background color;

generating a third background color that is a blend of the first background color and the second background color;

determining that a second contrast ratio between the third text color and the third background color satisfies a second threshold contrast ratio; and

displaying, by the computer system, the electronic content using the third background color, the electronic content including text having the third text color.

2. The method of claim 1, further comprising:

prior to displaying the electronic content, converting, by the computer system, the third text color to red-green-blue (RGB) color space.

3. The method of claim 1, wherein:

the HSV color space comprises a hue component with an initial hue value, a saturation component with an initial saturation value, and a brightness component with an initial brightness value; and

the second text color comprises the initial hue value and the initial saturation value.

4. The method of claim 1, wherein the first threshold contrast ratio is 4.5:

1.

5. The method of claim 1, wherein the third background color is a weighted average of the first background color and the second background color, wherein the first background color is weighted based on a first translucency value of the first background color and the second background color is weighted based on a second translucency of the second background color.

6. The method of claim 1, wherein the second threshold contrast ratio is 2:

1.

7. The method of claim 1, wherein further comprising:

determining that the first text color is lighter than the first background color; and

increasing the brightness component of the first text color by a predetermined value.

8. The method of claim 1, further comprising:

determining that the third text color is darker than the second background color; and

decreasing the brightness component of the third text color by a predetermined value.

9. The method of claim 1, wherein automatically decreasing the brightness component until the first threshold contrast ratio is satisfied comprises decreasing the brightness component until a minimum value is reached.

10. A computer device comprising:

at least one memory that stores computer-executable instructions; and

at least one processor configured to access the at least one memory and execute the computer-executable instructions to;

determine a first background color, the first background color corresponding to a color theme for use in presentation of electronic content, the color theme further specifying a first text color for displaying text;

convert the first text color to hue-saturation-value (HSV) color space;

modify a brightness component of the first text color to generate a second text color;

blend the first background color with a second background color to generate a third background color;

determine a first contrast ratio between the second text color and the third background color;

determine that the first contrast ratio satisfies a first threshold contrast ratio;

determine that a second contrast ratio between the third background color and the second background color satisfies a second threshold contrast ratio; and

display the electronic content using the first background color, the electronic content including text having the second text color.

11. The computer device of claim 10, wherein the at least one processor is further configured to execute the computer-executable instructions to:

prior to displaying the electronic content, convert the second text color to red-green-blue (RGB) color space.

12. The computer device of claim 10, wherein:

the HSV color space comprises a hue component with an initial hue value, a saturation component with an initial saturation value, and a brightness component with an initial brightness value; and

the second text color comprises the initial hue value, the initial saturation value, and a modified brightness value.

13. The computer device of claim 10, wherein the at least one processor is further configured to execute the computer-executable instructions to:

identify the second background color, the second background color corresponding to the color theme; and

determine that the second background color is different than the first background color.

14. The computer device of claim 10, wherein the at least one processor is configured to modify the brightness component of the first text color to generate the second text color by executing the computer-executable instructions to:

determine that the first text color is lighter than the first background color; and

increase the brightness component of the first text color by a predetermined value to satisfy the first threshold contrast ratio.

15. The computer device of claim 10, wherein the at least one processor is configured to modify the brightness component of the first text color to generate the second text color by executing the computer-executable instructions to:

determine that the first text color is darker than the first background color; and

decrease the brightness component of the first text color by a predetermined value to satisfy the first threshold contrast ratio.

16. A device comprising:

at least one memory that stores computer-executable instructions; and

at least one processor configured to access the at least one memory and execute the computer-executable instructions to;

determine a first background color, the first background color corresponding to a color theme for use in presentation of electronic content, the color theme further specifying a first text color for displaying text;

identify a second background color that is different than the first background color, the second background color corresponding to the color theme;

blend the first background color with the second background color to generate a third background color;

determine that a first contrast ratio between the third background color and the second background color satisfies a first threshold contrast ratio;

convert the first text color to hue-saturation-value (HSV) color space;

increase a brightness component of the first text color to generate a second text color;

determine that the brightness component has been increased to a maximum value;

determine that a second contrast ratio between the second text color and the third background color is not satisfied;

decrease the brightness component until the second threshold contrast ratio is satisfied;

determine a third text color with the brightness component that satisfies the second threshold contrast ratio; and

cause display of the electronic content using the third background color, the electronic content including text having the third text color.

17. The device of claim 16, wherein the at least one processor is further configured to execute the computer-executable instructions to:

determine that the first text color is lighter than the third background color.

18. The device of claim 16, wherein the at least one processor is further configured to execute the computer-executable instructions to:

determine that the third text color is darker than the second background color; and

decrease the brightness component of the third text color by a predetermined value.

19. The device of claim 16, wherein the second contrast ratio is determined by dividing a first calculated relative luminance of the third background color by a second calculated relative luminance of the second text color.