Color scheme generator for web applications

• US 10,546,039 B1
• Filed: 08/22/2018
• Issued: 01/28/2020
• Est. Priority Date: 08/22/2018
• Status: Active Grant

• Current Assignee: Citrix Systems, Inc. (Cloud Software Group)
• Original Assignee: Citrix Systems, Inc. (Cloud Software Group)
• Inventors: Van Rotterdam, Jeroen
• Primary Examiner(s): Bloomquist, Keith D
• Application Number:
  US16/108,381
• Time in Patent Office: 524 Days
• Field of Search: None
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
• CPC Class Codes: G06F 18/22 Matching criteria, e.g. proximity measures
• CPC Class Codes: G06F 40/154 Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets
• CPC Class Codes: G06T 11/001 Texturing; Colouring; Generation of texture or colour inpainting G06T5/77

Abstract

A computing system includes a server for generating a custom color scheme for a web application. The server determines a source set of colors to be used in the custom color scheme, determines color separation distances between colors in the source set of colors, and a target set of colors in the web application. The server determines the different color position permutations that the colors in the target set of colors can be replaced with the colors in the source set of colors. For each color position permutation, deltas between the color separation distances in the replaced colors and the color separation distances in the source set of colors are determined. One of the color position permutations to be used as the custom color scheme for the web application is selected based on the deltas being minimized with respect to the deltas for the other color position permutations.

Claims

1. A computing system comprising:

a server configured to generate a custom color scheme for a web application by performing the following;

determine a source set of colors to be used in the custom color scheme,

determine color separation distances between colors in the source set of colors,

determine a target set of colors in the web application,

determine color position permutations of the colors in the target set of colors that can be replaced with the colors in the source set of colors,

for each color position permutation, determine color separation distances between the replaced colors,

for each color position permutation, determine deltas between the color separation distances in the replaced colors and the color separation distances in the source set of colors, and

select one of the color position permutations based on the deltas being minimized with respect to the deltas for the other color position permutations, with the selected color position permutation to be used as the custom color scheme for the web application.

2. The computing system according to claim 1 wherein said server generates a stylesheet to map the source set of colors to the target set of colors based on the selected color position permutation, with the stylesheet being applied a next time the web application is accessed.

3. The computing system according to claim 2 wherein the web application includes a plurality of web pages, and wherein said server is configured to inspect the plurality of web pages until all colors in all components of the stylesheet are mapped to the source set of colors to achieve consistency over the plurality of web pages.

4. The computing system according to claim 1 further comprising a computing device comprising a user interface for interfacing with said server, and a display for displaying the selected color position permutation for the web application.

5. The computing system according to claim 4 wherein said server is further configured to adjust the colors in the selected color position permutation based on input from the user interface.

6. The computing system according to claim 1 wherein the web application is a software as a service (SaaS) application.

7. The computing system according to claim 1 wherein the color separation distances between the colors in the source set of colors and the color separation distances in the replaced colors for each color position permutation are limited to adjacent colors.

8. The computing system according to claim 1 wherein said server determines 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.

9. The computing system according to claim 8 wherein said server is further configured to repeat the determining and selecting steps for each color distance determination method, and with the computing system further comprising:

a user interface for interfacing with said server; and

a display for displaying the selected color position permutations for each color distance determination method;

with the selected color position permutation associated with one of the color distance determination methods that is to be used as the custom color scheme for the web application is selected based on input from the user interface.

10. The computing system according to claim 1 wherein said server is configured to determine 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.

11. The computing system according to claim 1 wherein if the source set of colors is monochrome, then said server is further configured to generate variants of the monochrome colors so as to expand the source set of colors.

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

determining a source set of colors to be used in the custom color scheme;

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

determining a target set of colors in the web application;

determining color position permutations of the colors in the target set of colors that can be replaced with the colors in the source set of colors;

for each color position permutation, determining color separation distances between the replaced colors;

for each color position permutation, determining deltas between the color separation distances in the replaced colors and the color separation distances in the source set of colors; and

selecting one of the color position permutations based on the deltas being minimized with respect to the deltas for the other color position permutations, with the selected color position permutation to be used as the custom color scheme for the web application.

13. The method according to claim 12 further comprising generating a stylesheet to map the source set of colors to the target set of colors based on the selected color position permutation, with the stylesheet being applied a next time the web application is accessed.

14. The method according to claim 13 wherein the web application includes a plurality of web pages, and further comprising inspecting the plurality of web pages until all colors in all components of the stylesheet are mapped to the source set of colors to achieve consistency over the plurality of web pages.

15. The method according to claim 12 further comprising:

displaying the selected color position permutation for the web application; and

adjusting the colors in the selected color position permutation based on user input.

16. The method according to claim 12 wherein the web application is a software as a service (SaaS) application.

17. A non-transitory computer readable medium for operating a server to generate a custom color scheme for a web application, and with the non-transitory computer readable medium having a plurality of computer executable instructions for causing the server to perform steps comprising:

determining a source set of colors to be used in the custom color scheme;

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

determining a target set of colors in the web application;

determining color position permutations of the colors in the target set of colors that can be replaced with the colors in the source set of colors;

for each color position permutation, determining color separation distances between the replaced colors;

for each color position permutation, determining deltas between the color separation distances in the replaced colors and the color separation distances in the source set of colors; and

selecting one of the color position permutations based on the deltas being minimized with respect to the deltas for the other color position permutations, with the selected color position permutation to be used as the custom color scheme for the web application.

18. The non-transitory computer readable medium according to claim 17 further comprising generating a stylesheet to map the source set of colors to the target set of colors based on the selected color position permutation, with the stylesheet being applied a next time the web application is accessed.

19. The non-transitory computer readable medium according to claim 18 wherein the web application includes a plurality of web pages, and further comprising inspecting the plurality of web pages until all colors in all components of the stylesheet are mapped to the source set of colors to achieve consistency over the plurality of web pages.

20. The non-transitory computer readable medium according to claim 17 wherein the color separation distances between the colors in the source set of colors and the color separation distances in the replaced colors for each color position permutation are limited to adjacent colors.