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

技术编号:18527257 阅读:21 留言:0更新日期:2018-07-25 13:21
本申请公开了一种图片的配色方法及装置、计算机终端。其中,该方法包括:提供多个背景色模板,所述背景色模板关联有预设配色组合;获取待配色图片的主色调;依据所述主色调确定与所述主色调匹配的预设配色组合;使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色。

【技术实现步骤摘要】
图片的配色方法及装置、计算机终端
本申请涉及配色领域,具体而言,涉及一种图片的配色方法及装置、计算机终端。
技术介绍
相关技术中,在对图片进行处理时,往往涉及到图片与背景色模板(例如创意banner模板)的搭配问题,例如,在设计一款商品的广告图片时,在将商品图片上传至网站后,可以调用网站提供的预先设计的创意banner模板进行搭配,这样,可以为没有图像设计经验的商户提供便利,但是,这种方案存在以下缺点:由于网站提供的背景色模板往往是固定的,用户上传的商品图片的颜色和网站提供的背景色模板的配色之间没有关联,这样造成背景色模板的投放效果差,影响用户体验。针对上述的问题,目前尚未提出有效的解决方案。
技术实现思路
本申请实施例提供了一种图片的配色方法及装置、计算机终端,以至少解决由于背景色模板固定,不能与待配色图片的颜色进行合理搭配而导致的影响整体展示效果的技术问题。根据本申请实施例的一个方面,提供了一种图片的配色方法,包括:提供多个背景色模板,所述背景色模板关联有预设配色组合;获取待配色图片的主色调;依据所述主色调确定与所述主色调匹配的预设配色组合;使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色。根据本申请实施例的另一方面,还提供了一种图片的配色装置,包括:提供模块,用于提供多个背景色模板,所述背景色模板关联有预设配色组合;获取模块,用于获取待配色图片的主色调;确定模块,用于依据所述主色调确定与所述主色调匹配的预设配色组合;配色模块,用于使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色。根据本申请实施例的另一方面,还提供了一种计算机终端,用于提供与用户交互的交互界面,其特征在于,所述交互界面包括:第一控件,用于展示多个背景色模板,所述背景色模板关联有预设配色组合;第二控件,用于展示待配色图片的主色调;第三控件,用于展示依据所述主色调确定的与所述主色调匹配的预设配色组合;第四控件,用于展示使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色后的图形。在本申请实施例中,采用依据待配色图片的主色调灵活调用与其对应的配色组合方案(即背景色模板),由于可以实现基于图片的主色调调用相应的背景色模板,因此,从而实现了图片的配色方案与背景色模板的合理搭配,提升整体展示效果的技术效果,进而解决了由于背景色模板固定,不能与待配色图片的颜色进行合理搭配而导致的影响整体展示效果的技术问题。附图说明此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:图1是根据本申请实施例的一种图片配色方案的整体流程示意图;图2是根据本申请实施例的一种用于实现图片的配色方法的计算机终端的结构示意图;图3为根据本申请实施例的一种图片的配色方法的流程图;图4为根据本申请实施例的一种图片的配色装置的结构框图;图5为根据本申请实施例的一种计算机终端的结构框图。具体实施方式为了使本
的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。首先,在对本申请实施例进行描述的过程中出现的部分名词或术语适用于如下解释:主色调:在多个色调中,以一种色调为主的色调,其中,色调是物体反射的光线中以哪种波长占优势来决定的。同类色(colorofsamekind:指色相性质相同,但色度有深浅之分。(是色相环中15°夹角内的颜色)如深红与浅红邻近色:在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻近色。邻近色之间往往是相互交叉的(即我中有你,你中有我)。比如:朱红与桔黄,朱红以红为主,里面略有少量黄色;桔黄以黄为主,里面有少许红色,虽然它们在色相上有很大差别,但在视觉上却比较接近。在色轮中,凡在60度范围之内的颜色都属邻近色的范围。互补色:三原色中,任何一种颜色即是其他两种原色等量混合的补色。在色相环中,处于直径位置的两色互为补色。原色有三种,即红、黄、蓝,它们是不能再分解的色彩单位。三原色中每两组相配而产生的色彩称之为间色,如红加黄为橙色,黄加蓝为绿色,蓝加红为紫色,橙、绿、紫称为间色。红与绿、橙与蓝、黄与紫就是互为补色的关系。由于补色有强烈的分离性,故在色彩绘画的表现中,在适当的位置恰当地运用补色,不仅能加强色彩的对比,拉开距离感,而且能表现出特殊的视觉对比与平衡效果。对比色:在色相环中每一个颜色对面(180度对角)的颜色,称为"对比色(互补色)".把对比色放在一起,会给人强烈的排斥感.若混合在一起,会调出浑浊的颜色.如:红与绿,蓝与橙,黄与紫互为对比色。也可以这样定义对比色:两种可以明显区分的色彩,叫对比色。包括色相对比、明度对比、饱和度对比、冷暖对比、补色对比、色彩和消色的对比等。是构成明显色彩效果的重要手段,也是赋予色彩以表现力的重要方法。其表现形式优同时对比和相继对比之分。比如黄和蓝、紫和绿、红和青,任何色彩和黑、白、灰,深色和浅色,冷色和暖色,亮色和暗色都是对比色关系。类似色:在色轮上90度角内相邻接的色统称为类似色。实施例1相关技术中,在商户将商品图片上传至网站后,需要选择设计师已设计好的模板来设计广告图片,但是,由于大多商户本身鉴赏水平有限,往往很难找到与商品图片比较搭配的配色组合(背景色模板),这样,会导致最终设计出的广告图片效果不是很好。为解决上述问题,本实施例提供了一种智能配色方案,以解决用户上传的商品图片与整个背景色模板的设计颜色的搭配问题。以下详细说明。基于上述原则,本实施例的一个应用场景如图1所示:步骤S102,商户通过终端将图片上传至电子商务平台(例如京东商城等电子商务网站)的服务器;在上传至电子商务平台的服务器后,开始进行主色调的提取,具体参见下面的描述。本实施例提供的图片配色方案大致分成两部分:图片主色调的提取和图片与背景色模板的搭配。具体流程如图1所示,包括以下处理步骤:图片主色调的提取步骤S104,压缩图片:使用现有工具将图片缩放至一个固定的小尺寸,例如150x150,在保留占比较大的颜色同时,提高后续循环像素读取颜色的速度。步骤S106,读取颜色值,例如RGB颜色值,需要说明的是,此处的颜色值包括RGB颜色值中各个通道的颜色值(即通道颜色值)。图片缩放后,记录每一个像素的颜色值,存储到一个数组。以上述150x150为例,本步骤将存储1本文档来自技高网
...

【技术保护点】
1.一种图片的配色方法,其特征在于,包括:提供多个背景色模板,所述背景色模板关联有预设配色组合;获取待配色图片的主色调;依据所述主色调确定与所述主色调匹配的预设配色组合;使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色。

【技术特征摘要】
1.一种图片的配色方法,其特征在于,包括:提供多个背景色模板,所述背景色模板关联有预设配色组合;获取待配色图片的主色调;依据所述主色调确定与所述主色调匹配的预设配色组合;使用与所述匹配的预设配色组合对应的背景色模板对所述待配色图片进行配色。2.根据权利要求1所述的方法,其特征在于,获取待配色图片的主色调包括:获取所述待配色图片中每个像素的颜色所对应的红绿蓝RGB颜色值,以及所述待配色图片具有的初始颜色数量,其中,所述RGB颜色值包括R、G、B三个通道的通道颜色值;对于所述待配色图片中各个像素的RGB颜色值,按照第一预设规则对所述RGB颜色值进行过滤,得到第一集合,其中,所述第一集合中所述RGB颜色值所对应颜色的颜色数量小于所述初始颜色数量;依据第二预设规则确定所述第一集合中所述RGB颜色值的权重;依据所述第一集合中所述RGB颜色值的权重确定所述待配色图片的主色调。3.根据权利要求2所述的方法,其特征在于,对于所述待配色图片中各个像素的RGB颜色值,按照第一预设规则对所述RGB颜色值进行过滤,包括:对所述待配色图片中每个像素的RGB颜色值中每个通道的通道颜色值,按照第一运算规则进行数学运算,得到第二运算结果;筛选出所述第二运算结果中每个RGB颜色值中各个通道的通道颜色值均满足第一预设条件的RGB颜色值,并将筛选出的RGB颜色值作为第二集合中的元素;遍历所述第二集合中的RGB颜色值,对所述第二集合中的每个RGB颜色值按照第二运算规则进行数学运算,得到第二运算结果;判断所述第二运算结果中的RGB颜色值是否在第三集合中,依据判断结果对所述第二集合中的RGB颜色值进行合并。4.根据权利要求3所述的方法,其特征在于,所述第一预设条件包括:RGB颜色值的每个通道的通道颜色值均为预定值的倍数且均小于255。5.根据权利要求3所述的方法,其特征在于,依据判断结果对所述第二集合中的RGB颜色值进行合并,包括:如果所述判断结果指示所述第二运算结果中的RGB颜色值在所述第三集合中,则将所述第二运算结果中的RGB颜色值作为近似颜色值,并存储至所述第二集合中;如果所述判断结果指示所述第二运算结果中的RGB颜色值不在所述第三集合中,则按照第二运算规则进行数学运算之前的所述第二集合中的RGB颜色值保持不变。6.根据权利要求5所述的方法,其特征在于,将所述第二运算结果中的RGB颜色值作为近似颜色值,并存储至所述第二集合中,包括:对于每个RGB颜色值,依次判断所述每个RGB颜色值中任意一个通道颜色值按照第三预设规则发生改变后得到的RGB颜色值是否与所述第二集合中RGB颜色值相同或RGB颜色值差异小于预设阈值,如果是,则将其中的一个RGB颜色值排除,仅保留其中一个RGB颜色值;并将所述两...

【专利技术属性】
技术研发人员:陈峰肖俊宋芳君叶浩
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛,KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1