CN108320312B - 图片的配色方法及装置、计算机终端 - Google Patents

Abstract

本申请公开了一种图片的配色方法及装置、计算机终端。其中，该方法包括：提供多个背景色模板，所述背景色模板关联有预设配色组合；获取待配色图片的主色调；依据所述主色调确定与所述主色调匹配的预设配色组合；使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色。

Description

图片的配色方法及装置、计算机终端

技术领域

本申请涉及配色领域，具体而言，涉及一种图片的配色方法及装置、计算机终端。

背景技术

相关技术中，在对图片进行处理时，往往涉及到图片与背景色模板(例如创意banner模板)的搭配问题，例如，在设计一款商品的广告图片时，在将商品图片上传至网站后，可以调用网站提供的预先设计的创意banner模板进行搭配，这样，可以为没有图像设计经验的商户提供便利，但是，这种方案存在以下缺点：由于网站提供的背景色模板往往是固定的，用户上传的商品图片的颜色和网站提供的背景色模板的配色之间没有关联，这样造成背景色模板的投放效果差，影响用户体验。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本申请实施例提供了一种图片的配色方法及装置、计算机终端，以至少解决由于背景色模板固定，不能与待配色图片的颜色进行合理搭配而导致的影响整体展示效果的技术问题。

根据本申请实施例的一个方面，提供了一种图片的配色方法，包括：提供多个背景色模板，所述背景色模板关联有预设配色组合；获取待配色图片的主色调；依据所述主色调确定与所述主色调匹配的预设配色组合；使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色。

根据本申请实施例的另一方面，还提供了一种图片的配色装置，包括：提供模块，用于提供多个背景色模板，所述背景色模板关联有预设配色组合；获取模块，用于获取待配色图片的主色调；确定模块，用于依据所述主色调确定与所述主色调匹配的预设配色组合；配色模块，用于使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色。

根据本申请实施例的另一方面，还提供了一种计算机终端，用于提供与用户交互的交互界面，其特征在于，所述交互界面包括：第一控件，用于展示多个背景色模板，所述背景色模板关联有预设配色组合；第二控件，用于展示待配色图片的主色调；第三控件，用于展示依据所述主色调确定的与所述主色调匹配的预设配色组合；第四控件，用于展示使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色后的图形。

在本申请实施例中，采用依据待配色图片的主色调灵活调用与其对应的配色组合方案(即背景色模板)，由于可以实现基于图片的主色调调用相应的背景色模板，因此，从而实现了图片的配色方案与背景色模板的合理搭配，提升整体展示效果的技术效果，进而解决了由于背景色模板固定，不能与待配色图片的颜色进行合理搭配而导致的影响整体展示效果的技术问题。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本申请实施例的一种图片配色方案的整体流程示意图；

图2是根据本申请实施例的一种用于实现图片的配色方法的计算机终端的结构示意图；

图3为根据本申请实施例的一种图片的配色方法的流程图；

图4为根据本申请实施例的一种图片的配色装置的结构框图；

图5为根据本申请实施例的一种计算机终端的结构框图。

具体实施方式

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

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

首先，在对本申请实施例进行描述的过程中出现的部分名词或术语适用于如下解释：

主色调：在多个色调中，以一种色调为主的色调，其中，色调是物体反射的光线中以哪种波长占优势来决定的。

同类色(color of same kind：指色相性质相同，但色度有深浅之分。(是色相环中15°夹角内的颜色)如深红与浅红

邻近色：在色带上相邻近的颜色，例如绿色和蓝色，红色和黄色就互为邻近色。

邻近色之间往往是相互交叉的(即我中有你，你中有我)。比如：朱红与桔黄，朱红以红为主，里面略有少量黄色；桔黄以黄为主，里面有少许红色，虽然它们在色相上有很大差别，但在视觉上却比较接近。在色轮中，凡在60度范围之内的颜色都属邻近色的范围。

互补色：三原色中，任何一种颜色即是其他两种原色等量混合的补色。在色相环中，处于直径位置的两色互为补色。原色有三种，即红、黄、蓝，它们是不能再分解的色彩单位。三原色中每两组相配而产生的色彩称之为间色，如红加黄为橙色，黄加蓝为绿色，蓝加红为紫色，橙、绿、紫称为间色。红与绿、橙与蓝、黄与紫就是互为补色的关系。由于补色有强烈的分离性，故在色彩绘画的表现中，在适当的位置恰当地运用补色，不仅能加强色彩的对比，拉开距离感，而且能表现出特殊的视觉对比与平衡效果。

对比色：在色相环中每一个颜色对面(180度对角)的颜色,称为"对比色(互补色)".把对比色放在一起,会给人强烈的排斥感.若混合在一起,会调出浑浊的颜色.如:红与绿,蓝与橙,黄与紫互为对比色。

也可以这样定义对比色：两种可以明显区分的色彩，叫对比色。包括色相对比、明度对比、饱和度对比、冷暖对比、补色对比、色彩和消色的对比等。是构成明显色彩效果的重要手段，也是赋予色彩以表现力的重要方法。其表现形式优同时对比和相继对比之分。比如黄和蓝、紫和绿、红和青，任何色彩和黑、白、灰，深色和浅色，冷色和暖色，亮色和暗色都是对比色关系。

类似色：在色轮上90度角内相邻接的色统称为类似色。

实施例1

相关技术中，在商户将商品图片上传至网站后，需要选择设计师已设计好的模板来设计广告图片，但是，由于大多商户本身鉴赏水平有限，往往很难找到与商品图片比较搭配的配色组合(背景色模板)，这样，会导致最终设计出的广告图片效果不是很好。为解决上述问题，本实施例提供了一种智能配色方案，以解决用户上传的商品图片与整个背景色模板的设计颜色的搭配问题。以下详细说明。

基于上述原则，本实施例的一个应用场景如图1所示：

步骤S102，商户通过终端将图片上传至电子商务平台(例如京东商城等电子商务网站)的服务器；在上传至电子商务平台的服务器后，开始进行主色调的提取，具体参见下面的描述。

本实施例提供的图片配色方案大致分成两部分：图片主色调的提取和图片与背景色模板的搭配。具体流程如图1所示，包括以下处理步骤：

图片主色调的提取

步骤S104，压缩图片：

使用现有工具将图片缩放至一个固定的小尺寸，例如150x150，在保留占比较大的颜色同时，提高后续循环像素读取颜色的速度。

步骤S106，读取颜色值，例如RGB颜色值，需要说明的是，此处的颜色值包括RGB颜色值中各个通道的颜色值(即通道颜色值)。

图片缩放后，记录每一个像素的颜色值，存储到一个数组。以上述150x150为例，本步骤将存储150x150＝22500个颜色值到一个数组中，记为C1。

步骤S108，合并近似色，包括：步骤S108-1初步合并近似色和步骤S108-2进一步合并近似色两部分:

步骤S108-1，初步合并近似色：

由于人眼对颜色的识别能力有限，可以将上一步记录的颜色近似合并。对C1中的每一个颜色，执行以下过程，其中，下述R、G、B每个通道颜色值均为0-255之间的整数：

步骤a,选择一个阈值Δ，例如17；

步骤b,计算出阈值的一半，即Δ/2，本例为17/2＝8.5；

步骤c,对R、G、B每个通道的颜色值，以v表示，应用公式

这里

表示向下取整。若得到结果值大于255，取255。例如颜色#e4eeb1的R、G、B值分别为228、238、177。本例Δ＝17，计算得到新的R、G、B值分别为221、238、170，即#ddeeaa；

步骤d,统计每个颜色出现的次数，记录到一个以颜色值为键，出现次数为值的字典中，记为D1。例如{"ffffff":2962,"eeeeee":7782,"dddddd":5111,…}。

步骤S108-2，进一步合并近似色：

使用上一节得到D1，根据颜色出现的次数由多到少，把对应颜色值存储到一个数组，记为C2。以上一节结果为例，C2类似["eeeeee","dddddd","ffffff",…]。

可以确定，C2中的颜色若以0-255的R、G、B通道值来表示，除了255以外，每一个通道的颜色值均能被上一节所选阈值Δ整除。在进一步合并颜色之前，先创建一个空字典，记为D2，用来存储后续变更的结果。

从索引0开始，依次对C2中的每一个颜色，执行以下过程：

步骤1，记当前颜色值为k；

步骤2，若D2已经包含以k为键的键值对，则记D2中该键所对应的值为v(需要说明的是，此处v表示的也是一种颜色值，即当前D2中存储的键值对为：颜色值：颜色值)；

步骤3，若步骤2条件不成立，则使用当前颜色值k，阈值Δ和字典D2计算出一个近似色v，具体方法稍后描述。其中，D2中的键值对可以为“20a020:301020”“30a020:30a020”等形式。更新字典D2，使D2[k]＝v；

步骤4，若步骤2或3得到的v和k值不同，则更新字典D1，使D1[v]＝D1[v]+D1[k]且D1[k]＝0。也就是说，把D1中颜色k出现的次数合并到颜色v的出现次数上。

下面叙述上述步骤3中计算近似色的流程：

1)颜色值k所对应的R、G、B三个通道值分别为r、g、b；

2)若r＞Δ，以R、G、B三个通道值分别为r-Δ、g、b计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

3)若g＞Δ，以R、G、B三个通道值分别为r、g-Δ、b计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

4)若b＞Δ，以R、G、B三个通道值分别为r、g、b-Δ计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

5)若r＜255-Δ，以R、G、B三个通道值分别为r+Δ、g、b计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

6)若g＜255-Δ，以R、G、B三个通道值分别为r、g+Δ、b计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

7)若b＜255-Δ，以R、G、B三个通道值分别为r、g、b+Δ计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

若步骤2)-7)没有任何一条被执行，则没有找到可以合并的近似色，直接返回原有颜色值k，流程结束。需要说明的是，步骤2)-7)

步骤S110，确定D1中颜色值所对应颜色的权重：

经过前面三节的颜色合并后，D1字典中将有很多键所对的值为0。把这些值为0的键值对从D1字典中删去。遍历D1字典的每一项。当前项的键为16进制颜色值，记为k；当前项的值为合并颜色后，该颜色出现的次数，记为v。对每一项应用下述变更。

1，颜色值k所对应的R、G、B三个通道值分别为r、g、b；

2，计算颜色权重

其中，a为常数，例如50，v表示颜色出现的次数；

3，更新字典D1，使D1[k]＝w。

原D1字典每个键的值表示该键所指颜色出现的次数。本节完成后，D1字典每个键的值表示该颜色在结果集中的权重(如果去除值为0的D1中的每个颜色值的权重均提升，那是否会保证每个颜色对应的权重均提升，因为D1中的所有元素权重也会提升)。

步骤S112，弱化皮肤色的权重：

对于模特图片，使用下述方法，以弱化皮肤色的权重。遍历D1字典的每一项，当前项的键为16进制颜色值，记为k；当前项的值为该颜色的权重，记为p。

对每一项执行以下处理过程：

颜色值k所对应的R、G、B三个通道值分别为r、g、b；

若r＞b且r-b＜70且

更新字典D1，使

步骤S114，确定主色调：

使用字典D1，根据颜色权重由大到小，把对应颜色值存储到一个数组，记为C3。从索引0开始，检查C3中的每一个颜色。以HSV方式描述当前颜色，记当前颜色的色相为h，饱和度为s，明度为v。这里饱和度和明度均以0-1之间的浮点数表示。若当前颜色满足s＞0.1且v＞0.4，则取当前颜色作为图片的主色。否则，检查下一个索引的颜色。若所有颜色遍历完成，均为找到满足要求的颜色，取索引为0的颜色作为图片主色调。

步骤S116，依据主色调调用相应的背景色模板：

把色环划分成27个颜色，并且对这27个颜色用同类色，邻近色，互补色，对比色，类似色的取色原则去搭配找出来的主色调，即确定与主色调匹配的配色方案，以形成模板的智能配色方案。

步骤S118，向终端返回使用背景色模板配色后的图片。

实施例2

根据本申请实施例，还提供了一种图片的配色方法的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本申请实施例一所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。图2示出了一种用于实现图片的配色方法的计算机终端(或移动设备)的硬件结构框图。如图2所示，计算机终端20(或移动设备20)可以包括一个或多个(图中采用202a、202b，……，202n来示出)处理器202(处理器202可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)、用于存储数据的存储器204、以及用于通信功能的传输模块206。除此以外，还可以包括：显示器、输入/输出接口(I/O接口)、通用串行总线(USB)端口(可以作为I/O接口的端口中的一个端口被包括)、网络接口、电源和/或相机。本领域普通技术人员可以理解，图2所示的结构仅为示意，其并不对上述电子装置的结构造成限定。例如，计算机终端20还可包括比图2中所示更多或者更少的组件，或者具有与图2所示不同的配置。

应当注意到的是上述一个或多个处理器202和/或其他数据处理电路在本文中通常可以被称为“数据处理电路”。该数据处理电路可以全部或部分的体现为软件、硬件、固件或其他任意组合。此外，数据处理电路可为单个独立的处理模块，或全部或部分的结合到计算机终端20(或移动设备)中的其他元件中的任意一个内。如本申请实施例中所涉及到的，该数据处理电路作为一种处理器控制(例如与接口连接的可变电阻终端路径的选择)。

存储器204可用于存储应用软件的软件程序以及模块，如本申请实施例中的图片的配色方法对应的程序指令/数据存储装置，处理器202通过运行存储在存储器204内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的。存储器204可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器204可进一步包括相对于处理器202远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端20。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

传输装置206用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端20的通信供应商提供的无线网络。在一个实例中，传输装置206包括一个网络适配器(Network Interface Controller，NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置206可以为射频(Radio Frequency，RF)模块，其用于通过无线方式与互联网进行通讯。

显示器可以例如触摸屏式的液晶显示器(LCD)，该液晶显示器可使得用户能够与计算机终端20(或移动设备)的用户界面进行交互。

在上述运行环境下，本申请提供了如图3所示的图片的配色方法。图3为根据本申请实施例的一种图片的配色方法的流程图。如图3所示，该方法包括以下处理步骤：

步骤S302，提供多个背景色模板，该背景色模板关联有预设配色组合；

步骤S304，获取待配色图片的主色调；

可选地，该步骤可以通过以下过程实现，但不限于此：获取上述待配色图片中每个像素的颜色所对应的红绿蓝RGB颜色值，以及上述待配色图片具有的初始颜色数量，其中，上述RGB颜色值包括R、G、B三个通道的通道颜色值；对于上述待配色图片中各个像素的RGB颜色值，按照第一预设规则对上述RGB颜色值进行过滤，得到第一集合，其中，上述第一集合中上述RGB颜色值所对应颜色的颜色数量小于上述初始颜色数量；依据第二预设规则确定上述第一集合中上述RGB颜色值的权重；依据上述第一集合中上述RGB颜色值的权重确定上述待配色图片的主色调。

其中，对于“按照第一预设规则对上述RGB颜色值进行过滤”，在一个可选实施例中，可以表现为以下实现过程，但不限于此：

对上述待配色图片中每个像素的RGB颜色值中每个通道的通道颜色值，按照第一运算规则进行数学运算，得到第二运算结果；筛选出上述第二运算结果中每个RGB颜色值中各个通道的通道颜色值均满足第一预设条件的RGB颜色值，并将筛选出的RGB颜色值作为第二集合中的元素；

遍历上述第二集合中的RGB颜色值，对上述第二集合中的每个RGB颜色值按照第二运算规则进行数学运算，得到第二运算结果；判断上述第二运算结果中的RGB颜色值是否在第三集合中，依据判断结果对上述第二集合中的RGB颜色值进行合并。

其中，在一个可选实施例中，上述第一预设条件包括：RGB颜色值的每个通道的通道颜色值均为预定值的倍数且均小于255。

其中，在一个可选实施例中，依据判断结果对上述第二集合中的RGB颜色值进行合并可以表现为以下形式，但不限于此：如果上述判断结果指示上述第二运算结果中的RGB颜色值在上述第三集合中，则将上述第二运算结果中的RGB颜色值作为近似颜色值，并存储至上述第二集合中；如果上述判断结果指示上述第二运算结果中的RGB颜色值不在上述第三集合中，则按照第二运算规则进行数学运算之前的上述第二集合中的RGB颜色值保持不变。

其中，在一个可选实施例中，对于“将上述第二运算结果中的RGB颜色值作为近似颜色值，并存储至上述第二集合中”，可以通过以下方式实现，但不限于此：对于每个RGB颜色值，依次判断所述每个RGB颜色值中任意一个通道颜色值按照第三预设规则发生改变后得到的RGB颜色值是否与所述第二集合中RGB颜色值相同或RGB颜色值差异小于预设阈值，如果是，则将其中的一个RGB颜色值排除，仅保留其中一个RGB颜色值；并将所述两个RGB颜色值中排除的RGB颜色值对应的出现次数合并至保留的RGB颜色值的出现次数上。这样，由于排除了近似色，因此，可以实现待处理颜色数量的减少，提高了主色调提取的效率。

需要说明的是，上述第三预设规则可以为基于一个阈值对RGB颜色值中任意一个通道的通道颜色值加上或减去一个阈值。例如，可以表现以下实现过程：

1)颜色值k所对应的R、G、B三个通道值分别为r、g、b，Δ为自定义的一个值；

2)若r＞Δ，以R、G、B三个通道值分别为r-Δ、g、b计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

3)若g＞Δ，以R、G、B三个通道值分别为r、g-Δ、b计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

4)若b＞Δ，以R、G、B三个通道值分别为r、g、b-Δ计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

5)若r＜255-Δ，以R、G、B三个通道值分别为r+Δ、g、b计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

6)若g＜255-Δ，以R、G、B三个通道值分别为r、g+Δ、b，计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束；

7)若b＜255-Δ，以R、G、B三个通道值分别为r、g、b+Δ，计算得到新的16进制颜色值k′。若D2包含以k′为键的键值对，则返回近似色为D2[k′]，流程结束。

作为本申请的一个可选实施例，上述第二预设规则包括：上述RGB颜色值的权重大小与上述RGB颜色值的以下至少之一呈正比：饱和度S、明度V和上述RGB颜色值在上述第二集合中的出现次数。

可选地，为了使商品展示效果更佳，从上述第一集合中选择上述RGB颜色值的权重最大的RGB颜色值之前，还可以降低上述第一集合中指定类型颜色所对应的RGB颜色值的权重。例如，可以降低与人体的皮肤色的颜色值相同的颜色。

可选地，依据上述第一集合中上述RGB颜色值的权重确定上述待配色图片的主色调，可以通过以下过程实现，但不限于此：从上述第一集合中选择上述RGB颜色值的权重最大的RGB颜色值(该RGB颜色值可以为16进制的颜色值)，将上述权重最大的RGB颜色值所对应的颜色作为上述待配色图片的主色调；或者，按照上述第一集合中上述RGB颜色值的权重从大至小的顺序对上述第一集合中的RGB颜色值进行排序，选择预设数量个排名靠前的RGB颜色值所对应的颜色作为上述待配色图片的主色调。

其中，可以通过以下方式选择预设数量个排名靠前的RGB颜色值所对应的颜色作为上述待配色图片的主色调：将上述第一集合中的RGB颜色值转换为HSV值，得到第四集合；遍历上述第四集合中的HSV值，将HSV值中的饱和度和明度满足第二预设条件的颜色作为上述待配色图片的主色调。

可选地，遍历上述第四集合中的HSV值之后，上述第四集合中的HSV值均不满足上述预设条件时，将权重最大的RGB颜色值作为上述待配色图片的主色调。

步骤S306，依据上述主色调确定与上述主色调匹配的预设配色组合；

步骤S308，使用与上述匹配的预设配色组合对应的背景色模板对上述待配色图片进行配色。

在本申请的一个可选实施例中，获取上述待配色图片中每个像素的颜色值之前，还可以对上述待配色图片的尺寸进行压缩，以提高后续循环读取颜色的速度。

需要说明的是，本实施例中的优选实施例方式可以参见实施例1中的相关描述，此处不再赘述。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本申请各个实施例所述的方法。

实施例3

根据本申请实施例，还提供了一种用于实施上述图片的配色方法的装置，如图4所示，该装置包括：

提供模块40，用于提供多个背景色模板，上述背景色模板关联有预设配色组合；

获取模块42，用于获取待配色图片的主色调；

确定模块44，用于依据上述主色调确定与上述主色调匹配的预设配色组合；

配色模块46，用于使用与上述匹配的预设配色组合对应的背景色模板对上述待配色图片进行配色。

需要说明的是，本申请实施例中所涉及的各个模块是可以通过软件或硬件形式来实现的，对于后者，可以通过以下方式实现，但不限于此：上述各个模块位于同一处理器中，或者，上述各个模块位于不同的处理器中。

需要说明的是，本实施例中的优选实施例方式可以参见实施例1-2中的相关描述，此处不再赘述。

实施例4

本申请的实施例可以提供一种计算机终端，该计算机终端可以是计算机终端群中的任意一个计算机终端设备。可选地，在本实施例中，上述计算机终端也可以替换为移动终端等终端设备。

可选地，在本实施例中，上述计算机终端可以位于计算机网络的多个网络设备中的至少一个网络设备。

在本实施例中，上述计算机终端可以执行中以下步骤的程序代码：获取待配色图片的主色调；依据所述主色调调用与所述主色调对应的背景色模板，并使用所述背景色模板对所述待配色图片进行配色。

可选地，本实施例计算机终端的结构可以参见图2所示计算机终端的结构，但不限于此，例如本实施例中的计算机终端可以具有比图2所示计算机终端多或少的结构特征。

其中，存储器可用于存储软件程序以及模块，如本申请实施例中的方法和装置对应的程序指令/模块，处理器通过运行存储在存储器内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的***漏洞攻击的检测方法。存储器可包括高速随机存储器，还可以包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器可进一步包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至终端A。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

处理器可以通过传输装置调用存储器存储的信息及应用程序，以执行下述步骤：获取待配色图片的主色调；

依据所述主色调调用与所述主色调对应的背景色模板，并使用所述背景色模板对所述待配色图片进行配色。

可选的，上述处理器还可以执行如下步骤的程序代码：获取所述待配色图片中每个像素的颜色值；对于所述待配色图片中各个像素的颜色，按照第一预设规则对所述颜色所对应的红绿蓝RGB颜色值进行过滤，得到第一集合，其中，所述第一集合中所述RGB颜色值所对应颜色的颜色数量小于所述待配色图片初始具有的颜色数量；依据第二预设规则确定所述第一集合中所述RGB颜色值的权重；依据所述第一集合中所述RGB颜色值的权重确定所述待配色图片的主色调。

可选的，上述处理器还可以执行如下步骤的程序代码：对所述待配色图片中的各个像素，对每个像素的RGB中每个通道的颜色值按照第一运算规则进行数学运算，得到运算结果；将所述运算结果中RGB的每个通道的颜色值均为预定值的倍数且均小于255的运算结果所对应的颜色作为第二集合中的颜色；遍历所述第二集合中的颜色，对所述第二集合中的每个颜色的RGB颜色值按照第二运算规则进行数学运算，得到第二运算结果，判断所述第二运算结果中的RGB颜色值是否在第三集合中，如果在所述第三集合中，则将所述第二运算结果中的RGB颜色值作为当前颜色的近似颜色值；如果不在所述第三集合中，则判断所述RGB颜色值中下一通道的颜色值是否作为按照预设规则对所述第二集合中的将所述第二集合中RGB颜色值相同或RGB颜色值差异小于预设阈值的两个颜色中的一个颜色排除，仅保留其中一个颜色；并将所述两个颜色中排除的颜色对应的出现次数合并至保留的颜色的出现次数上。

可选的，上述处理器还可以执行如下步骤的程序代码：依据所述第一集合中所述颜色值所出现的次数以及用于体现所述颜色值对应的饱和度S和明度V的参数值确定所述第一集合中所述颜色值的权重，其中，所述第一集合中所述颜色值的权重与所述次数和所述饱和度S和明度V成正比。

采用本申请实施例，解决了由于背景色模板固定，不能与待配色图片的颜色进行合理搭配而导致的影响整体展示效果的技术问题。

本领域普通技术人员可以理解，计算机终端也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌声电脑以及移动互联网设备(Mobile Internet Devices，MID)、PAD等终端设备，但并不对上述电子装置的结构造成限定。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：闪存盘、只读存储器(Read-Only Memory，ROM)、随机存取器(RandomAccess Memory，RAM)、磁盘或光盘等。

实施例5

本实施例提供一种计算机终端，用于提供与用户交互的交互界面50，如图5所示，该交互界面包括：

第一控件500，用于展示多个背景色模板，上述背景色模板关联有预设配色组合；

第二控件502，用于展示待配色图片的主色调；

第三控件504，用于展示依据上述主色调确定的与上述主色调匹配的预设配色组合；

第四控件506，用于展示使用与上述匹配的预设配色组合对应的背景色模板对上述待配色图片进行配色后的图形。

需要说明的是，本实施例中的优选实施例方式可以参见实施例1-2中的相关描述，此处不再赘述。

实施例6

本申请的实施例还提供了一种存储介质。可选地，在本实施例中，上述存储介质可以用于保存上述实施例2所提供的图片的配色方法所执行的程序代码。

可选地，在本实施例中，上述存储介质可以位于计算机网络中计算机终端群中的任意一个计算机终端中，或者位于移动终端群中的任意一个移动终端中。

可选地，在本实施例中，存储介质被设置为存储用于执行以下步骤的程序代码：获取待配色图片的主色调；依据所述主色调调用与所述主色调对应的背景色模板，并使用所述背景色模板对所述待配色图片进行配色。

上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

在本申请的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅是本申请的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本申请的保护范围。

Claims (13)

1.一种图片的配色方法，其特征在于，包括：

提供多个背景色模板，所述背景色模板关联有预设配色组合；

获取待配色图片的主色调；

依据所述主色调确定与所述主色调匹配的预设配色组合；

使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色；

其中，获取待配色图片的主色调包括：获取所述待配色图片中每个像素的颜色所对应的红绿蓝RGB颜色值，以及所述待配色图片具有的初始颜色数量，其中，所述RGB颜色值包括R、G、B三个通道的通道颜色值；对所述待配色图片中每个像素的RGB颜色值中每个通道的通道颜色值，按照第一运算规则进行数学运算，得到第一运算结果；筛选出所述第一运算结果中每个RGB颜色值中各个通道的通道颜色值均满足第一预设条件的RGB颜色值，并将筛选出的RGB颜色值作为第二集合中的元素；遍历所述第二集合中的RGB颜色值，对所述第二集合中的每个RGB颜色值按照第二运算规则进行数学运算，得到第二运算结果；判断所述第二运算结果中的RGB颜色值是否在第三集合中，依据判断结果对所述第二集合中的RGB颜色值进行近似色合并，得到第一集合，其中，所述第一集合中所述RGB颜色值所对应颜色的颜色数量小于所述初始颜色数量，所述第三集合中包括所述第二集合中已按照所述第二运算规则进行数学运算的RGB颜色值；依据第二预设规则确定所述第一集合中所述RGB颜色值的权重；依据所述第一集合中所述RGB颜色值的权重确定所述待配色图片的主色调。

2.根据权利要求1所述的方法，其特征在于，所述第一预设条件包括：RGB颜色值的每个通道的通道颜色值均为预定值的倍数且均小于255。

3.根据权利要求1所述的方法，其特征在于，依据判断结果对所述第二集合中的RGB颜色值进行近似色合并，包括：

如果所述判断结果指示所述第二运算结果中的RGB颜色值在所述第三集合中，则将所述第二运算结果中的RGB颜色值作为近似颜色值，并存储至所述第二集合中；如果所述判断结果指示所述第二运算结果中的RGB颜色值不在所述第三集合中，则按照第二运算规则进行数学运算之前的所述第二集合中的RGB颜色值保持不变。

4.根据权利要求3所述的方法，其特征在于，将所述第二运算结果中的RGB颜色值作为近似颜色值，并存储至所述第二集合中，包括：

对于每个RGB颜色值，依次判断所述每个RGB颜色值中任意一个通道颜色值按照第三预设规则发生改变后得到的RGB颜色值是否与所述第二集合中RGB颜色值相同或RGB颜色值差异小于预设阈值，如果是，则将所述第二集合中RGB颜色值排除，仅保留所述按照第三预设规则发生改变后得到的RGB颜色值；并将两个RGB颜色值中排除的RGB颜色值对应的出现次数合并至保留的RGB颜色值的出现次数上。

5.根据权利要求4所述的方法，其特征在于，所述第二预设规则包括：所述RGB颜色值的权重大小与所述RGB颜色值的以下至少之一呈正比：饱和度S、明度V和所述RGB颜色值在所述第二集合中的出现次数。

6.根据权利要求1所述的方法，其特征在于，依据所述第一集合中所述RGB颜色值的权重确定所述待配色图片的主色调，包括：

从所述第一集合中选择所述RGB颜色值的权重最大的RGB颜色值，将所述权重最大的RGB颜色值所对应的颜色作为所述待配色图片的主色调；或者，

按照所述第一集合中所述RGB颜色值的权重从大至小的顺序对所述第一集合中的RGB颜色值进行排序，选择预设数量个排名靠前的RGB颜色值所对应的颜色作为所述待配色图片的主色调。

7.根据权利要求6所述的方法，其特征在于，选择预设数量个排名靠前的RGB颜色值所对应的颜色作为所述待配色图片的主色调，包括：

将所述第一集合中的RGB颜色值转换为HSV值，得到第四集合；

遍历所述第四集合中的HSV值，将HSV值中的饱和度和明度满足第二预设条件的颜色作为所述待配色图片的主色调。

8.根据权利要求7所述的方法，其特征在于，遍历所述第四集合中的HSV值之后，所述方法还包括：

所述第四集合中的HSV值均不满足所述第二预设条件时，将权重最大的RGB颜色值作为所述待配色图片的主色调。

9.根据权利要求6所述的方法，其特征在于，从所述第一集合中选择所述RGB颜色值的权重最大的颜色值之前，所述方法还包括：

降低所述第一集合中指定类型颜色所对应的RGB颜色值的权重。

10.根据权利要求9所述的方法，其特征在于，所述指定类型颜色包括：与人体的皮肤色的RGB颜色值相同的颜色。

11.根据权利要求1至10中任一项所述的方法，其特征在于，获取所述待配色图片中每个像素的颜色所对应的RGB颜色值之前，所述方法还包括：对所述待配色图片的尺寸进行压缩。

12.一种图片的配色装置，其特征在于，包括：

提供模块，用于提供多个背景色模板，所述背景色模板关联有预设配色组合；

获取模块，用于获取待配色图片的主色调，其中，获取待配色图片的主色调包括：获取所述待配色图片中每个像素的颜色所对应的红绿蓝RGB颜色值，以及所述待配色图片具有的初始颜色数量，其中，所述RGB颜色值包括R、G、B三个通道的通道颜色值；对所述待配色图片中每个像素的RGB颜色值中每个通道的通道颜色值，按照第一运算规则进行数学运算，得到第一运算结果；筛选出所述第一运算结果中每个RGB颜色值中各个通道的通道颜色值均满足第一预设条件的RGB颜色值，并将筛选出的RGB颜色值作为第二集合中的元素；遍历所述第二集合中的RGB颜色值，对所述第二集合中的每个RGB颜色值按照第二运算规则进行数学运算，得到第二运算结果；判断所述第二运算结果中的RGB颜色值是否在第三集合中，依据判断结果对所述第二集合中的RGB颜色值进行近似色合并，得到第一集合，其中，所述第一集合中所述RGB颜色值所对应颜色的颜色数量小于所述初始颜色数量，所述第三集合中包括所述第二集合中已按照所述第二运算规则进行数学运算的RGB颜色值；依据第二预设规则确定所述第一集合中所述RGB颜色值的权重；依据所述第一集合中所述RGB颜色值的权重确定所述待配色图片的主色调；

确定模块，用于依据所述主色调确定与所述主色调匹配的预设配色组合；

配色模块，用于使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色。

13.一种计算机终端，用于提供与用户交互的交互界面，其特征在于，所述交互界面包括：

第一控件，用于展示多个背景色模板，所述背景色模板关联有预设配色组合；

第二控件，用于展示待配色图片的主色调，其中，所述待配色图片的主色调获取过程包括：获取所述待配色图片中每个像素的颜色所对应的红绿蓝RGB颜色值，以及所述待配色图片具有的初始颜色数量，其中，所述RGB颜色值包括R、G、B三个通道的通道颜色值；对所述待配色图片中每个像素的RGB颜色值中每个通道的通道颜色值，按照第一运算规则进行数学运算，得到第一运算结果；筛选出所述第一运算结果中每个RGB颜色值中各个通道的通道颜色值均满足第一预设条件的RGB颜色值，并将筛选出的RGB颜色值作为第二集合中的元素；遍历所述第二集合中的RGB颜色值，对所述第二集合中的每个RGB颜色值按照第二运算规则进行数学运算，得到第二运算结果；判断所述第二运算结果中的RGB颜色值是否在第三集合中，依据判断结果对所述第二集合中的RGB颜色值进行近似色合并，得到第一集合，其中，所述第一集合中所述RGB颜色值所对应颜色的颜色数量小于所述初始颜色数量，所述第三集合中包括所述第二集合中已按照所述第二运算规则进行数学运算的RGB颜色值；依据第二预设规则确定所述第一集合中所述RGB颜色值的权重；依据所述第一集合中所述RGB颜色值的权重确定所述待配色图片的主色调；

第三控件，用于展示依据所述主色调确定的与所述主色调匹配的预设配色组合；

第四控件，用于展示使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色后的图形。

Images