IP Library Granted Patent US 11,216,527
Granted Patent B2
US 11,216,527 · App. 16/749,113 · Granted Jan 4, 2022

Color scheme generator for web applications

View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 11,216,527
App. No.
16/749,113
Filed
Jan 22, 2020
Granted
Jan 4, 2022
Kind
B2
Art Unit
2178
USPC
715/234
Abstract

A computing system includes a memory and a processor. The processor is to generate a color scheme for a web application. The processor determines color positions of colors in a target set of colors, with the target set of colors being replaceable with colors in a source set of colors. The processor determines color contrasts between the replaced colors for at least one color position, and selects one of the color positions for inclusion within the color scheme of the web application based on a match of color contrasts associated therewith and color contrasts in the source set of colors.

Claims (43)

1. A computing system comprising:

a memory; and

a processor coupled to said memory and configured to generate a color scheme for a web application by performing the following:

determine color positions of colors in a target set of colors, the target set of colors being replaceable with colors in a source set of colors,

determine color contrasts between the colors in the target set of colors being replaced with colors in the source set of colors for at least one color position,

select one of the color positions for replacement within the color scheme of the web application based on a match of color contrasts associated therewith and color contrasts in the source set of colors, and

replace the colors in the target set of colors with the colors in the source set of colors based on the selected color position.

2. The computing system according to claim 1 wherein said processor is further configured to perform the following:

determine color separation distances between the colors in the source set of colors; and

for at least one color position, determine deltas between the color separation distances in the replaced colors and the color separation distances in the source set of colors, with the matching color contrasts corresponding to the deltas of the selected color position being reduced with respect to the deltas for the other color positions.

3. The computing system according to claim 2 wherein the color separation distances between the colors in the source set of colors and the color separation distances in the replaced colors for at least one color position are limited to adjacent colors.

4. The computing system according to claim 2 wherein said processor is further configured to determine the respective color separation distances using at least one of the following color distance determination methods: an RGB Euclidian distance method, a Cielab Delta E method, and a color tolerance distance method.

5. The computing system according to claim 1 wherein said processor is further configured to generate a stylesheet for a page of the web application, the style sheet configured to map the source set of colors to the target set of colors based on the selected color position.

6. The computing system according to claim 1 wherein said processor is further configured to determine the source set of colors based on analysis of at least one of the following: color schemes in a source web application, color schemes in a logo, and a user defined color scheme.

7. The computing system according to claim 1 wherein in response to the source set of colors being monochrome, said processor is further configured to generate variants of the monochrome colors so as to expand the source set of colors.

8. A computing system comprising:

a memory; and

a processor coupled to said memory and configured to generate a color scheme for a web application by performing the following:

determine color positions of colors in a target set of colors, the target set of colors being replaceable with colors in a source set of colors,

determine color contrasts between the colors in the target set of colors being replaced with colors in the source set of colors for at least one color position,

select one of the color positions based on a match of color contrasts associated therewith and color contrasts in the source set of colors,

provide the selected color position for display, with the colors in the target set of colors to be replaced with the colors in the source set of colors based on the selected color position, and

adjust the colors in the selected color position based on user input, with the adjusted colors in the selected color position for replacement within the color scheme of the web application.

9. The computing system according to claim 8 wherein said processor is further configured to perform the following:

determine color separation distances between the colors in the source set of colors; and

for at least one color position, determine deltas between the color separation distances in the replaced colors and the color separation distances in the source set of colors, with the matching color contrasts corresponding to the deltas of the selected color position being reduced with respect to the deltas for the other color positions.

10. The computing system according to claim 9 wherein the color separation distances between the colors in the source set of colors and the color separation distances in the replaced colors for at least one color position are limited to adjacent colors.

11. The computing system according to claim 8 wherein said processor is further configured to generate a stylesheet for a page of the web application, the style sheet configured to map the source set of colors to the target set of colors based on the selected color position.

12. The computing system according to claim 8 wherein said processor is further configured to determine the source set of colors based on analysis of at least one of the following: color schemes in a source web application, color schemes in a logo, and a user defined color scheme.

13. The computing system according to claim 8 wherein in response to the source set of colors being monochrome, said processor is further configured to generate variants of the monochrome colors so as to expand the source set of colors.

14. A method for generating a color scheme for a web application comprising:

determining color positions of colors in a target set of colors, the target set of colors being replaceable with colors in a source set of colors;

determining color contrasts between the colors in the target set of colors being replaced with colors in the source set of colors for at least one color position;

selecting one of the color positions for replacement within the color scheme of the web application based on a match of color contrasts associated therewith and color contrasts in the source set of colors, and

replacing the colors in the target set of colors with the colors in the source set of colors based on the selected color position.

15. The method according to claim 14 further comprising:

determining color separation distances between the colors in the source set of colors; and

for at least one color position, determining deltas between the color separation distances in the replaced colors and the color separation distances in the source set of colors, with the matching color contrasts corresponding to the deltas of the selected color position being reduced with respect to the deltas for the other color positions.

16. The method according to claim 15 wherein the color separation distances between the colors in the source set of colors and the color separation distances in the replaced colors for at least one color position are limited to adjacent colors.

17. The method according to claim 15 further comprising determining the respective color separation distances using at least one of the following color distance determination methods: an RGB Euclidian distance method, a Cielab Delta E method, and a color tolerance distance method.

18. The method according to claim 14 further comprising generating a stylesheet for a page of the web application, the style sheet configured to map the source set of colors to the target set of colors based on the selected color position.

19. The method according to claim 14 further comprising determining the source set of colors based on analyzing at least one of the following: color schemes in a source web application, color schemes in a logo, and a user defined color scheme.

20. The method according to claim 14 wherein in response to the source set of colors being monochrome, further comprising generating variants of the monochrome colors so as to expand the source set of colors.