CN116909556A - 页面配置方法、装置、电子设备和存储介质 - Google Patents

Abstract

本申请涉及一种页面配置方法、装置、电子设备和存储介质，应用于计算机技术领域，其中，方法包括：获取产品图像，所述产品图像用于对待配置页面进行颜色配置；基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。以解决现有技术中，产品实物颜色和软件页面颜色不一致时，需要进行重新调整，大大增加了设计和开发成本，耗时较长，严重降低了软件制作的效率的问题。

Description

页面配置方法、装置、电子设备和存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面配置方法、装置、电子设备和存储介质。

背景技术

目前，关联产品的一些软件或系统在页面配色上存在着如下现象：在产品实物颜色和软件页面颜色不一致，或者是产品外观变更设计后，对应的软件配色元素都要进行重新调整，大大增加了设计和开发成本，耗时较长，严重降低了软件制作的效率。比如水泵选型软件，当水泵的外观配色发生改变时，水泵选型软件并不会随之发生改变，这就需要人工去对软件进行调整。

发明内容

本申请提供了一种页面配置方法、装置、电子设备和存储介质，用以解决现有技术中，产品实物颜色和软件页面颜色不一致时，需要进行重新调整，大大增加了设计和开发成本，耗时较长，严重降低了软件制作的效率的问题。

第一方面，本申请实施例提供了一种页面配置方法，包括：

获取产品图像，所述产品图像用于对待配置页面进行颜色配置；

基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；

确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；

将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。

可选的，所述基于所述产品图像确定待配置页面的颜色配置信息，包括：

对所述产品图像进行取色，得到至少一个颜色；

对所述至少一个颜色进行分组，得到至少一组颜色；

计算每组颜色的RGB值的均值，得到第一配置颜色；

计算所述至少一个颜色的亮度均值，得到第二配置颜色；

根据所述第二配置颜色的亮度值与预设亮度值的大小关系，确定第三配置颜色；

确定所述颜色配置信息包括所述第一配置颜色、所述第二配置颜色和所述第三配置颜色。

可选的，所述确定每个所述配置颜色对应的目标配置元素，包括：

确定所述第二配置颜色对应的目标配置元素为所述待配置页面中的背景；

确定所述第三配置颜色对应的目标配置元素为所述待配置页面中的文字。

可选的，所述对所述至少一个颜色进行分组，包括：

将所述至少一个颜色中色相值相同的分为一组。

可选的，所述基于所述产品图像确定待配置页面的颜色配置信息，还包括：

计算每组颜色的目标色相在所述产品图像所有色相中的色相占比；

确定所述色相占比为所述颜色配置信息。

可选的，所述确定每个所述配置颜色对应的目标配置元素，包括：

确定每个所述配置颜色对应的目标配色标签；

确定与所述目标配色标签绑定的配置元素为所述目标配置元素。

可选的，所述页面配置信息还包括所述配置颜色的色相占比，所述确定每个所述配置颜色对应的目标配色标签，包括：

根据所述色相占比对所述配置颜色进行排序，得到排序结果；

根据所述排序结果确定所述配置颜色对应的目标配色标签。

第三方面，本申请实施例提供了一种页面配置装置，包括：

获取模块，用于获取产品图像，所述产品图像用于对待配置页面进行颜色配置；

第一确定模块，用于基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；

第二确定模块，用于确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；

配置模块，用于将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。

第三方面，本申请实施例提供了一种电子设备，包括：处理器、通信接口、存储器和通信总线，其中，处理器、通信接口和存储器通过通信总线完成相互间的通信；

所述存储器，用于存储计算机程序；

所述处理器，用于执行所述存储器中所存储的程序，实现第一方面所述的页面配置方法。

第四方面，本申请实施例提供了一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时实现第一方面所述的页面配置方法。

本申请实施例提供的上述技术方案与现有技术相比具有如下优点：本申请实施例提供的该方法，通过获取产品图像，所述产品图像用于对待配置页面进行颜色配置；基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。如此，通过对获取的产品图像，即可实现对待配置页面的颜色配置，达到产品颜色与待配置页面的颜色一致，无需人为调整，降低了设计和开发成本，耗时较低，提高了待配置页面制作的效率。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本申请一实施例提供的页面配置方法的应用场景图；

图2为本申请一实施例提供的页面配置方法的流程图；

图3为本申请另一实施例提供的页面配置方法的流程图；

图4为本申请一实施例提供的页面配置装置的结构图；

图5为本申请一实施例提供的电子设备的结构图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。

在对本发明实施例进行进一步详细说明之前，对本发明实施例中涉及的名词和术语进行说明，本发明实施例中涉及的名词和术语适用于如下的解释。

HSB又称HSV，表示一种颜色模式：在HSB模式中，H(hues)表示色相，S(saturation)表示饱和度，B(brightness)表示亮度。HSB模式对应的媒介是人眼。

RGB是色光的彩色模式，R代表红色，G代表绿色，B代表蓝色。通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，三种颜色每一种都有256个亮度水平级。

根据本申请一实施例提供了一种页面配置方法。可选地，在本申请实施例中，上述页面配置方法可以应用于如图1所示的由终端101和服务器102所构成的硬件环境中。如图1所示，服务器102通过网络与终端101进行连接，可用于为终端或终端上安装的客户端提供服务(如视频服务、应用服务等)，可在服务器上或独立于服务器设置数据库，用于为服务器102提供数据存储服务，上述网络包括但不限于：广域网、城域网或局域网，终端101并不限定于PC、手机、平板电脑等。

本申请实施例的页面配置方法可以由服务器102来执行，也可以由终端101来执行，还可以是由服务器102和终端101共同执行。其中，终端101执行本申请实施例的页面配置方法，也可以是由安装在其上的客户端来执行。

以终端执行本申请实施例的页面配置方法为例，图2是根据本申请实施例的一种可选的页面配置方法的流程示意图，如图2所示，该方法的流程可以包括以下步骤：

步骤201、获取产品图像，所述产品图像用于对待配置页面进行颜色配置。

一些实施例中，产品图像通常为去除背景色的图像。在获取的初始图像中包括背景色的情况下，可以先对其去除背景色，得到该产品图像。

其中，产品图像可以是产品的设计原图也可以是拍摄的产品的实物图，可以通过用户上传或者从数据库中获取得到。待配置页面可以是软件的待配置页面，也可以为网页的待配置页面。

进一步的，去除初始图像背景色的方式有多种，若初始图像中背景色较为单一，并与产品区别比较大的话，可以直接把单一的背景色与产品分离开，将其设置为透明色。若初始图像难以区分背景和前景，可以按照产品的角度，拍一张或多张相似的照片(可以是在不同的背景下拍摄得到)，将拍摄得到的图像进行对比，提取重叠的轮廓部分即为去除背景的产品图像。

步骤202、基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色。

一些实施例中，产品图像中包括了产品颜色的配置情况，基于此，能够通过该产品图像的颜色配置情况，确定待配置页面的颜色配置信息。

在一个可选实施例中，所述基于所述产品图像确定待配置页面的颜色配置信息，包括：

对所述产品图像进行取色，得到至少一个颜色；

对所述至少一个颜色进行分组，得到至少一组颜色；

计算每组颜色的RGB值的均值，得到第一配置颜色；

计算所述至少一个颜色的亮度均值，得到第二配置颜色；

根据所述第二配置颜色的亮度值与预设亮度值的大小关系，确定第三配置颜色；

确定所述颜色配置信息包括所述第一配置颜色、所述第二配置颜色和所述第三配置颜色。

一些实施例中，对产品图像进行取色的方式有多种，通常图像的基本单元是像素，把图像放大后会得到一个一个的方格(即像素点)，每个方格就会包含一种颜色，从而提取到的每个方格的颜色。

具体的，可以按行遍历每一个像素点，获取每一个像素点的颜色值，当第一行遍历完之后，遍历第二行，第二行遍历完之后，遍历第三行......如此类推，直至将整个产品图像的像素点都遍历完，完成对产品图像的取色。

由于产品图像是去除背景的图像，因此，对产品图像的取色不包括背景色。

在提取到至少一个颜色后，通过对颜色进行分组，并计算每组颜色的RGB值的均值，从而使得同一色相的颜色能够统一，以便于对待配置页面进行配色。

其中，每组颜色中包括多个颜色，每个颜色的RGB值可以通过相应的提取工具得到，例如，画图工具。

通常，软件背景色一般以无彩色系黑白灰为主，因此可以以产品的整体颜色亮度来确定背景色。即，可以将所有颜色的亮度值B(即HSB中的亮度，它采用颜色的三属性来表色，即将颜色三属性进行量化，饱和度和亮度以百分比值0％-100％)加起来求平均值，得到平均值B即第二配置颜色，以平均值B的灰色作为软件背景色，如计算的平均值B为50％，则以“H：0，S：0％，B：50％”作为第二配置颜色。

软件文字颜色一般以无彩色系黑白灰为主，可以根据上述实施例计算得到的背景色(第二配置颜色)确定文字的颜色(第三配置颜色)。具体的，可以是若第二配置颜色的B值大于预设亮度值50％，则第三配置颜色的亮度为B-50％；若B值小于或等于50％，则第三配置颜色的亮度为B+50％。示例性的，计算出第二配置颜色的B值为40％，则第三配置颜色为(H：0，S：0％，B：90％)。

为使文字可以看得清晰，便于区分背景色和文字颜色，优选预设亮度值为50％去区分。可以理解的是，预设亮度值可以根据实际情况进行设置，此次不做限定。

在一个可选实施例中，对颜色的分组可以是按照颜色的色相进行分组，将色相值相同的颜色分为一组。

示例性的，可以按照12色相色环的颜色(红、红橙、橙、黄橙、黄、黄绿、绿、蓝绿、蓝、蓝紫、紫、红紫)进行分组。

在一个可选实施例中，在产品图像中的颜色较多的情况下，颜色配置信息还可以包括配置颜色的色相占比。所述基于所述产品图像确定待配置页面的颜色配置信息，还包括：

计算每组颜色的目标色相在所述产品图像所有色相中的色相占比；

确定所述色相占比为所述颜色配置信息。

一些实施例中，通过对提取的颜色进行分组，将色相相同的分为一组，并计算该组所属的色相的颜色个数在产品图像中的色相占比，例如，属于红色组的颜色的个数为200，产品图像中所有的颜色的个数为1000，从而可以计算得到红色色相的色相占比为20％。

步骤203、确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素。

一些实施例中，在确定待配置页面的配置颜色后，便可以确定每个配置颜色对应的目标配置元素，以对目标配置元素进行配色。

基于上述相关实施例，对于确定的第二配置颜色和第三配置颜色，是对特定的元素确定的配置颜色，第二配置颜色是确定的背景色，因此，第二配置颜色对应的目标配置元素为待配置页面中的背景；第三配置颜色是确定的文字颜色，因此，第三配置颜色对应的目标配置元素为待配置页面中的文字。

在待配置页面中除上述背景和文字外，还包括多种元素，例如超链接、标签、按钮、输入框、鼠标选中时的颜色等，该类元素的配置颜色可以通过以下方式确定。

在一个具体实施例中，所述确定每个所述配置颜色对应的目标配置元素，包括：

确定每个所述配置颜色对应的目标配色标签；

确定与所述目标配色标签绑定的配置元素为所述目标配置元素。

一些实施例中，配色标签与配置元素可以预先建立绑定关系，从而能够基于该绑定关系确定目标配色标签对应的目标配置元素。配置颜色与配色标签的对应关系，可以通过配置颜色在产品图像中的色相占比确定。

基于上述相关实施例，在确定色相占比后，可以通过色相占比对配置颜色进行排序，得到排序结果。预先设置配色标签的主次关系，按照该主次关系对配色标签进行排序，得到第一排序结果，在确定配置颜色对应的配色标签时，可以通过配置颜色的排序结果和配色标签的第一排序结果确定，确定目标配色标签为第一排序结果与配置颜色的排序结果相同的配色标签。

步骤204、将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。

一些实施例中，在确定每个配置颜色对应的目标配置元素后，便可以将该目标配置元素配置为该配置颜色，由于配置颜色是通过产品图像得到的，因此，在待配置页面配色完成后，能够达到与产品颜色配置一致。

在一个具体实施例中，参见图3，本申请的页面配置方法包括：

步骤一、软件的待配置页面的配置元素(比如文字、超链接、标签、按钮、输入框、鼠标选中时的颜色等)预先绑定配色标签，配色标签包括主色标签、辅助色标签、背景色标签、文字颜色标签，从而规定哪些元素用的是主色，哪些元素是辅助色，哪些使用背景色等。

步骤二：上传产品的设计图，利用图像识别技术，先去掉产品背景得到产品图像，只对产品图像进行取色。按照12色相环的颜色进行排列，即按红、红橙、橙、黄橙、黄、黄绿、绿、蓝绿、蓝、蓝紫、紫、红紫进行分组，在HSB色彩模式下，色相H值相同的为一组，并计算出色相的占比(H1、H2、H3...Hn)，色相面积占比多的分组排前面(组1、组2、组3...组n)，按颜色分组排列出所有的颜色。

步骤三：根据步骤二中色相组的排列，提取组1所有颜色的R、G、B值，这里的R、G、B指的是红、绿、蓝三个颜色通道，将组1所有颜色的R加起来再取平均值，G都加起来取平均值，B加起来取平均值，得到三个R、G、B的平均值确定颜色1。同理，计算组2所有颜色的R、G、B平均值，得到颜色2...计算组n的所有颜色R、G、B平均值，得到颜色n。

步骤四：步骤三中得到的颜色1所在的组1排在最前面，因此颜色1为主色。若上一步得到的色相组的数量为2，则辅助色的个数就是1，颜色2即为辅助色；若得到的色相组的数量大于2，用户可以自定义辅助色的个数x(自定义的辅助色个数x≤色相组数n-1)，软件提示建议使用3个以内的辅助色(一个页面标准色彩不超过3至4种，否则会使用户阅读体验差)。软件将步骤一规定的配置辅助色元素都列出来，用户自定义给这些元素自定义选择颜色2....颜色x。

步骤五：软件背景色一般以无彩色系黑白灰为主，所以可以以产品的整体颜色亮度来确定背景色。即将提取的所有颜色的亮度值B加起来求平均值(注：HSB色彩模式即色相、饱和度、亮度模式。它采用颜色的三属性来表色，即将颜色三属性进行量化，饱和度和亮度以百分比值0％-100％)，得到平均值B，以平均值B的灰色作为软件背景色，如计算的B值为50％，则以(H：0，S：0％，B：50％)作为背景色。

步骤六：软件文字颜色一般以无彩色系黑白灰为主，可以根据上一步的背景色确定文字的颜色，若背景色B值大于50％，则文字颜色F的亮度＝B-50％；若B值小于或等于50％，则文字颜色F的亮度＝B+50％。比如计算出的B值为40％，则F的颜色为(H：0，S：0％，B：90％)。这里是为了区分开背景色和文字颜色，所以以50％的亮度差值去区分，使文字可以看得清晰。

步骤七：将步骤四原则匹配主色标签和辅助色标签，将步骤五计算出的颜色B匹配到背景色标签，将步骤五计算出的颜色F匹配到文字颜色标签，最后输出软件配色方案。

本申请的页面配置方法，通过上传一张产品的图片至软件，软件对这张图片进行图像分析，把分析出来的颜色按照一定的规则应用在界面上，从而使产品的颜色和界面达到一致性。如若产品的外观发生改变，可重新把新产品的图片上传到软件，重新分析新产品的颜色，再应用到软件界面上。解决现有无法满足产品和其对应软件界面配色的一致性以及生成界面灵活性需求，以及降低了软件界面制作效率的问题。

基于同一构思，本申请实施例中提供了一种页面配置装置，该装置的具体实施可参见方法实施例部分的描述，重复之处不再赘述，如图,4所示，该装置主要包括：

获取模块401，用于获取产品图像，所述产品图像用于对待配置页面进行颜色配置；

第一确定模块402，用于基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；

第二确定模块403，用于确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；

配置模块404，用于将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。

基于同一构思，本申请实施例中还提供了一种电子设备，如图5所示，该电子设备主要包括：处理器501、存储器502和通信总线503，其中，处理器501和存储器502通过通信总线503完成相互间的通信。其中，存储器502中存储有可被处理器501执行的程序，处理器501执行存储器502中存储的程序，实现如下步骤：

获取产品图像，所述产品图像用于对待配置页面进行颜色配置；

基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；

确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；

将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。

上述电子设备中提到的通信总线503可以是外设部件互连标准(PeripheralComponent Interconnect，简称PCI)总线或扩展工业标准结构(Extended IndustryStandard Architecture，简称EISA)总线等。该通信总线503可以分为地址总线、数据总线、控制总线等。为便于表示，图5中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

存储器502可以包括随机存取存储器(Random Access Memory，简称RAM)，也可以包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。可选地，存储器还可以是至少一个位于远离前述处理器501的存储装置。

上述的处理器501可以是通用处理器，包括中央处理器(Central ProcessingUnit，简称CPU)、网络处理器(Network Processor，简称NP)等，还可以是数字信号处理器(Digital Signal Processing，简称DSP)、专用集成电路(Application SpecificIntegrated Circuit，简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

在本申请的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有计算机程序，当该计算机程序在计算机上运行时，使得计算机执行上述实施例中所描述的页面配置方法。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行该计算机指令时，全部或部分地产生按照本申请实施例所述的流程或功能。该计算机可以是通用计算机、专用计算机、计算机网络或者其他可编程装置。该计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，计算机指令从一个网站站点、计算机、服务器或者数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、微波等)方式向另外一个网站站点、计算机、服务器或数据中心进行传输。该计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。该可用介质可以是磁性介质(例如软盘、硬盘、磁带等)、光介质(例如DVD)或者半导体介质(例如固态硬盘)等。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅是本发明的具体实施方式，使本领域技术人员能够理解或实现本发明。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下，在其它实施例中实现。因此，本发明将不会被限制于本文所示的这些实施例，而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种页面配置方法，其特征在于，包括：

获取产品图像，所述产品图像用于对待配置页面进行颜色配置；

基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；

确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；

将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。

2.根据权利要求1所述的页面配置方法，其特征在于，所述基于所述产品图像确定待配置页面的颜色配置信息，包括：

对所述产品图像进行取色，得到至少一个颜色；

对所述至少一个颜色进行分组，得到至少一组颜色；

计算每组颜色的RGB值的均值，得到第一配置颜色；

计算所述至少一个颜色的亮度均值，得到第二配置颜色；

根据所述第二配置颜色的亮度值与预设亮度值的大小关系，确定第三配置颜色；

确定所述颜色配置信息包括所述第一配置颜色、所述第二配置颜色和所述第三配置颜色。

3.根据权利要求2所述的页面配置方法，其特征在于，所述确定每个所述配置颜色对应的目标配置元素，包括：

确定所述第二配置颜色对应的目标配置元素为所述待配置页面中的背景；

确定所述第三配置颜色对应的目标配置元素为所述待配置页面中的文字。

4.根据权利要求2所述的页面配置方法，其特征在于，所述对所述至少一个颜色进行分组，包括：

将所述至少一个颜色中色相值相同的分为一组。

5.根据权利要求2所述的页面配置方法，其特征在于，所述基于所述产品图像确定待配置页面的颜色配置信息，还包括：

计算每组颜色的目标色相在所述产品图像所有色相中的色相占比；

确定所述色相占比为所述颜色配置信息。

6.根据权利要求1所述的页面配置方法，其特征在于，所述确定每个所述配置颜色对应的目标配置元素，包括：

确定每个所述配置颜色对应的目标配色标签；

确定与所述目标配色标签绑定的配置元素为所述目标配置元素。

7.根据权利要求5所述的页面配置方法，其特征在于，所述页面配置信息还包括所述配置颜色的色相占比，所述确定每个所述配置颜色对应的目标配色标签，包括：

根据所述色相占比对所述配置颜色进行排序，得到排序结果；

根据所述排序结果确定所述配置颜色对应的目标配色标签。

8.一种页面配置装置，其特征在于，包括：

获取模块，用于获取产品图像，所述产品图像用于对待配置页面进行颜色配置；

第一确定模块，用于基于所述产品图像确定待配置页面的颜色配置信息，所述颜色配置信息包括至少一个配置颜色；

第二确定模块，用于确定每个所述配置颜色对应的目标配置元素，所述目标配置元素为所述待配置页面中的元素；

配置模块，用于将所述配置颜色对所述目标配置元素进行配色，以使所述待配置页面与所述产品颜色配置一致。

9.一种电子设备，其特征在于，包括：处理器、通信接口、存储器和通信总线，其中，处理器、通信接口和存储器通过通信总线完成相互间的通信；

所述存储器，用于存储计算机程序；

所述处理器，用于执行所述存储器中所存储的程序，实现权利要求1-7任一项所述的页面配置方法。

10.一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-7任一项所述的页面配置方法。