CN110673904B - Theme color processing, display page generation method, device and equipment - Google Patents

Abstract

The application discloses a theme color processing method, which comprises the following steps: determining an image to be displayed; obtaining a theme color of the image; and obtaining background ground colors of a display page for displaying the image according to a preset color gamut threshold and the theme colors, wherein the preset color gamut threshold is used for judging the qualified color gamut range of the hue of the theme colors. The problem of color configuration inefficiency in image display of merchants or commodities is solved.

Description

Theme color processing, display page generation method, device and equipment

technical field

The present application relates to the technical field of image processing, in particular to a theme color processing method, device, electronic equipment and storage device. The present application also relates to a display page generation method, device, electronic equipment and storage equipment.

Background technique

The visual expression of merchants or products on the e-commerce platform is an important means to show the brand tonality of merchants or products. Among them, the use of theme colors when displaying merchants or products on the page can bring consumers a stronger brand An important factor in the visual expression of somatosensory. For example, in the display pages of promotions and events, for the image of the merchant or product to be displayed and the page displaying the image of the merchant or product, the coordination and overall design of the theme color of the image and the background color of the display page can make the display The page can highlight the unique brand tone of the merchants or products displayed.

In the prior art, the generally adopted solution is: replace the background background color corresponding to different display images in the display page according to the theme colors of different display images given by the designer, but configure the background of the display page according to the theme colors given by the designer Background color, there is a problem of inefficient color configuration.

Contents of the invention

The present application provides a theme color processing method to solve the problem of inefficient color configuration in the image display of merchants or commodities.

This application provides a theme color processing method, including:

Determine the images to be displayed;

obtaining the theme color of the image;

According to the predetermined color gamut threshold and the theme color, the background background color of the display page used to display the image is obtained, wherein the predetermined color gamut threshold is used to determine the qualified color gamut range of the hue of the theme color.

Optionally, the obtaining the theme color of the image includes:

The theme color of the image is determined according to the occupied areas of different colors in the image.

Optionally, the obtaining the background color of the display page used to display the image according to the preset color gamut threshold and the theme color includes:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

Editing the theme color within the qualified color gamut to obtain the background color.

Optionally, the editing the theme color within the qualified color gamut includes:

adjusting the hue of the theme color within the qualified color gamut; and/or,

adjusting the saturation of the subject color within the qualified color gamut; and/or,

Adjust the lightness of the theme color within the range of the qualified color gamut.

Optionally, the obtaining the background color of the display page used to display the image according to the preset color gamut threshold and the theme color includes:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

determining an optimal theme color among theme colors within the qualified color gamut;

The optimal theme color is used as the background color.

Optionally, the theme color processing method also includes:

Obtain the second candidate background color configured by the user;

The obtaining the background background color of the display page used to display the image according to the predetermined color gamut threshold and the theme color includes:

Obtaining a first candidate background color according to a predetermined color gamut threshold and the theme color;

According to the first candidate background color and the second candidate background color, the background background color of the display page used to display the image is obtained.

Optionally, the obtaining the background color of the display page used to display the image according to the preset color gamut threshold and the theme color includes:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

Editing the theme color within the qualified color gamut to obtain a candidate background color;

A candidate background color is selected from the candidate background colors according to the brand characteristics of the commodity as the background color of the display page for displaying the image.

Optionally, the theme color processing method also includes:

The image to be displayed is displayed on the page using the background color.

Optionally, use the background color to display the image to be displayed on the page in at least one of the following ways:

using the background background color as a solid color background to display the image to be displayed;

using the background background color as the patterned background color and/or pattern color matching to display the image to be displayed;

using the background color as a gradient mask or a solid color mask to display the image to be displayed;

Using the background background color as the color of the action point of the image to be displayed, displaying the image to be displayed and the action point of the image, the action point is an element used for interaction on the page;

Using the background color as the color of the information point of the image to be displayed, the image to be displayed and the information point of the image are displayed, and the information point is a readable element on the page.

Optionally, displaying the image to be displayed using the background color on the page includes:

Displaying the image to be displayed as a top-level image, applying the background color to set the solid color and transparency of the area background color of the top-level image; and/or,

Display the image to be displayed as a top-level image, and set the pattern color of the background of the top-level image by applying the background color; and/or,

A mask layer is set for the image to be displayed, and the gradient mode of the mask layer is set by applying the background color.

Optionally, the qualified color gamut range includes a reasonable range of lightness and/or a reasonable range of saturation of the hue.

The present application also provides a display page generation method, including:

Determine the images to be displayed;

According to the color characteristics of the image, determine the background background color of the display page used to display the image;

The display page is generated according to the background color.

Optionally, the determining the background color of the display page used to display the image according to the color characteristics of the image includes:

According to the color characteristics of the image, at least one theme color of the image is identified as a candidate background color of the display page;

According to the brand characteristics of the product, a candidate background color is selected from the candidate background colors as the background color of the display page.

Optionally, the identifying at least one theme color of the image according to the color features of the image includes:

If the image is an image with a white base color, at least one theme color is identified according to the degree of color aggregation; and/or,

If the image is an image with uniform or scattered colors, at least one theme color is identified according to the proportion of the colors in the image.

Optionally, the display page generation method further includes: obtaining user-configured page content; and generating the display page according to the background color includes:

Obtain the background color;

The display page is generated by using the background color and the page content configured by the user.

Optionally, the display page generation method further includes: the client actively grabs page content; generating the display page according to the background color includes:

Obtain the background color;

The display page is generated by using the background color and the page content actively captured by the client.

Optionally, the generating the display page according to the background color includes:

The image is displayed on the display page according to the atmosphere of the scene.

Optionally, the displaying the image according to the scene atmosphere on the display page includes displaying the image to be displayed on the page using the background color in at least one of the following ways:

displaying the image using the background base color as a solid background;

displaying the image using the background base color as the patterned background color and/or patterned color matching;

displaying the image using the background base color as a gradient mask or a solid color mask;

Using the background color as the color of the action point of the image to be displayed, displaying the image and the action point of the image, the action point is an element used for interaction on the page;

Using the background color as the color of the information point of the image to be displayed, the image and the information point of the image are displayed, and the information point is a readable element on the page.

Optionally, the displaying the image according to the atmosphere of the scene on the display page includes:

Displaying the image as a top-level image, applying the background color to set the solid color and transparency of the area background color of the top-level image; and/or,

Displaying the image as a top-level image, applying the background background color to set the pattern color of the background of the top-level image; and/or,

A mask layer is set for the image, and a gradient mode of the mask layer is set by applying the background color.

The present application also provides a theme color processing device, including:

an image determining unit, configured to determine an image to be displayed;

a theme color acquisition unit, configured to acquire the theme color of the image;

A background background color determining unit, configured to obtain the background background color of the display page for displaying the image according to a predetermined color gamut threshold and the theme color, wherein the predetermined color gamut threshold is used to determine the hue of the theme color Qualified color gamut range.

The present application also provides a device for generating display pages, including:

an image determining unit, configured to determine an image to be displayed;

A background background color determination unit, configured to determine the background background color of the display page used to display the image according to the color characteristics of the image;

A page generating unit, configured to generate the display page according to the background color.

The present application also provides an electronic device, including:

memory, and processor;

The memory is used to store computer-executable instructions, and the processor is used to execute the computer-executable instructions:

Determine the images to be displayed;

obtaining the theme color of the image;

According to the predetermined color gamut threshold and the theme color, the background background color of the display page used to display the image is obtained, wherein the predetermined color gamut threshold is used to determine the qualified color gamut range of the hue of the theme color.

The present application also provides an electronic device, including:

memory, and processor;

The memory is used to store computer-executable instructions, and the processor is used to execute the computer-executable instructions:

Determine the images to be displayed;

According to the color characteristics of the image, determine the background background color of the display page used to display the image;

The display page is generated according to the background color.

The present application also provides a storage device, which stores instructions, and the instructions can be loaded by a processor and perform the following steps:

Determine the images to be displayed;

obtaining the theme color of the image;

According to the predetermined color gamut threshold and the theme color, the background background color of the display page used to display the image is obtained, wherein the predetermined color gamut threshold is used to determine the qualified color gamut range of the hue of the theme color.

The present application also provides a storage device, which stores instructions, and the instructions can be loaded by a processor and perform the following steps:

Determine the images to be displayed;

According to the color characteristics of the image, determine the background background color of the display page used to display the image;

The display page is generated according to the background color.

Compared with the prior art, the present application has the following advantages:

The theme color processing method provided in this application obtains the theme color of the image to be displayed, and obtains the background background color of the display page used to display the image according to the predetermined color gamut threshold and the theme color, so that the background of the display page The background color can flexibly match the displayed image, thereby solving the problem of inefficient color configuration in the image display of merchants or products.

The display page generation method provided by this application determines the background color of the display page used to display the image according to the color characteristics of the image to be displayed, and uses the background color to generate the display page. The display page generated in this way It is more coordinated with the image displayed on the display page, and the obtained visual effect can better express the unique brand tone of the merchant or product.

Description of drawings

FIG. 1 is a processing flowchart of a theme color processing method provided in the first embodiment of the present application;

Fig. 2 is a schematic diagram of the qualified color gamut range of the theme color in the first embodiment of the present application;

Fig. 3 is a schematic diagram of displaying an image using a background color in the first embodiment of the present application;

FIG. 4 is a processing flowchart of a method for generating a presentation page provided by the second embodiment of the present application;

Fig. 5 is a schematic diagram of an example of determining the background color of the second embodiment of the present application;

Fig. 6 is a schematic diagram of a theme color processing device provided by a third embodiment of the present application;

FIG. 7 is a schematic diagram of a display page generation device provided by a fourth embodiment of the present application;

FIG. 8 is a schematic diagram of an electronic device provided by a fifth embodiment of the present application.

Detailed ways

In the following description, numerous specific details are set forth in order to provide a thorough understanding of the application. However, the present application can be implemented in many other ways different from those described here, and those skilled in the art can make similar promotions without violating the connotation of the present application. Therefore, the present application is not limited by the specific implementation disclosed below.

The first embodiment of the present application provides a theme color processing method.

The theme color processing method provided by the first embodiment of the present application will be described below with reference to FIG. 1 to FIG. 3 .

The theme color processing method shown in FIG. 1 includes: Step S101 to Step S103.

Step S101, determining images to be displayed.

At present, merchants or product brands generally require e-commerce platforms to not only display the basic information of the brand, but also require the display page of the e-commerce platform to be able to visually express the brand power or brand tonality of the product. Color is an important element of visual expression. Among them, the proper use of the theme color, which is the core element of the image to be displayed, on the display page can bring consumers a strong sense of the brand.

The theme color processing method provided in the embodiment of the present application obtains the theme color of the image to be displayed, and obtains the background background color of the display page used to display the image according to the preset color gamut threshold and the theme color. After determining the background color of the display page, the image can be further configured according to different scene atmospheres to display the image.

This step is to determine the images to be displayed.

The images to be displayed may include at least any of the following types of images: pictures, videos, and logos. These image materials are generally provided by merchants or product brands. For example, the brand side of product A uploads or configures the image material of product A to be displayed on the e-commerce platform.

Step S102, obtaining the theme color of the image.

This step is to obtain the theme color of the image to be displayed.

In this embodiment of the application, the HSB color mode is used to identify the theme color. The so-called HSB (Hues, Saturation, Brightness, referred to as HSB), also known as HSV (Hues, Saturation, Value, referred to as HSV), is a color mode that represents color, where H (Hues) represents hue, if 0 ~360° means the standard color wheel, and the hue measures the color according to the position. For example, you can use the color name of red, orange, yellow, green, blue, blue and purple to identify each hue range in the standard color wheel with 7 sections of atmosphere; S (Saturation) means the color. Saturation, that is, the purity of color, the value range is 0 to 100%. White, black and gray have no saturation. At the maximum saturation, each hue has the purest color light; B (Brightness, or V, Value) means The brightness of the color, also known as lightness, ranges from 0 to 100%. When the value is 0, it is black, and the maximum brightness is the most vivid state of the color. When the value of S and B is higher, the color of the page is more intense and vivid.

In the embodiment of the present application, the theme color of the image is determined according to the proportions of different colors in the image. For example, except for white, take out the top 3 colors according to the proportion area as the theme color. During specific implementation, one or more theme colors can be identified based on the image based on the image color recognition algorithm, or a color independently configured by the user according to the subjective perception of the image can be accepted as the theme color.

Step S103, obtain the background color of the display page for displaying the image according to the predetermined color gamut threshold and the theme color, wherein the predetermined color gamut threshold is used to judge the qualified color gamut range of the hue of the theme color.

In this step, the background color of the display page used to display the image is determined according to the preset color gamut threshold and the theme color obtained in step S102.

The display page can be the entire page displaying the image, or a single module displaying the image, such as the first-focus carousel area, brand sponsorship module area, information point or action point; correspondingly, the background background color is the entire The background color of the page, or, the background color is the area background color of a single module that displays the image, such as the background color of the first-focus carousel area, the area background color of the brand sponsorship module, the area background color of the information point, or the action button of the action point background color.

The predetermined color gamut threshold may be the color gamut threshold of different hues given by the designer according to visual subjective perception. Specifically, the designer gives a reasonable range of brightness and saturation of different hues according to the particularity of different hues. scope. Since the human eye perceives the lightness of different hues differently, the color gamut thresholds of different hues are different. In the embodiment of the present application, the qualified color gamut range of the hue of the theme color can be judged by the predetermined color gamut threshold. The qualified color gamut range includes a reasonable range of lightness and/or a reasonable range of saturation of the hue. Fig. 2 is an example of the qualified color gamut range of theme color in this embodiment, wherein, image 201 is the image that needs to identify theme color, the theme color identified from image 201 can cover all hues (H), and hue It is divided into 7 hue intervals, and the corresponding colors are red, purple, blue, blue, green, yellow, and orange; the x-axis (horizontal axis) represents the saturation of different hues, and the y-axis (vertical axis) represents the brightness of different hues (also referred to as lightness); 202 to 208 respectively correspond to the desirable areas defined by the color gamut thresholds of the seven colors of red, purple, blue, blue, green, yellow, and orange. For example, the curve in 202 distinguishes the undesirable areas of red and In the desirable area, since yellow (207) has the highest brightness perception, the upper limit value of the brightness of yellow indicated by 207 is lower than the upper limit values of other hues.

In this embodiment of the present application, the predetermined color gamut threshold may be a threshold set based on the HSB color mode, or a threshold set based on a hexadecimal color code or an RGB value representing a color. The hexadecimal color code is a 6-digit hexadecimal value beginning with "#" to represent a color. The 6-digit number is divided into 3 groups, each group has 2 digits, which successively represent the intensity of the three colors of red, green and blue. The RGB value is a color mode represented by the intensity values of the three primary colors of red, green and blue in the color, R stands for Red (red), G stands for Green (green), and B stands for Blue (blue). From the minimum value of 0 to the maximum value of 255, the color displayed when RGB is at the lowest value will be black, and the color displayed when RGB is at the maximum value will be white. If the actual deployment method sets the predetermined color gamut threshold based on the HSB color mode, and the background color is RGB, or the predetermined color gamut threshold, it is necessary to convert between the HSB color mode and RGB through the formula, so that It is possible to adjust the theme color or determine whether the theme color falls within the qualified color gamut range using a predetermined color gamut threshold.

Specific to a specific implementation of the embodiment of the present application, the following processing is used to obtain the background background color of the display page used to display the image according to the predetermined color gamut threshold and the theme color:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

Editing the theme color within the qualified color gamut to obtain the background color.

Wherein, the theme color is edited within the qualified color gamut in the following manner:

adjusting the hue of the theme color within the qualified color gamut; and/or,

adjusting the saturation of the subject color within the qualified color gamut; and/or,

Adjust the lightness of the theme color within the range of the qualified color gamut.

Limit the theme color within the qualified color gamut, so that the background color determined according to the acquired theme color cannot be too eye-catching or even dazzling in the visual sense, so that the final background color can achieve the effect of contrasting the page or the displayed image Or the purpose of the top-level information on the page, such as to enhance the text information, pictures, and video information displayed on the page, without affecting the reading experience. Specifically, limiting the theme color within the qualified color gamut may be to eliminate the hues with the maximum saturation and/or maximum lightness in the theme color, because these hues are very bright and dazzling, which is not ideal for color selection.

A preferred implementation of the embodiment of the present application includes adopting the following processing to obtain the background background color of the display page used to display the image according to the predetermined color gamut threshold and the theme color:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

determining an optimal theme color among theme colors within the qualified color gamut;

The optimal theme color is used as the background color.

It should be noted that the theme color obtained in step S102 can be adjusted within the qualified color gamut to obtain the theme color within the qualified color gamut, and then the optimal theme color can be determined as the background color; or the theme color obtained in step S102 can be determined first The optimal theme color among the theme colors, and then adjust the optimal theme color within the qualified color gamut to obtain the optimal theme color limited within the qualified color gamut, as the background background color. For example, for the theme colors taken out in step S102 of image A, there are dark green, beige, yellow, and silver, and the beige color with the largest area can be selected as the final theme color, and a predetermined color gamut threshold is used for this color to determine whether it is qualified. If it is within the color gamut, the theme color beige can be determined as the background color.

In the embodiment of the present application, the following processing can also be performed to obtain the background background color of the display page used to display the image, including:

Obtain the second candidate background color configured by the user;

The obtaining the background background color of the display page used to display the image according to the predetermined color gamut threshold and the theme color includes:

Obtaining a first candidate background color according to a predetermined color gamut threshold and the theme color;

According to the first candidate background color and the second candidate background color, the background background color of the display page used to display the image is obtained.

For example, a color input module is deployed to receive the hexadecimal color code or RGB value input by the user; after the user uploads the image to be displayed, at least one theme color is generated based on the image color recognition algorithm based on the image, and the user can select from One of the theme colors may be selected from the at least one theme color, or a color independently input by the user may be used as the theme color. For the color input by the user, a predetermined color gamut threshold can also be used to determine whether the color input by the user falls within the qualified color gamut range, if not within the qualified color gamut range, instruct the user to adjust to the qualified color gamut range, and receive the qualified color gamut input by the user The color in the range is used as the background color.

In the embodiment of the present application, a specific implementation manner is to take the brand feature of the product as a factor when selecting the background color of the display page used to display the image. Specifically include the following processing:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

Editing the theme color within the qualified color gamut to obtain a candidate background color;

A candidate background color is selected from the candidate background colors according to the brand characteristics of the commodity as the background color of the display page for displaying the image.

For example, in the image provided by brand A, the recognized theme colors include dark green, beige, yellow, and silver, with beige accounting for the largest area. However, the brand spot color of brand A is dark green, so the best choice for the background color of the display page is not beige, but dark green, so as to further highlight the brand power of brand A.

It should be noted that when determining the theme color as the background color of the display page, it is necessary to consider weakening the visual elements of the e-commerce platform, such as reducing the large-area use of e-commerce spot colors, and strengthening the provision of images to be displayed Visual elements of the party's brand, such as spot colors that match the brand.

In the embodiment of the present application, it also includes:

The image to be displayed is displayed on the page using the background color.

Specifically, use the background background color to display the image to be displayed on the page in at least one of the following ways:

Method 1. Use the background background color as a solid color background to display the image to be displayed;

Method 2. Use the background background color as the patterned background color and/or the pattern color to display the image to be displayed;

Method 3: Use the background color as a gradient mask or a solid color mask to display the image to be displayed;

Method 4: Use the background color as the color of the action point of the image to be displayed, and display the image to be displayed and the action point of the image, and the action point is an element for interaction on the page;

Mode 5: Use the background color as the color of the information point of the image to be displayed, and display the image to be displayed and the information point of the image, and the information point is a readable element on the page.

Specifically, when using the background background color to display the image to be displayed on the page, different processing is performed according to different scene atmospheres, for example:

Displaying the image to be displayed as a top-level image, applying the background color to set the solid color and transparency of the area background color of the top-level image; and/or,

Display the image to be displayed as a top-level image, and set the pattern color of the background of the top-level image by applying the background color; and/or,

A mask layer is set for the image to be displayed, and the gradient mode of the mask layer is set by applying the background color.

By processing the background color differently according to different scene atmospheres, the visual elements of the display page (including the entire page displaying images or the area of a single module displaying images) can be made to highlight the brand tone of the merchant or product.

For example, Figure 3 is a schematic diagram of displaying images using background colors in different scene atmospheres, and the images to be displayed are service reservation products of brand B. In Figure 3, brand B needs to display the image 301. The theme colors identified from 301 include gray and silver, and the largest area is gray. Determine gray as the background color and apply the background color to different scene atmospheres. Image 301, 302 to 304 in FIG. 3 are examples of different scene atmospheres (corresponding to examples A, B, C, and D in the figure, respectively). 302 in example A in Figure 3 uses gray as the solid color background, and the solid color background part is shown in part 302-1; 303 in example B in Figure 3 uses gray as the color of the action point, as shown in part 303-1 The background color of the action point button; 304 in the C example in Figure 3 uses gray as the pattern background, part 304-1 is the displayed picture, and the range outside the displayed picture indicated by 304-2 is the gray pattern background ; 305 in the D example in FIG. 3 is a solid color mask using gray as the picture.

Based on the embodiment of a theme color processing method provided in the present application, the second embodiment of the present application provides a display page generation method.

Referring to FIG. 4 and FIG. 5 , FIG. 4 shows a processing flowchart of a display page generation method provided by the second embodiment of the present application, and FIG. 5 is a schematic diagram of an example of determining the background color of the second embodiment of the present application. Since this embodiment is based on the foregoing embodiments, the description is relatively simple. For relevant parts, please refer to the corresponding descriptions of the foregoing embodiments.

The display page generation method shown in FIG. 4 includes: Step S401 to Step S403.

Step S401, determining images to be displayed.

The display page generation method provided in the embodiment of the present application determines the background color of the display page used to display the image according to the color characteristics of the image to be displayed, and further generates the display page according to the background color. In this way The generated display page is more coordinated with the image displayed on the display page, and the obtained visual effect can better express the brand tonality of the merchant or product.

The display page can be the entire page displaying the image, or a single module displaying the image, such as the first-focus carousel area, brand sponsorship module area, information point or action point; correspondingly, the background background color is the entire The background color of the page, or, the background color is the area background color of a single module that displays the image, such as the background color of the first-focus carousel area, the area background color of the brand sponsorship module, the area background color of the information point, or the action button of the action point background color.

This step is to determine the images to be displayed.

The images to be displayed may include at least any of the following types of images: pictures, videos, and logos. These image materials are generally provided by merchants or commodity brands. For example, the brand side of product A uploads or configures the image material of product A to be displayed on the e-commerce platform.

Step S402, according to the color characteristics of the image, determine the background color of the display page used to display the image.

This step is to determine the background background color of the display page used to display the image.

In the embodiment of the present application, when determining the background color, the brand characteristics of the merchant or product should be considered, and the following processing is preferably used to determine the background background color of the display page used to display the image according to the color characteristics of the image:

According to the color characteristics of the image, at least one theme color of the image is identified as a candidate background color of the display page;

According to the brand characteristics of the product, a candidate background color is selected from the candidate background colors as the background color of the display page.

The brand of the merchant or commodity is used to identify the merchant or commodity, and it may be the manifestation of material carriers such as words, patterns, and symbols, or the manifestation of intangible carriers such as quality, service, popularity, and market share. When choosing the background color of the display page used to display images, using brand features as an element can achieve the purpose of highlighting the product brand.

In the embodiment of the present application, the following processing can be specifically adopted to identify at least one theme color of the image according to the color characteristics of the image, including:

If the image is an image with a white base color, at least one theme color is identified according to the degree of color aggregation; and/or,

If the image is an image with uniform or scattered colors, at least one theme color is identified according to the proportion of the colors in the image.

The degree of color aggregation refers to the size of the area occupied by a color in the image, sorted according to the size of the area, and the color with the largest proportion has the highest degree of color aggregation.

Figure 5 shows an example of determining the background color. The background color of the picture indicated by 501 is white, and black, blue, green and white are identified from the picture. Considering that white is too dazzling in the visual sense, it is not used as the theme Color, the background color of 501 can be black, blue or green. Furthermore, because black has the highest degree of aggregation in 501, black is the best theme color, and users can choose black as the background color of the display page. The picture indicated by 502 and the picture indicated by 504 have relatively uniform colors. The theme colors recognized from the 502 picture include purple, black, and white. Purple is the color with the largest area. You can choose purple as the background color of the display page. The color with the largest area identified from the 504 picture is gray, and gray can be selected as the background color of the display page; the color of the picture indicated by 503 is relatively scattered, and the theme color recognized from the picture 503 includes dark green , beige, yellow, silver, and beige are the colors with the largest area. However, considering that the brand spot color of brand party A in the picture is dark green, dark green can be selected as the background color of the display page.

Step S403, generating the display page according to the background color.

This step is to generate a display page according to the background color obtained in step S402.

In the embodiment of the present application, in a specific implementation manner, a user interface is provided to receive user configuration, which specifically includes generating the display page according to the background color by adopting the following process:

Obtain the page content configured by the user;

Obtain the background color;

The display page is generated by using the background color and the page content configured by the user.

In the embodiment of the present application, in another specific implementation mode, a client interface is provided to allow the client generating the display page to actively capture the content of the page. For example, the client generating the display page can capture the information uploaded by the user, which may be scheduled Automatic fetching. Specifically, the generating the display page according to the background color includes the following processing:

The client actively grabs the content of the page; obtains the background color;

The display page is generated by using the background color and the page content actively captured by the client.

Preferably, the image is displayed on the display page according to the atmosphere of the scene.

In the embodiment of the present application, displaying the image according to the scene atmosphere on the display page specifically includes displaying the image to be displayed on the page using the background color in at least one of the following ways:

displaying the image using the background base color as a solid background;

displaying the image using the background base color as the patterned background color and/or patterned color matching;

displaying the image using the background base color as a gradient mask or a solid color mask;

Using the background color as the color of the action point of the image to be displayed, displaying the image and the action point of the image, the action point is an element used for interaction on the page;

Using the background color as the color of the information point of the image to be displayed, the image and the information point of the image are displayed, and the information point is a readable element on the page.

Specifically, when using the background background color to display the image to be displayed on the page, different processing is performed according to different scene atmospheres, for example:

Displaying the image as a top-level image, applying the background color to set the solid color and transparency of the area background color of the top-level image; and/or,

Displaying the image as a top-level image, applying the background background color to set the pattern color of the background of the top-level image; and/or,

A mask layer is set for the image, and a gradient mode of the mask layer is set by applying the background color.

By processing the background color differently according to different scene atmospheres, the visual elements of the display page (including the entire page displaying images or the area of a single module displaying images) can be made to highlight the brand tone of the merchant or product.

Corresponding to the embodiment of a theme color processing method provided in the present application, the third embodiment of the present application provides a theme color processing apparatus.

FIG. 6 shows a schematic diagram of a theme color processing apparatus provided by a third embodiment of the present application. Since the device embodiment is basically similar to the method embodiment, the description is relatively simple. For relevant parts, please refer to the corresponding description of the method embodiment.

The theme color processing device shown in Figure 6 includes:

An image determining unit 601, configured to determine an image to be displayed;

A theme color acquiring unit 602, configured to acquire the theme color of the image;

The background background color determination unit 603 is configured to obtain the background background color of the display page used to display the image according to a predetermined color gamut threshold and the theme color, wherein the predetermined color gamut threshold is used to judge the hue of the theme color The qualified color gamut range.

Optionally, the theme color acquisition unit 602 is specifically configured to:

The theme color of the image is determined according to the occupied areas of different colors in the image.

Optionally, the background background color determination unit 603 is specifically configured to:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

Editing the theme color within the qualified color gamut to obtain the background color.

Optionally, the background color determining unit 603 includes an editing subunit, and the editing subunit is used for:

adjusting the hue of the theme color within the qualified color gamut; and/or,

adjusting the saturation of the subject color within the qualified color gamut; and/or,

Adjust the lightness of the theme color within the range of the qualified color gamut.

Optionally, the background background color determination unit 603 is specifically configured to:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

determining an optimal theme color among theme colors within the qualified color gamut;

The optimal theme color is used as the background color.

Optionally, the theme color processing device further includes a configuration unit, the configuration unit is used for:

Obtain the second candidate background color configured by the user;

The obtaining the background background color of the display page used to display the image according to the predetermined color gamut threshold and the theme color includes:

Obtaining a first candidate background color according to a predetermined color gamut threshold and the theme color;

According to the first candidate background color and the second candidate background color, the background background color of the display page used to display the image is obtained.

Optionally, the background background color determination unit 603 is specifically configured to:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

Editing the theme color within the qualified color gamut to obtain a candidate background color;

A candidate background color is selected from the candidate background colors according to the brand characteristics of the commodity as the background color of the display page for displaying the image.

Optionally, the theme color processing device further includes a display unit, the display unit is used for:

The image to be displayed is displayed on the page using the background color.

Optionally, the display unit is specifically configured to use the background color to display the image to be displayed on the page in at least one of the following ways:

using the background background color as a solid color background to display the image to be displayed;

using the background background color as the patterned background color and/or pattern color matching to display the image to be displayed;

using the background color as a gradient mask or a solid color mask to display the image to be displayed;

Using the background background color as the color of the action point of the image to be displayed, displaying the image to be displayed and the action point of the image, the action point is an element used for interaction on the page;

Using the background color as the color of the information point of the image to be displayed, the image to be displayed and the information point of the image are displayed, and the information point is a readable element on the page.

Optionally, the display unit is specifically used for:

Displaying the image to be displayed as a top-level image, applying the background color to set the solid color and transparency of the area background color of the top-level image; and/or,

Display the image to be displayed as a top-level image, and set the pattern color of the background of the top-level image by applying the background color; and/or,

A mask layer is set for the image to be displayed, and the gradient mode of the mask layer is set by applying the background color.

Optionally, the qualified color gamut range includes a reasonable range of lightness and/or a reasonable range of saturation of the hue.

Corresponding to the embodiment of a method for generating a display page provided in this application, the fourth embodiment of this application provides an apparatus for generating a display page.

FIG. 7 shows a schematic diagram of an apparatus for generating a presentation page provided by a fourth embodiment of the present application. Since the device embodiment is basically similar to the method embodiment, the description is relatively simple. For relevant parts, please refer to the corresponding description of the method embodiment.

The display page generation device shown in Figure 7 includes:

An image determining unit 701, configured to determine an image to be displayed;

A background background color determining unit 702, configured to determine the background background color of the display page used to display the image according to the color characteristics of the image;

A page generating unit 703, configured to generate the display page according to the background color.

Optionally, the background background color determining unit 702 is specifically used for:

According to the color characteristics of the image, at least one theme color of the image is identified as a candidate background color of the display page;

According to the brand characteristics of the product, a candidate background color is selected from the candidate background colors as the background color of the display page.

Optionally, the background color determination unit 702 includes a color recognition subunit, and the color recognition subunit is specifically used for:

If the image is an image with a white base color, at least one theme color is identified according to the degree of color aggregation; and/or,

If the image is an image with uniform or scattered colors, at least one theme color is identified according to the proportion of the colors in the image.

Optionally, the apparatus for generating a display page further includes a configuration unit configured to obtain page content configured by a user; correspondingly, the page generation unit 703 is configured to:

Obtain the background color;

The display page is generated by using the background color and the page content configured by the user.

Optionally, the display page generation device further includes a content capture unit, the content capture unit is used for the client to actively capture page content; correspondingly, the page generation unit 703 is configured to:

Obtain the background color;

The display page is generated by using the background color and the page content actively captured by the client.

Optionally, the page generation unit 703 includes a display subunit, configured to display the image on the display page according to the atmosphere of the scene.

Optionally, the display subunit is specifically configured to use the background color to display the image to be displayed on the page in at least one of the following ways:

displaying the image using the background base color as a solid background;

displaying the image using the background base color as the patterned background color and/or patterned color matching;

displaying the image using the background base color as a gradient mask or a solid color mask;

Using the background color as the color of the action point of the image to be displayed, displaying the image and the action point of the image, the action point is an element used for interaction on the page;

Using the background color as the color of the information point of the image to be displayed, the image and the information point of the image are displayed, and the information point is a readable element on the page.

Optionally, the display subunit is specifically used for:

Displaying the image as a top-level image, applying the background color to set the solid color and transparency of the area background color of the top-level image; and/or,

Displaying the image as a top-level image, applying the background background color to set the pattern color of the background of the top-level image; and/or,

A mask layer is set for the image, and a gradient mode of the mask layer is set by applying the background color.

The fifth embodiment of the present application provides an electronic device for implementing the theme color processing method. Referring to FIG. 8 , it shows a schematic diagram of an electronic device provided by the fifth embodiment of the present application.

The description of the electronic device embodiment provided in the fifth embodiment of the present application is relatively simple, and for relevant parts, please refer to the corresponding description of the embodiment of the theme color processing method provided above.

The electronic equipment shown in Figure 8 includes:

Memory 801, and processor 802;

The memory 801 is used to store computer-executable instructions, and the processor 802 is used to execute the computer-executable instructions:

Determine the images to be displayed;

obtaining the theme color of the image;

According to the predetermined color gamut threshold and the theme color, the background background color of the display page used to display the image is obtained, wherein the predetermined color gamut threshold is used to determine the qualified color gamut range of the hue of the theme color.

Optionally, the processor 802 is also configured to execute the following computer-executable instructions:

The theme color of the image is determined according to the occupied areas of different colors in the image.

Optionally, the processor 802 is also configured to execute the following computer-executable instructions:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

Editing the theme color within the qualified color gamut to obtain the background color.

Optionally, the processor 802 is also configured to execute the following computer-executable instructions:

adjusting the hue of the theme color within the qualified color gamut; and/or,

adjusting the saturation of the subject color within the qualified color gamut; and/or,

Adjust the lightness of the theme color within the range of the qualified color gamut.

Optionally, the processor 802 is also configured to execute the following computer-executable instructions:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

determining an optimal theme color among theme colors within the qualified color gamut;

The optimal theme color is used as the background color.

Optionally, the processor 802 is also configured to execute the following computer-executable instructions:

Obtain the second candidate background color configured by the user;

The obtaining the background background color of the display page used to display the image according to the predetermined color gamut threshold and the theme color includes:

Obtaining a first candidate background color according to a predetermined color gamut threshold and the theme color;

According to the first candidate background color and the second candidate background color, the background background color of the display page used to display the image is obtained.

Optionally, the processor 802 is also configured to execute the following computer-executable instructions:

Determine a qualified color gamut range of the theme color according to a predetermined color gamut threshold;

Editing the theme color within the qualified color gamut to obtain a candidate background color;

A candidate background color is selected from the candidate background colors according to the brand characteristics of the commodity as the background color of the display page for displaying the image.

Optionally, the processor 802 is also configured to execute the following computer-executable instructions:

The image to be displayed is displayed on the page using the background color.

Optionally, the processor 802 is also configured to execute at least one of the following instructions:

using the background background color as a solid color background to display the image to be displayed;

using the background background color as the patterned background color and/or pattern color matching to display the image to be displayed;

using the background color as a gradient mask or a solid color mask to display the image to be displayed;

Using the background background color as the color of the action point of the image to be displayed, displaying the image to be displayed and the action point of the image, the action point is an element used for interaction on the page;

Using the background color as the color of the information point of the image to be displayed, the image to be displayed and the information point of the image are displayed, and the information point is a readable element on the page.

Optionally, the processor 802 is also configured to execute the following computer-executable instructions:

Displaying the image to be displayed as a top-level image, applying the background color to set the solid color and transparency of the area background color of the top-level image; and/or,

Display the image to be displayed as a top-level image, and set the pattern color of the background of the top-level image by applying the background color; and/or,

A mask layer is set for the image to be displayed, and the gradient mode of the mask layer is set by applying the background color.

Optionally, the qualified color gamut range includes a reasonable range of lightness and/or a reasonable range of saturation of the hue.

The sixth embodiment of the present application provides an electronic device for implementing the method for generating a display page, and its schematic diagram is similar to FIG. 8 .

The description of the electronic device embodiment provided in the sixth embodiment of the present application is relatively simple, and for relevant parts, please refer to the corresponding description of the embodiment of the display page generation method provided above.

The electronic device provided in the sixth embodiment of the present application includes:

memory, and processor;

The memory is used to store computer-executable instructions, and the processor is used to execute the computer-executable instructions:

Determine the images to be displayed;

According to the color characteristics of the image, determine the background background color of the display page used to display the image;

The display page is generated according to the background color.

Optionally, the processor is also configured to execute the following computer-executable instructions:

According to the color characteristics of the image, at least one theme color of the image is identified as a candidate background color of the display page;

According to the brand characteristics of the product, a candidate background color is selected from the candidate background colors as the background color of the display page.

Optionally, the processor is also configured to execute the following computer-executable instructions:

If the image is an image with a white base color, at least one theme color is identified according to the degree of color aggregation; and/or,

If the image is an image with uniform or scattered colors, at least one theme color is identified according to the proportion of the colors in the image.

Optionally, the processor is also configured to execute the following computer-executable instructions:

Obtain the page content configured by the user;

Obtain the background color;

The display page is generated by using the background color and the page content configured by the user.

Optionally, the processor is also configured to execute the following computer-executable instructions:

The client actively grabs the content of the page;

Obtain the background color;

The display page is generated by using the background color and the page content actively captured by the client.

Optionally, the processor is also configured to execute the following computer-executable instructions:

The image is displayed on the display page according to the atmosphere of the scene.

Optionally, the processor is also configured to execute at least one of the following instructions:

displaying the image using the background base color as a solid background;

displaying the image using the background base color as the patterned background color and/or patterned color matching;

displaying the image using the background base color as a gradient mask or a solid color mask;

Using the background color as the color of the action point of the image to be displayed, displaying the image and the action point of the image, the action point is an element used for interaction on the page;

Using the background color as the color of the information point of the image to be displayed, the image and the information point of the image are displayed, and the information point is a readable element on the page.

Optionally, the processor is also configured to execute the following computer-executable instructions:

Displaying the image as a top-level image, applying the background color to set the solid color and transparency of the area background color of the top-level image; and/or,

Displaying the image as a top-level image, applying the background background color to set the pattern color of the background of the top-level image; and/or,

A mask layer is set for the image, and a gradient mode of the mask layer is set by applying the background color.

The seventh embodiment of the present application provides a storage device for the theme color processing method provided above, which is described relatively simply. For relevant parts, please refer to the corresponding description of the above-mentioned embodiment of the theme color processing method. .

The storage device provided by the seventh embodiment of the present application stores instructions, and the instructions can be loaded by a processor and perform the following steps:

Determine the images to be displayed;

obtaining the theme color of the image;

According to the predetermined color gamut threshold and the theme color, the background background color of the display page used to display the image is obtained, wherein the predetermined color gamut threshold is used to determine the qualified color gamut range of the hue of the theme color.

The eighth embodiment of the present application provides a storage device for the method for generating a display page provided above, which is described relatively simply. For relevant parts, please refer to the corresponding description of the embodiment of the method for generating a display page provided above. .

The storage device provided by the eighth embodiment of the present application stores instructions, and the instructions can be loaded by a processor and perform the following steps:

Determine the images to be displayed;

According to the color characteristics of the image, determine the background background color of the display page used to display the image;

The display page is generated according to the background color.

In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.

Memory may include non-permanent storage in computer readable media, in the form of random access memory (RAM) and/or nonvolatile memory such as read only memory (ROM) or flash RAM. Memory is an example of computer readable media.

1. Computer-readable media include permanent and non-permanent, removable and non-removable media. Information storage can be realized by any method or technology. Information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory (ROM), Electrically Erasable Programmable Read-Only Memory (EEPROM), Flash memory or other memory technology, Compact Disc Read-Only Memory (CD-ROM), Digital Versatile Disc (DVD) or other optical storage, Magnetic tape cartridge, tape magnetic disk storage or other magnetic storage device or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, computer-readable media excludes non-transitory computer-readable media, such as modulated data signals and carrier waves.

2. Those skilled in the art should understand that the embodiments of the present application may be provided as methods, systems or computer program products. Accordingly, the present application can take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein.

Although the present application is disclosed as above with preferred embodiments, it is not used to limit the present application. Any person skilled in the art can make possible changes and modifications without departing from the spirit and scope of the present application. Therefore, the present application The scope of protection should be based on the scope defined by the claims of this application.

Claims (24)

1. A method of theme color processing comprising:

determining an image to be displayed;

obtaining a theme color of the image;

obtaining background ground color of a display page for displaying the image according to a preset color gamut threshold value and the theme colors, wherein the preset color gamut threshold value is used for judging a qualified color gamut range of the hue of the theme colors;

The obtaining the background color of the display page for displaying the image according to the preset color gamut threshold and the theme color comprises the following steps:

determining a qualified color gamut range of the subject color according to a preset color gamut threshold value;

and editing the theme colors in the qualified color gamut range to obtain the background color.

2. The method of claim 1, wherein the obtaining the theme colors of the image comprises:

and determining the theme colors of the image according to the occupation areas of different colors in the image.

3. The method of claim 1, wherein said editing said subject color within said acceptable color gamut comprises:

adjusting the hue of the subject color within the acceptable color gamut; and/or the number of the groups of groups,

adjusting the saturation of the subject color within the qualified color gamut; and/or the number of the groups of groups,

and adjusting the brightness of the subject color within the qualified color gamut.

4. The method of claim 1, wherein the deriving a background color for a presentation page for presenting the image based on a predetermined gamut threshold and the theme colors comprises:

determining a qualified color gamut range of the subject color according to a preset color gamut threshold value;

Determining an optimal theme color among the theme colors within the qualified gamut;

and taking the optimal theme color as the background color.

5. The method as recited in claim 1, further comprising:

obtaining a second candidate background color configured by a user;

the obtaining the background color of the display page for displaying the image according to the preset color gamut threshold and the theme color comprises the following steps:

obtaining a first candidate background color according to a preset color gamut threshold value and the theme colors;

and obtaining the background color of the display page for displaying the image according to the first candidate background color and the second candidate background color.

6. The method of claim 1, wherein the deriving a background color for a presentation page for presenting the image based on a predetermined gamut threshold and the theme colors comprises:

determining a qualified color gamut range of the subject color according to a preset color gamut threshold value;

editing the theme colors in the qualified color gamut range to obtain candidate background colors;

and selecting one candidate background color from the candidate background colors according to the brand features of the commodities to serve as the background color of the display page for displaying the images.

7. The method as recited in claim 1, further comprising:

and displaying the image to be displayed on the page by using the background color.

8. The method of claim 7, wherein the background color is used to display the image to be displayed on a page in at least one of the following ways:

using the background color as a solid background to display the image to be displayed;

using the background color as background color with a pattern and/or pattern matching to display the image to be displayed;

using the background color as a gradual change shade or a pure color shade to display the image to be displayed;

using the background color as an action point color of the image to be displayed, displaying the image to be displayed and the action point of the image, wherein the action point is an element for interaction on a page;

and displaying the image to be displayed and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.

9. The method of claim 7, wherein displaying the image to be displayed on the page using the background color comprises:

The image to be displayed is used as a top layer image to be displayed, and the background color is used for setting the pure color and the transparency of the region background color of the top layer image; and/or the number of the groups of groups,

the image to be displayed is used as a top layer image to be displayed, and the background color is applied to set the pattern color of the background of the top layer image; and/or the number of the groups of groups,

and setting a mask layer for the image to be displayed, and setting a gradual change mode of the mask layer by using the background color.

10. The method of claim 1, wherein the acceptable gamut range comprises a reasonable range of lightness and/or a reasonable range of saturation of the hue.

11. The display page generation method is characterized by comprising the following steps of:

determining an image to be displayed;

determining background ground color of a display page for displaying the image according to the color characteristics of the image; comprising the following steps: obtaining a theme color of the image; obtaining background ground color of a display page for displaying the image according to a preset color gamut threshold value and the theme colors, wherein the preset color gamut threshold value is used for judging a qualified color gamut range of the hue of the theme colors; the obtaining the background color of the display page for displaying the image according to the preset color gamut threshold and the theme color comprises the following steps: determining a qualified color gamut range of the subject color according to a preset color gamut threshold value; editing the theme colors in the qualified color gamut range to obtain the background color;

And generating the display page according to the background color.

12. The method of claim 11, wherein determining a background tint of a presentation page for presenting the image based on color characteristics of the image comprises:

according to the color characteristics of the image, at least one theme color of the image is identified and used as a candidate background color of the display page;

selecting one candidate background color from the candidate background colors according to the brand features of the commodities, as background ground color of the display page.

13. The method of claim 12, wherein the identifying at least one subject color of the image based on color characteristics of the image comprises:

if the image is white, identifying at least one theme color according to the color aggregation degree; and/or the number of the groups of groups,

if the image is a uniform or dispersed color image, at least one theme color is identified according to the area of the color in the image.

14. The method as recited in claim 11, further comprising: acquiring page content configured by a user; the generating the display page according to the background color comprises the following steps:

Obtaining the background color;

and generating the display page by using the background color and the page content configured by the user.

15. The method as recited in claim 11, further comprising: the client actively grabs the page content; the generating the display page according to the background color comprises the following steps:

obtaining the background color;

and generating the display page by using the background color and the page content actively captured by the client.

16. The method of claim 11, wherein the generating the presentation page from the background color comprises:

and displaying the image on the display page according to the scene atmosphere.

17. The method of claim 16, wherein displaying the image on the display page according to the scene atmosphere comprises displaying the image to be displayed on the page using the background color in at least one of:

displaying the image by using the background color as a solid background;

displaying the image by using the background color as a background color and/or a pattern matching color with a pattern;

displaying the image using the background color as a gradient mask or a solid mask;

Using the background color as an action point color of the image to be displayed, displaying the image and the action point of the image, wherein the action point is an element for interaction on a page;

and displaying the image and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.

18. The method of claim 16, wherein the displaying the image on the display page according to a scene atmosphere comprises:

displaying the image as a top layer image, and setting the pure color and transparency of the region ground color of the top layer image by applying the background ground color; and/or the number of the groups of groups,

the image is displayed as a top layer image, and the background color is applied to set the pattern color of the background of the top layer image; and/or the number of the groups of groups,

and setting a mask layer for the image, and setting a gradual change mode of the mask layer by using the background color.

19. A theme color processing apparatus, comprising:

the image determining unit is used for determining an image to be displayed;

a theme-color-obtaining unit configured to obtain a theme color of the image;

The background color determining unit is used for obtaining background color of a display page for displaying the image according to a preset color gamut threshold value and the theme colors, wherein the preset color gamut threshold value is used for judging a qualified color gamut range of the hue of the theme colors;

the obtaining the background color of the display page for displaying the image according to the preset color gamut threshold and the theme color comprises the following steps:

determining a qualified color gamut range of the subject color according to a preset color gamut threshold value;

and editing the theme colors in the qualified color gamut range to obtain the background color.

20. A presentation page generation apparatus, comprising:

the image determining unit is used for determining an image to be displayed;

the background color determining unit is used for determining background colors of a display page for displaying the image according to the color characteristics of the image; comprising the following steps: obtaining a theme color of the image; obtaining background ground color of a display page for displaying the image according to a preset color gamut threshold value and the theme colors, wherein the preset color gamut threshold value is used for judging a qualified color gamut range of the hue of the theme colors; the obtaining the background color of the display page for displaying the image according to the preset color gamut threshold and the theme color comprises the following steps: determining a qualified color gamut range of the subject color according to a preset color gamut threshold value; editing the theme colors in the qualified color gamut range to obtain the background color;

And the page generating unit is used for generating the display page according to the background color.

21. An electronic device, comprising:

a memory, and a processor;

the memory is for storing computer-executable instructions, and the processor is for executing the computer-executable instructions:

determining an image to be displayed;

obtaining a theme color of the image;

obtaining background ground color of a display page for displaying the image according to a preset color gamut threshold value and the theme colors, wherein the preset color gamut threshold value is used for judging a qualified color gamut range of the hue of the theme colors; the obtaining the background color of the display page for displaying the image according to the preset color gamut threshold and the theme color comprises the following steps: determining a qualified color gamut range of the subject color according to a preset color gamut threshold value; and editing the theme colors in the qualified color gamut range to obtain the background color.

22. An electronic device, comprising:

a memory, and a processor;

the memory is for storing computer-executable instructions, and the processor is for executing the computer-executable instructions:

Determining an image to be displayed;

determining background ground color of a display page for displaying the image according to the color characteristics of the image; comprising the following steps: obtaining a theme color of the image; obtaining background ground color of a display page for displaying the image according to a preset color gamut threshold value and the theme colors, wherein the preset color gamut threshold value is used for judging a qualified color gamut range of the hue of the theme colors; the obtaining the background color of the display page for displaying the image according to the preset color gamut threshold and the theme color comprises the following steps: determining a qualified color gamut range of the subject color according to a preset color gamut threshold value; editing the theme colors in the qualified color gamut range to obtain the background color;

and generating the display page according to the background color.

23. A storage device storing instructions capable of being loaded by a processor and performing the steps of:

determining an image to be displayed;

obtaining a theme color of the image;

obtaining background ground color of a display page for displaying the image according to a preset color gamut threshold value and the theme colors, wherein the preset color gamut threshold value is used for judging a qualified color gamut range of the hue of the theme colors; the obtaining the background color of the display page for displaying the image according to the preset color gamut threshold and the theme color comprises the following steps: determining a qualified color gamut range of the subject color according to a preset color gamut threshold value; and editing the theme colors in the qualified color gamut range to obtain the background color.

24. A storage device storing instructions capable of being loaded by a processor and performing the steps of:

determining an image to be displayed;

determining background ground color of a display page for displaying the image according to the color characteristics of the image; comprising the following steps: obtaining a theme color of the image; obtaining background ground color of a display page for displaying the image according to a preset color gamut threshold value and the theme colors, wherein the preset color gamut threshold value is used for judging a qualified color gamut range of the hue of the theme colors; the obtaining the background color of the display page for displaying the image according to the preset color gamut threshold and the theme color comprises the following steps: determining a qualified color gamut range of the subject color according to a preset color gamut threshold value; editing the theme colors in the qualified color gamut range to obtain the background color;

and generating the display page according to the background color.