CN110377860B - 一种页面颜色调整方法、装置及电子设备 - Google Patents
一种页面颜色调整方法、装置及电子设备 Download PDFInfo
- Publication number
- CN110377860B CN110377860B CN201910652222.4A CN201910652222A CN110377860B CN 110377860 B CN110377860 B CN 110377860B CN 201910652222 A CN201910652222 A CN 201910652222A CN 110377860 B CN110377860 B CN 110377860B
- Authority
- CN
- China
- Prior art keywords
- color
- candidate
- target
- initial
- preset
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Abstract
本发明涉及计算机技术领域,提供一种页面颜色调整方法、装置及电子设备,以解决颜色调整过程中操作繁琐导致调整效率不高的问题。该方法包括:对第一页面中第一图像进行色彩量化处理,获取在第一颜色空间下的N个第一候选颜色,所述N为大于1的整数;将所述N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色;基于所述N个第二候选颜色确定目标颜色;根据所述目标颜色调整所述第一页面中第一区域的颜色。提高颜色调整效率。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种页面颜色调整方法、装置、电子设备及计算机可读存储介质。
背景技术
随着智能技术的不断发展,终端设备上页面元素也越来越丰富,用户对页面的个性化的需求也与日剧增。例如,页面颜色是用户对页面的基本需求。以贴吧的页面为例,用户往往需要符合贴吧的颜色,如果不同的贴吧的页面都是相同的颜色,则无法展示每个贴吧的个性,无法满足用户对颜色的要求。
目前,主要通过用户在页面中进行手动操作的方式,为页面选择一种符合要求的颜色进行显示,实现对页面颜色的调整。然而,上述调整过程需人工手动进行选择,操作繁琐,导致颜色调整效率不高。
发明内容
本发明实施例提供一种页面颜色调整方法、装置、电子设备及计算机可读存储介质,以解决现有技术中颜色调整过程中操作繁琐导致调整效率不高的问题。
第一方面,本发明实施例提供了一种页面颜色调整方法,所述方法包括:
对第一页面中第一图像进行色彩量化处理,获取在第一颜色空间下的N个第一候选颜色,所述N为大于1的整数;
将所述N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色;
基于所述N个第二候选颜色确定目标颜色;
根据所述目标颜色调整所述第一页面中第一区域的颜色。
可选的,对所述第一页面中所述第一图像进行色彩量化处理,还获得所述N个第一候选颜色分别对应的像素点数量;
所述基于所述N个第二候选颜色确定目标颜色,包括:
确定所述N个第二候选颜色所属的M个色系,所述M为大于1的整数;
根据每个所述色系中第二候选颜色对应的参数,确定所述目标颜色,其中,所述参数包括数量、饱和度、明度以及像素点数量中的至少一项。
可选的,所述根据每个所述色系中第二候选颜色对应的参数确定所述目标颜色,包括:
在所述M个色系包括至少一个目标色系的情况下,基于所述至少一个目标色系的第二候选颜色确定初始颜色,其中,所述目标色系为所述M个色系中第二候选颜色的数量大于预设数量的色系;
根据所述初始颜色确定所述目标颜色。
可选的,所述基于所述至少一个目标色系的第二候选颜色确定初始颜色,包括:
从所述至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系;
判断所述主色系中是否包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色;
若所述主色系中包括饱和度和明度满足所述第一预设颜色条件的至少一个第二候选颜色,则将满足所述第一预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色确定为所述初始颜色。
可选的,所述基于所述至少一个目标色系的第二候选颜色确定初始颜色,还包括:
若所述主色系中不包括饱和度和明度满足所述第一预设颜色条件的至少一个第二候选颜色,则判断所述主色系中是否包括饱和度和明度满足第二预设颜色条件的至少一个第二候选颜色;
若是,则将满足所述第二预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色进行饱和度和明度调整,确定所述初始颜色;
若否,则在所述至少一个目标色系中包括未被选择过的目标色系的情况下,返回所述从所述至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系的步骤,在所述至少一个目标色系中不包括未被选择过的目标色系的情况下,对所述至少一个目标色系中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得所述初始颜色。
可选的,所述第一预设颜色条件包括饱和度在第一预设饱和度范围内以及明度在第一预设明度范围内,所述第二预设颜色条件包括饱和度在第二预设饱和度范围内以及明度在第二预设明度范围内。
可选的,所述根据所述初始颜色确定所述目标颜色,包括:
若所述初始颜色为彩色,则在所述初始颜色的色调属于初始色系对应的预设色调排除范围的情况下,将所述初始颜色的色调调整为所述初始色系对应的预设色调,获得所述目标颜色,其中,所述初始色系为所述初始颜色所属色系;
若所述初始颜色不为彩色,则将所述初始颜色确定为所述目标颜色。
可选的,所述根据每个所述色系中第二候选颜色对应的参数确定所述目标颜色,还包括:
在所述M个色系不包括至少一个目标色系的情况下,对所述N个第二候选颜色中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得初始颜色;根据所述初始颜色确定所述目标颜色,其中,所述目标色系为所述M个色系中第二候选颜色的数量大于预设数量的色系。
可选的,所述根据所述目标颜色调整所述第一页面中第一区域的颜色,包括:
将所述第一区域的颜色调整为所述目标颜色,或者
对所述目标颜色的色调和明度进行下调,获得第一颜色;
对所述目标颜色的色调和明度进行上调,获得第二颜色;
将所述第一区域的颜色调整为从所述第一颜色到所述第二颜色的渐变色。
可选的,所述基于所述N个第二候选颜色确定目标颜色之后,还包括:
将所述第一页面中的第一文字的颜色调整为所述目标颜色。
第二方面,本发明实施例还提供一种页面颜色调整装置,包括:
色彩量化处理模块,用于对第一页面中第一图像进行色彩量化处理,获取在第一颜色空间下的N个第一候选颜色,所述N为大于1的整数;
转换模块,用于将所述N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色;
颜色确定模块,用于基于所述N个第二候选颜色确定目标颜色;
调整模块,用于根据所述目标颜色调整所述第一页面中第一区域的颜色。
可选的,所述色彩量化处理模块,用于对所述第一页面中所述第一图像进行色彩量化处理,还获得所述N个第一候选颜色分别对应的像素点数量;
所述颜色确定模块,包括:
色系确定模块,用于确定所述N个第二候选颜色所属的M个色系,所述M为大于1的整数;
目标颜色确定模块,用于根据每个所述色系中第二候选颜色对应的参数,确定所述目标颜色,其中,所述参数包括数量、饱和度、明度以及像素点数量中的至少一项。
可选的,所述目标颜色确定模块,包括:
初始确定模块,用于在所述M个色系包括至少一个目标色系的情况下,基于所述至少一个目标色系的第二候选颜色中确定初始颜色,其中,所述目标色系为所述M个色系中第二候选颜色的数量大于预设数量的色系;
目标颜色获得模块,用于根据所述初始颜色确定所述目标颜色。
可选的,所述初始确定模块,包括:
主色系选择模块,用于从所述至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系;
第一判断模块,用于判断所述主色系中是否包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色;
初始颜色确定模块,用于若所述第一判断模块的判断结果为是,则将满足所述第一预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色确定为所述初始颜色。
可选的,所述初始确定模块,还包括:
第二判断模块,用于若所述第一判断模块的判断结果为否,则判断所述主色系中是否包括饱和度和明度满足第二预设颜色条件的至少一个第二候选颜色;
初始颜色获取模块,用于若所述第二判断模块的判断结果为是,则将满足所述第二预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色进行饱和度和明度调整,确定所述初始颜色;
返回模块,用于若所述第二判断模块的判断结果为否,则在所述至少一个目标色系中包括未被选择过的目标色系的情况下,返回所述主色系选择模块执行从所述至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系;
所述初始颜色获取模块,还用于在所述至少一个目标色系中不包括未被选择过的目标色系的情况下,对所述至少一个目标色系中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得所述初始颜色。
可选的,所述第一预设颜色条件包括饱和度在第一预设饱和度范围内以及明度在第一预设明度范围内,所述第二预设颜色条件包括饱和度在第二预设饱和度范围内以及明度在第二预设明度范围内。
可选的,所述目标颜色获得模块,用于若所述初始颜色为彩色,则在所述初始颜色的色调属于初始色系对应的预设色调排除范围的情况下,将所述初始颜色的色调调整为所述初始色系对应的预设色调,获得所述目标颜色,其中,所述初始色系为所述初始颜色所属色系;
若所述初始颜色不为彩色,则将所述初始颜色确定为所述目标颜色。
可选的,所述目标颜色确定模块,还用于在所述M个色系不包括至少一个目标色系的情况下,对所述N个第二候选颜色中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得初始颜色;根据所述初始颜色确定所述目标颜色,其中,所述目标色系为所述M个色系中第二候选颜色的数量大于预设数量的色系。
第三方面,本发明实施例还提供一种电子设备,包括:存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现本发明各实施例提供的页面颜色调整方法中的步骤。
第四方面,本发明实施例还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现本发明各实施例提供的页面颜色调整方法中的步骤。
本申请实施例的页面颜色调整方法中,首先,通过对第一页面中第一图像进行色彩量化处理可获得在第一颜色空间下的N个第一候选颜色,并将所述N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色。然后基于所述N个第二候选颜色确定目标颜色。再根据利用所述目标颜色调整所述第一页面中第一区域的颜色。即在页面颜色调整过程中,无需进行人工手动操作,通过对第一页面中第一图像进行色彩量化处理得到的N个第一候选颜色所对应的N个第二候选颜色,确定目标颜色,再通过目标颜色对第一页面的颜色进行调整即可,可提高颜色调整效率。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对本发明实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的页面颜色调整方法的流程图之一;
图2是本发明实施例提供的页面颜色调整方法的流程图之二;
图3是本发明实施例提供的页面颜色调整方法的流程图之二;
图4是本发明实施例提供的在电子设备中页面展示图之一;
图5是本发明实施例提供的在电子设备中页面展示图之二;
图6是本发明实施例提供的电子设备的示意图之一;
图7是本发明实施例提供的电子设备的硬件结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
参照图1,在一个实施例中,提供了一种页面颜色调整方法,可应用于电子设备(例如,可以是移动终端等),该方法包括:
步骤101:对第一页面中第一图像进行色彩量化处理,获取在第一颜色空间下的N个第一候选颜色。
其中,N为大于1的整数。色彩量化又称颜色量化,是利用人眼对颜色的惰性,将原图像中不太重要的相似颜色合并为一种颜色,减少图像中的颜色,而使量化前后的图像对于人眼的认识误差最小,即量化误差最小。可以理解,将RGB颜色空间(以R(Red:红)、G(Green:绿)、B(Blue:蓝)三种基本色为基础,进行不同程度的叠加,产生丰富而广泛的颜色,所以也可称为三基色模式)下的图像看作三维空间的三个坐标,将一张图像所包含的像素投射到颜色空间中,用矢量量化算法来解决,在本实施例中,该颜色空间为第一颜色空间。常用的颜色量化算法有统一量化法、频度序列算法、中位切割算法以及八叉树算法。在一个示例中,可通过八叉树算法法对第一图像进行色彩量化处理,以获取在第一颜色空间下的N个第一候选颜色,通过八叉树算法对第一图像进行色彩量化处理,实现对第一图像的颜色选取,得到的八叉树的叶子节点即表示选取的颜色,可确保选取颜色的灵活性和多样性,且能确保颜色选取的效率。在一个示例中,第一颜色空间可以为RGB颜色空间,第一图像可以为在RGB颜色空间下的彩色图像。
步骤102:将N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色。
由于在对第一图像进行色彩量化处理过程中,是将第一图像投射到第一颜色空间中进行量化处理,得到的是在第一颜色空间下的N个第一候选颜色。例如,RGB颜色空间。在本实施例中,需将N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色,以便于后续的颜色选择。可以理解,是对每个第一候选颜色分别进行转换,每个第一候选颜色转换后得到对应的第二候选颜色。例如,第二颜色空间可以为HSV颜色空间(为根据颜色的直观特性创建的一种颜色空间,也称六角锥体模型),其中,H分量表示色调,S分量表示饱和度,V分量表示明度。
步骤103:基于N个第二候选颜色确定目标颜色。
得到N个第二候选颜色后,即可根据N个第二候选颜色确定目标颜色,目标颜色可以是N个第二候选颜色中的一种颜色,或者是N个第二候选颜色中的一种颜色经过调整后的颜色,得到的目标颜色与N个第二候选颜色中的一种颜色相关的。
步骤104:根据目标颜色调整第一页面中第一区域的颜色。
确定目标颜色后,即可根据目标颜色调整第一页面中第一区域的颜色,可将第一区域的颜色直接调整为目标颜色,也第一区域的颜色调整为与目标颜色有关的颜色,以实现对第一页面的第一区域的颜色调整,第一区域调整后的颜色与目标颜色有关,而目标颜色是基于N个第二候选颜色确定,N个第二候选颜色是通过对第一页面的第一图像进行颜色量化处理得到的N个第一候选颜色进行颜色空间转换后得到,如此,第一区域调整后的颜色与第一页面中的第一图像相关,使第一区域调整后的颜色与第一页面的第一图像相适应。
本申请实施例的页面颜色调整方法中,首先,通过对第一页面中第一图像进行色彩量化处理可获得在第一颜色空间下的N个第一候选颜色,并将N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色。然后基于N个第二候选颜色确定目标颜色。再根据利用目标颜色调整第一页面中第一区域的颜色。即在页面颜色调整过程中,无需进行人工手动操作,通过对第一页面中第一图像进行色彩量化处理得到的N个第一候选颜色所对应的N个第二候选颜色,确定目标颜色,再通过目标颜色对第一页面的颜色进行调整即可,可提高颜色调整效率。与此同时,通过对第一页面中的第一图像进行颜色量化处理得到N个第一候选颜色,利用N个第一候选颜色进行颜色空间转换后的N个第二候选确定目标颜色,根据目标颜色对第一页面的第一区域的颜色进行调整,可使第一页面的第一区域的颜色与第一页面中的第一图像的颜色更加相适应。
在一个实施例中,对第一页面中第一图像进行色彩量化处理,获取在第一颜色空间下的N个第一候选颜色,包括:对第一页面中第一图像进行色彩量化处理,确定在第一颜色空间下的n个第一候选颜色以及n个第一候选颜色对应的像素点数量;选取n个第一候选颜色中像素点数量占比大于预设占比的N个第一候选颜色,第一候选颜色的像素点数量占比为第一候选颜色的像素点数量在第一图像的总像素点数量中的占比。N小于或等于n。
即在对第一图像进行色彩量化处理后不但可得到n个第一候选颜色,而且还可以得到n个第一候选颜色对应的像素点数量,即第一图像中属于第一候选颜色的像素点的数量。例如,利用八叉树算法进行色彩量化后得到n个第一候选颜色,表示得到的八叉树可以有n个叶子节点,每个叶子节点不但表示一种候选颜色,而且每个叶子节点中记录有候选颜色对应的像素点数量。为避免为后续提供选择的第一候选颜色的像素点数量太少,本实施对n个第一候选颜色进行了筛选,即将像素点数量在第一图像的总像素点数量中的占比较低的过滤,即选取n个第一候选颜色中像素点数量占比大于预设占比的N个第一候选颜色,以确保N个第一候选颜色的像素点数量在总像素点数量中占比大于预设占比。
请参阅图2,在一个实施例中,对第一页面中第一图像进行色彩量化处理,还获得N个第一候选颜色分别对应的像素点数量。在本实施例中,基于N个第二候选颜色确定目标颜色,包括:确定N个第二候选颜色所属的M个色系,M为大于1的整数;根据每个色系中第二候选颜色对应的参数,确定目标颜色,其中,参数包括数量、饱和度、明度以及像素点数量中的至少一项。即在本实施中,上述方法,包括:
步骤201:对第一页面中第一图像进行色彩量化处理,获取在第一颜色空间下的N个第一候选颜色以及N个第一候选颜色分别对应的像素点数量。
步骤202:将N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色。
步骤203:确定N个第二候选颜色所属的M个色系。
M为大于1的整数。
步骤204:根据每个色系中第二候选颜色对应的参数,确定目标颜色。
步骤205:根据目标颜色调整第一页面中第一区域的颜色。
步骤201中对第一页面中第一图像进行色彩量化处理,获取在第一颜色空间下的N个第一候选颜色与步骤101对应,步骤202与步骤102对应,步骤205与步骤104对应,在此不再赘述。
其中,第一候选颜色对应的像素点数量表示第一图像中属于第一候选颜色的像素点的数量。预先根据第一颜色空间的第一分量进行了色系划分得到m个色系,例如,可HSV颜色空间的H分量(0-360)划分红色、橙色、黄色、绿色、蓝青色、紫色6个彩色色系,每个彩色色系有对应的H分量范围。在得到N个第二候选颜色后,可根据每个第二候选颜色的分量H,将每个第二候选颜色划分到对应的色系,即可确定N个第二候选颜色所属的M个色系。M小于或等于m。如此,M个色系的每个色系中至少有一个第二候选颜色,然后可根据M个色系的每个色系中的第二候选颜色确定一个目标颜色。即在确定目标颜色过程中,考虑了第二候选颜色的色系,可提高确定目标颜色的准确性。
在确定N个第二候选颜色所属的M个色系后,是根据每个色系中第二候选颜色对应的参数,确定目标颜色,其中,参数包括数量、饱和度、明度以及像素点数量中的至少一项。数量表示一个色系中包括的第二候选颜色的数量,色系中第二候选颜色的饱和度(S分量)表示色系中每个第二候选颜色的饱和度,色系中第二候选颜色的明度(V分量)表示色系中每个第二候选颜色的明度。根据每个色系中第二候选颜色的数量、每个第二候选颜色的饱和度和明度中的至少一项来确定目标颜色,以提高目标颜色的准确性。
在一个实施例中,确定N个第二候选颜色所属的M个色系,包括:
将N个第二候选颜色中的灰色和白色过滤,确定过滤后的得到的至少两个第二候选颜色所属的M个色系。
灰色和白色分别有其对应的饱和度范围,灰色和白色分别有其对应的明度范围,根据第二候选颜色的饱和度和明度可确定其是否属于灰色或白色。若N个第二候选颜色中包括灰色,则将N个第二候选颜色中的灰色过滤,若N个第二候选颜色中包括白色,则将N个第二候选颜色中的白色过滤。如此,可避免第一页面的第一区域出现灰色或白色,以减少颜色单调的情况。
在一个实施例中,根据每个色系中第二候选颜色对应的参数确定目标颜色,包括:在M个色系包括至少一个目标色系的情况下,基于至少一个目标色系的第二候选颜色中确定初始颜色;根据初始颜色确定目标颜色。其中,目标色系为M个色系中第二候选颜色的数量大于预设数量的色系。
根据每个色系中第二候选颜色对应的参数确定目标颜色的过程中,首先可对判断M个色系中是否包括第二候选颜色的数量大于预设数量的至少一个目标色系,若包括至少一个目标色系,则基于至少一个目标色系的第二候选颜色中确定初始颜色。目标色系中的第二候选颜色的数量大于预设数量,即表示目标色系中有较多的第二候选颜色,其代表了大部分颜色的色系,在第二候选颜色的数量大于预设数量的目标色系中确定初始颜色,一方面可确保确定的初始颜色与第一图像更相适应。另一方面不再基于全部的M个色系中进行初始颜色的确定,而是基于M个色系中第二候选颜色的数量大于预设数量的至少一个目标色系确定初始颜色,可减少确定初始颜色所依据的色系数量,减少计算量,提高确定初始颜色的效率。在一个示例中,预设数量为预先设置的数量,可预先存储于电子设备中。
在一个实施例中,基于至少一个目标色系的第二候选颜色确定初始颜色,包括:
从至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系;
判断主色系中是否包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色;
若主色系中包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色,则将满足第一预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色确定为初始颜色。
其中,第一预设颜色条件为预先在电子设备中设置的颜色条件,可以理解为对颜色的要求,可用于对主色系中第二候选颜色的筛选。例如,第一预设颜色条件可以是对颜色的饱和度和明度范围的要求。即在本实施例中,在基于至少一个目标色系的第二候选颜色中确定初始颜色的过程中,可先从至少一个目标色系中确定一个主色系,若目标色系的数量为一个,则目标色系中第二候选颜色的像素点数量之和只有一个,该目标色系中像素点数量之和最大,且初始时,该目标色系未被选择,即可直接将该目标色系作为主色系。若目标色系的数量至少两个,则需要在至少两个目标色系中选择一个未被选择过的像素点数量之和最大的目标色系作为主色系。在确定主色系后,可判断主色系中是否包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色,若主色系中包括满足第一预设颜色条件的第二候选颜色,可将满足第一预设颜色条件的至少一个第二候选颜色中像素点数量最大的第二候选颜色确定为初始颜色。如此。可确保确定初始颜色的第二候选颜色所属色系包括较多的像素点数量,另一方面可确保确定初始颜色的第二候选颜色满足第一预设颜色条件,对确定初始颜色的第二候选颜色的选择进行双重要求,以确保初始颜色的准确性。
在一个实施例中,基于至少一个目标色系的第二候选颜色确定初始颜色,还包括:
若主色系中不包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色,则判断主色系中是否包括饱和度和明度满足第二预设颜色条件的至少一个第二候选颜色;
若是,则将满足第二预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色进行饱和度和明度调整,确定初始颜色;
若否,则在至少一个目标色系中包括未被选择过的目标色系的情况下,返回从至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系的步骤,在至少一个目标色系中不包括未被选择过的目标色系的情况下,对至少一个目标色系中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得初始颜色。
其中,第二预设颜色条件为预先在电子设备中设置的颜色条件,可以理解为对颜色的要求,可用于对主色系中第二候选颜色的筛选。例如,第二预设颜色条件可以是对颜色的饱和度和明度范围的要求。若主色系中不包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色,则表示主色系中的第二候选颜色均不满足第一预设颜色条件,此时,可进行第二预设颜色条件的判断,即判断主色系中是否包括饱和度和明度满足第二预设颜色条件的至少一个第二候选颜色,若包括,则将满足第二预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色进行饱和度和明度调整,确定初始颜色即可。可以理解,第一预设颜色条件优先于第二预设颜色条件,在第一预设颜色条件满足的情况下,将满足第一预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色确定为初始颜色即可。若不满足第一预设颜色条件,再判断是否满足第二预设条件,若满足第二预设条件,则将满足第二预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色进行饱和度和明度调整,确定初始颜色。
若主色系不满足第二预设颜色条件,即主色系中不包括饱和度和明度满足第二预设颜色条件的第二候选颜色,则需判断至少一个目标色系中是否包括未被选择过的目标色系,若包括,则返回从至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系,即更新主色系,并继续执行后续的判断主色系(更新后的)中是否包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色的过程,若包括,则将满足第一预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色确定为初始颜色;若不包括,则判断主色系中是否包括饱和度和明度满足第二预设颜色条件的至少一个第二候选颜色,若是,则将满足第二预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色进行饱和度和明度调整,确定初始颜色,若否,在至少一个目标色系中包括未被选择过的目标色系的情况下,又返回从至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系的步骤。如此循环,直到确定初始颜色或至少一个目标色系中不包括未被选择过的目标色系,在在至少一个目标色系中不包括未被选择过的目标色系的情况下,对至少一个目标色系中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得初始颜色。在不同颜色条件下,确定的初始颜色不同,从而确定的目标颜色可不同,使目标颜色更加准确。
如此。一方面可确保确定初始颜色的第二候选颜色所属色系包括较多的像素点数量,另一方面可确保确定初始颜色的第二候选颜色满足第二预设颜色条件,对确定初始颜色的第二候选颜色的选择进行双重要求,以确保初始颜色的准确性。
在一个实施例中,第一预设颜色条件包括饱和度在第一预设饱和度范围内以及明度在第一预设明度范围内,第二预设颜色条件包括饱和度在第二预设饱和度范围内以及明度在第二预设明度范围内。
即在本实施例中,可首先判断是否满足第一预设颜色条件,若满足第一预设颜色条件,可利用满足第一预设颜色条件的至少一个第二候选颜色中像素点数量最大的第二候选颜色,确定初始颜色。若不满足第一预设颜色条件,但满足第二预设颜色条件,可对满足第二预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色进行饱和度和明度调整,确定初始颜色。上述第一预设饱和度范围与第二预设饱和度范围无交集,上述第一预设明度范围与第二预设明度范围无交集。通过饱和度和明度判断是否满足第一预设颜色条件和第二预设颜色条件,以确保选取的初始颜色满足饱和度和明度的要求。在一个示例中,第一预设饱和度范围内第一预设明度范围、第二预设饱和度范围以及第二预设明度范围均为预先设置的范围,即预先在电子设备中存储有第一预设饱和度范围内第一预设明度范围、第二预设饱和度范围以及第二预设明度范围,是为饱和度和明度的范围要求,若第二候选颜色满足范围要求,表示满足颜色筛选条件,即可将其作为初始颜色确定的依据。
在一个实施例中,根据初始颜色确定目标颜色(可以是满足第一预设颜色条件,根据初始颜色确定目标颜色,也可以是满足第二预设颜色条件,根据初始颜色确定目标颜色),包括:
若初始颜色为彩色,则在初始颜色的色调属于初始色系对应的预设色调排除范围的情况下,将初始颜色的色调调整为初始色系对应的预设色调,获得目标颜色,其中,初始色系为初始颜色所属色系;
若初始颜色不为彩色,则将初始颜色确定为目标颜色。
即在确定初始颜色后,可判断初始颜色是否为彩色,具体根据初始颜色的饱和度和明度判断是否为彩色,例如,若初始颜色的饱和度属于预设的彩色饱和度范围以及初始颜色的明度属于预设的彩色明度范围,表示初始颜色为彩色。若初始颜色为彩色,则可进一步判断初始颜色的色调是否属于初始色系对应的预设色调排除范围,若属于,表示初始颜色的色调属于排除的色调,可以理解为预设不需要的色调,此时,可将初始颜色的色调调整为初始色系对应的预设色调,获得目标颜色。即预先对每个色系设置有对应的预设色调排除范围以及对应的预设色调(可以理解为预设色调排除范围对应的色调替代值),一旦初始颜色的色调在所属色系的预设色调排除范围内,则将初始颜色的色调调整为初始色系对应的预设色调,获得目标颜色。若初始颜色不为彩色,例如,若初始颜色的饱和度不属于预设的彩色饱和度范围,或初始颜色的明度属于预设的彩色明度范围,表示初始颜色不为彩色,则不对初始颜色的色调进行替换,可直接将初始颜色确定为目标颜色。在一个示例中,可以为若初始颜色不为彩色且初始颜色为黑色,则将初始颜色确定为目标颜色。可根据初始颜色的饱和度和明度判断初始颜色是否为黑色,例如,若初始颜色的饱和度属于预设的黑色饱和度范围以及初始颜色的明度属于预设的黑色明度范围,表示初始颜色为黑色,则直接将初始颜色确定为目标颜色即可,无需对色调进行调整。即在本实施例中,可根据初始颜色的色调进行目标颜色的确定,使确定的目标颜色更加适应第一图像。
在一个示例中,预设的彩色饱和度范围、预设的彩色明度范围、预设的黑色饱和度范围以及预设的黑色明度范围均为预先设置的范围,即预先在电子设备中存储有预设的彩色饱和度范围、预设的彩色明度范围、预设的黑色饱和度范围以及预设的黑色明度范围,是对彩色的饱和度以及明度的范围要求以及对黑色的饱和度以及明度的范围要求。预设色调为预先设置的色调值,即预先在电子设备中存储有预设色调。
在一个实施例中,根据每个色系中第二候选颜色对应的参数确定目标颜色,还包括:在M个色系不包括至少一个目标色系的情况下,对N个第二候选颜色中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得初始题色,根据初始颜色确定目标颜色,其中,目标色系为M个色系中第二候选颜色的数量大于预设数量的色系。
即M个色系中不存在第二候选颜色的数量大于预设数量的色系,表示M个色系中每个色系中第二候选颜色的数量均未达到数量要求,如此,直接将N个第二候选颜色中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得初始颜色,再根据初始颜色确定目标颜色,即可确保目标颜色与第一图像对应的像素点数量最大的第二候选颜色相适应,提高其准确性。
本实施例中根据初始颜色确定目标颜色的过程与上述满足第一预设颜色条件,根据初始颜色确定目标颜色的过程,以及满足第二预设颜色条件,根据初始颜色确定目标颜色的过程相同,在此不再赘述。
在一个实施例中,根据目标颜色调整第一页面中第一区域的颜色,包括:
将第一区域的颜色调整为目标颜色。
即在本实施例中,直接将第一区域的颜色调整为目标颜色,即第一区域的颜色与目标颜色相同,使第一页面的第一区域的颜色与第一图像的颜色更相适应。
在另一个实施例中,根据目标颜色调整第一页面中第一区域的颜色,包括:
对目标颜色的色调和明度进行下调,获得第一颜色;对目标颜色的色调和明度进行上调,获得第二颜色;将第一区域的颜色调整为从第一颜色到第二颜色的渐变色。
在本实施例中,将第一区域的颜色调整为渐变色,而且渐变色中的色调最小值为第一颜色的色调,最大值为第二颜色的色调,渐变色中的明度最小值为第一颜色的明度,最大值为第二颜色的明度。在渐变色的计算中,调整色调可以使颜色分别在色相进行渐变,增加颜色色相渐变的效果。调整明度能够改变颜色亮度,增加颜色明暗渐变的效果。如此,不但可使第一区域的颜色与第一图像相适应,而且可使页面的色彩更加丰富。
在一个实施例中,基于N个第二候选颜色确定目标颜色之后,还包括:将第一页面中的第一文字的颜色调整为目标颜色。
即在本实施例中,还可将第一页面中的第一文字的颜色调整为目标颜色,不但可使第一页面的色彩更加丰富,而且可使第一页面中的第一文字与第一图像的颜色相适应。在一个示例中,第一文字可以为第一页面中预先指定的文字,可以理解为预先指定的需要颜色调整的文字。例如,第一页面中包括“置顶”文字,预先指定需要颜色调整,则在确定目标颜色后,即可将“置顶”文字调整为目标颜色,使其与第一图像更加相适应。
在一个实施例中,基于N个第二候选颜色确定目标颜色之后,根据目标颜色调整第一页面中第一区域的颜色之前,还包括:
若第一页面处于第一预设颜色显示模式,则对目标颜色的色调和明度进行下调,更新目标颜色。
可以理解,在本实施例之前的各实施例是在第一页面处于非第一预设颜色显示模式(例如,日间显示模式,即第一页面的背景颜色或底色为白色)下对第一页面的第一区域的颜色进行调整,而在本实施例中,若第一页面处于第一预设颜色显示模式(例如,黑色显示模式,即第一页面的背景颜色或底色为黑色),则需对确定的目标颜色进行更新,具体对目标颜色的色调和明度进行下调,更新目标颜色,使目标颜色更加适应第一预设显示模式。
在一个实施例中,更新目标颜色之后,还包括:将更新后的目标颜色的饱和度调整为预设饱和度,将更新后的目标颜色的明度调整为预设明度,得到第四颜色,预设饱和度在第三预设饱和度范围内,预设明度在第三预设明度范围内;将第一页面中的第一文字的颜色调整为第四颜色。
为避免在第一预设显示模式下,显示的文字的颜色在第一显示模式下的背景颜色上不易看清楚,容易导致用户查看不便的情况,可根据更新后的目标颜色,确定上述第四颜色,将第一页面中的第一文字的颜色调整为第四颜色,增大第一页面中的第一文字与第一预设显示模式下的背景颜色之间的差异,便于用户观看。在一个示例中,第三预设饱和度范围可以为[b0,b1],第三预设明度范围可以为[a0,a1],其中,a0和b1可以为58,a1可以为100,b0可以为0。
在一个实施例中,将更新后的目标颜色的明度调整为预设明度,可以包括:若更新后的目标颜色的明度在第三预设明度范围内,维持更新后的目标颜色的明度,若小于第三预设明度范围的下限,则将更新后的目标颜色的明度更新为第三预设明度范围的下限,若大于第三预设明度范围的上限,则将更新后的目标颜色的明度更新为第三预设明度范围的上限。将更新后的目标颜色的饱和度调整为预设饱和度,可以包括:若更新后的目标颜色的饱和度在第三预设饱和度范围内,维持更新后的目标颜色的饱和度,若大于第三预设饱和度范围的上限,则将更新后的目标颜色的饱和度更新为第三预设饱和度范围的上限,若小于第三预设饱和度范围的下限,则将更新后的目标颜色的饱和度更新为第三预设饱和度范围的下限。
下面以一个具体实施例对上述方法的过程加以具体说明,具体以贴吧的页面,第一图像为贴吧的页面中的头像图片,第一颜色空间为RGB空间,第二颜色空间为HSV颜色空间,n为32,为例进行说明。调整过程主要涉及两个阶段,一个阶段利用八叉树算法选取候选颜色,另一个阶段对候选颜色进行筛选以及颜色分量调整。
如图3所示,首先,利用八叉树算法提取第一页面中第一图像的候选颜色,并确定N个第一候选颜色以及N个第一候选颜色的像素点数量。例如,采用八叉树算法,以头像图片为基础选取32个候选颜色(RGB颜色空间下的颜色),还可得到每个候选颜色的像素点数量。按照选取颜色的分值(色彩量化处理后包含的像素点数量)进行从高到低排序。若N为10,则取32个候选颜色中分值排名前且像素点数量占比大于预设占比的10个候选颜色,作为10个第一候选颜色。若32个候选颜色中像素点数量占比大于预设占比的数量小于10,则将32个候选颜色中像素点数量占比大于预设占比的至少一个候选颜色作为至少一个第一候选颜色,此时,第一候选颜色的数量与32个候选颜色中像素点数量占比大于预设占比的数量相同。在本实施例中,以N为10,确定10个第一候选颜色为例进行说明。
然后,将N个第一候选颜色转换为HSV颜色空间下的N个第二候选颜色,并过滤掉灰色和白色。例如,过滤后还剩余N个第二候选颜色(即N个第二候选颜色中不包括灰色和白色),在本实施例中以N个第二候选颜色中不包括灰色和白色为例进行说明。
再者,确定N个第二候选颜色所属的M个色系。预先已根据H分量(0-360)划分了红色、橙色、黄色、绿色、蓝青色、紫色6个彩色色系,并根据H分量设定每个色系中相应的预设色调排除范围,而且对每一个预设色调排除范围设定一个对应的替代H值即预设色调。
可根据预先划分的6个色系,对将N个第二候选颜色进行色系划分,从而确定N个第二候选颜色所属的M个色系,M小于或等于6。例如,N为10,10个第二候选颜色属于5个不同的色系,即M为5。比如,第1-3个第二候选颜色属于红色色系,第4-5个第二候选颜色属于橙色色系,第6个第二候选颜色属于黄色色系,第7个第二候选颜色属于绿色色系,第8-10个第二候选颜色属于紫色色系。
统计M个色系中每个色系中包含的第二候选颜色的数量。针对M个色系的每个色系中至少有一个第二候选颜色,第二候选颜色的数量越多,表示属于该色系的颜色越多,即第一图像中属于该色系的颜色越多,越能表示第一图像的色系。
再判断M个色系中是否存在第二候选颜色的数量大于预设数量的至少一个目标色系。若是,则判断目标色系的数量是否大于1,若否,即目标色系的数量为1,将目标色系作为主色系。如果目标色系的数量大于1即至少为2个,则从至少一个目标色系中选择分值之和最高的一个未被选择过的目标色系作为主色系。
依据S分量和V分量,对主色系中第二候选颜色进行条件判断,首先依据S分量和V分量,判断主色系中是否包括满足第一预设颜色条件的至少一个第二候选颜色,若包括,则直接在满足第一预设颜色条件的至少一个第二候选颜色中选择分值最高的第二候选颜色作为初始颜色,从而确定初始颜色。若主色系中不包括不满足第一预设颜色条件的至少一个第二候选颜色,则依据S分量和V分量,判断主色系中是否包括满足第二预设颜色条件的至少一个第二候选颜色,若包括,则对满足第二预设颜色条件的至少一个第二候选颜色中像素点数量最大的第二候选颜色进行饱和度和明度调整(例如,将饱和度调整为第二预设颜色条件中第二预设饱和度范围的上限,将明度调整为第二预设颜色条件中第二预设明度范围的上限),确定初始颜色。若该主色系中不包括满足第二预设颜色条件的第二候选颜色,则放弃该主色系,并将该主色系标记为已选择,返回重新从至少一个目标色系中选择一个从未选择过的分值之和最高的一个目标色系作为主色系,更新主色系,重新执行上述步骤。若至少一个目标色系中不包括满足第一预设颜色条件的第二候选颜色,也不包括第二预设颜色条件的第二候选颜色,则对至少一个目标色系中像素点数量最大的第二候选颜色进行饱和度和明度调整(例如,将饱和度调整为第二预设颜色条件中第二预设饱和度范围的上限,将明度调整为第二预设颜色条件中第二预设明度范围的上限),获得初始颜色。
另外,在M个色系不存在第二候选颜色的数量大于预设数量的至少一个目标色系的情况下,直接对N个第二候选颜色中像素点数量最大的第二候选颜色进行饱和度和明度调整,以确定初始颜色。
在选定的初始颜色中,根据S分量和V分量,判断初始颜色是否为彩色,如果初始颜色为彩色,则判断初始颜色的H分量是否落在所属色系的预设色调排除范围,若初始颜色的H分量落在所属色系的预设色调排除范围,将初始颜色的H分量用所属色系对应的预设色调替换,确定目标颜色。若初始颜色不为彩色,为黑色,则不做H分量的替换,将初始颜色作为目标颜色。
针对黑色显示模式,是在以上目标颜色的基础上,下调H分量和V分量,使色彩整体变暗,作为黑色显示模式的目标颜色。
确定目标颜色后,可将第一页面的第一区域的颜色调整为目标颜色,或通过渐变色的提取方法提取渐变色。渐变色的提取方法如下:
渐变色最暗色的计算,在前面选取的目标颜色基础上,在HSV颜色空间中下调H分量和V分量作为渐变最暗色。渐变色最亮色的计算,在前面选取的目标颜色的基础上,在HSV颜色空间中H分量和V分量,作为渐变最亮色。将第一区域的颜色调整为从渐变最暗色到渐变最亮色的渐变色。黑色显示模式的渐变色是在黑色显示模式的目标颜色的基础上按照相同方式计算。
在渐变色的计算中,调整H分量可以使颜色分别在色相进行渐变,增加颜色色相渐变的效果。调整V值能够改变颜色亮度,增加颜色明暗渐变的效果。
另外,还可对文字的颜色进行选取,因为日间显示模式的背景为白色,黑色显示模式的背景为黑色,黑色显示模式的目标颜色是在日间显示模式的基础上生成的,所以黑色显示模式的字体颜色需要做进一步处理,避免黑色或者暗色字体看不清的情况。具体方法如下:
日间显示模式下将目标颜色直接作为第一页面中第一文字的颜色。
黑色显示模式是在目标颜色(黑色显示模式下的目标颜色)的基础上,对S和V分量进行调整,将第一页面中第一文字的颜色调整为进行S和V分量调整后的颜色。具体地,对S和V分量进行调整过程中,将V控制在[a0,a1]区间中,a0可以为58,a1可以为100,公式如下:
即若V在[a0,a1]区间内,则V维持不变,若V小于区间的下限a0,则将V调整为下限a0,若V小于区间的上限a1,则将V调整为上限a1。
将S控制在[b0,b1]区间中,即b0可以为0,b1可以为58,公式如下:
即若S在[b0,b1]区间内,则S维持不变,若S小于区间的下限b0,则将S调整为下限b0,若S小于区间的上限b1,则将S调整为上限b1。
如图4所示,为基于确定的目标颜色调整A贴吧的页面的第一区域401的颜色后的显示图,第一区域401为A贴吧的吧头区域,即顶部区域,图4(a)为日间显示模式,图4(b)为黑色显示模式。颜色1可以为日间显示模式下的渐变色,根据日间显示模式下的目标颜色确定。如图4(a)所示,吧头颜色(第一区域401颜色)及第一按钮402的颜色均为最暗色(右下角)到最亮色(左上角)的渐变色(即颜色1),“置顶”、“全部”等文字的颜色采用日间显示模式下确定的目标颜色(即颜色2)。另外,颜色1可以为日间显示模式下确定的目标颜色,即直接将第一区域401的颜色调整为目标颜色。
颜色3可以为黑色显示模式下的渐变色,根据黑色显示模式下的目标颜色确定。如图4(b)所示,吧头颜色及第一按钮402的颜色均为最暗色(右下角)到最亮色(左上角)的渐变色(即颜色3),“置顶”、“全部”等文字的颜色采用对黑色显示模式下的目标颜色进行S分量和V分量调整后得到的颜色,即颜色4。另外,颜色3可以为黑色显示模式下确定的目标颜色,即直接将第一区域的颜色调整为目标颜色。
如图5所示,为贴吧的页面线上展示效果图,图5(a)和图5(b)为日间显示模式,图5(c)和图5(d)为黑色显示模式。如图5(a)和图5(c)同一B贴吧的页面分别在日间显示模式和夜间显示模式下的展示图,如图5(a)所示,B贴吧的页面中吧头颜色(B贴吧的页面的第一区域501颜色)及第一按钮502的颜色可均为颜色5(日间显示模式下的目标颜色),“置顶”、“全部”等文字的颜色也采用颜色5。如图5(c)所示,B贴吧的页面中吧头颜色及第一按钮的颜色可均为颜色6(黑色显示模式下的目标颜色),“置顶”、“全部”等文字的颜色采用对颜色6的S分量和V分量进行调整后得到的颜色。如图5(b)和图5(d)同一C贴吧的页面分别在日间显示模式和夜间显示模式下的展示图,如图5(b)所示,C贴吧的页面中吧头颜色(C贴吧的页面的第一区域501颜色)及第一按钮502的颜色均为颜色7(日间显示模式下的目标颜色),“置顶”、“全部”等文字的颜色采用颜色7。如图5(d)所示,C贴吧的页面中吧头颜色及第一按钮502的颜色均为颜色8(黑色显示模式下的目标颜色),“置顶”、“全部”等文字的颜色采用对颜色8的S分量和V分量进行调整后得到的颜色。
通过上述页面颜色调整过程,无需进行人工手动操作,通过对第一页面中第一图像进行色彩量化处理得到的N个第一候选颜色所对应的N个第二候选颜色,确定目标颜色,再通过目标颜色对第一页面的颜色进行调整即可,可提高颜色调整效率。另外,可使第一页面的第一区域的颜色与第一页面中的第一图像的颜色更加相适应。
如图6所示,本发明还提供一个实施例的页面颜色调整装置500,可应用于电子设备(例如,可以是移动终端等),包括:
色彩量化处理模块601,用于对第一页面中第一图像进行色彩量化处理,获取在第一颜色空间下的N个第一候选颜色,N为大于1的整数;
转换模块602,用于将N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色;
颜色确定模块603,用于基于N个第二候选颜色确定目标颜色;
调整模块604,用于根据目标颜色调整第一页面中第一区域的颜色。
在一个实施例中,色彩量化处理模块601,包括:
颜色量化处理模块,用于对第一页面中第一图像进行色彩量化处理,确定在第一颜色空间下的n个第一候选颜色以及n个第一候选颜色对应的像素点数量;
选取模块,用于选取n个第一候选颜色中像素点数量占比大于预设占比的N个第一候选颜色,第一候选颜色的像素点数量占比为第一候选颜色的像素点数量在第一图像的总像素点数量中的占比。N小于或等于n。
在一个实施例中,色彩量化处理模块,用于对第一页面中第一图像进行色彩量化处理,还获得N个第一候选颜色分别对应的像素点数量;
颜色确定模块,包括:
色系确定模块,用于确定N个第二候选颜色所属的M个色系,M为大于1的整数;
目标颜色确定模块,用于根据每个色系中第二候选颜色对应的参数,确定目标颜色,其中,参数包括数量、饱和度、明度以及像素点数量中的至少一项。
在一个实施例中,色系确定模块,用于将N个第二候选颜色中的灰色和白色过滤,确定过滤后的得到的至少两个第二候选颜色所属的M个色系。
在一个实施例中,目标颜色确定模块,包括:
初始确定模块,用于用于在M个色系包括至少一个目标色系的情况下,基于至少一个目标色系的第二候选颜色中确定初始颜色,其中,目标色系为M个色系中第二候选颜色的数量大于预设数量的色系;
目标颜色获得模块,用于根据初始颜色确定目标颜色。
在一个实施例中,初始确定模块,包括:
主色系选择模块,用于从至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系;
第一判断模块,用于判断主色系中是否包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色;
初始颜色确定模块,用于若第一判断模块的判断结果为是,则将满足第一预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色确定为初始颜色。
在一个实施例中,初始确定模块,还包括:
第二判断模块,用于若第一判断模块的判断结果为否,则判断主色系中是否包括饱和度和明度满足第二预设颜色条件的至少一个第二候选颜色;
初始颜色获取模块,用于若第二判断模块的判断结果为是,则将满足第二预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色进行饱和度和明度调整,确定初始颜色;
返回模块,用于若第二判断模块的判断结果为否,则在至少一个目标色系中包括未被选择过的目标色系的情况下,返回主色系选择模块执行从至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系;
初始颜色获取模块,还用于在至少一个目标色系中不包括未被选择过的目标色系的情况下,对至少一个目标色系中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得初始颜色。
在一个实施例中,第一预设颜色条件包括饱和度在第一预设饱和度范围内以及明度在第一预设明度范围内,第二预设颜色条件包括饱和度在第二预设饱和度范围内以及明度在第二预设明度范围内。
在一个实施例中,目标颜色获得模块,用于若初始颜色为彩色,则在初始颜色的色调属于初始色系对应的预设色调排除范围的情况下,将初始颜色的色调调整为初始色系对应的预设色调,获得目标颜色,其中,初始色系为初始颜色所属色系;
若初始颜色不为彩色,则将初始颜色确定为目标颜色。
在一个示例中,目标颜色获得模块,用于若初始颜色不为彩色,为黑色,则将初始颜色确定为目标颜色。
在一个实施例中,目标颜色确定模块,还用于在M个色系不包括至少一个目标色系的情况下,对N个第二候选颜色中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得初始颜色;根据初始颜色确定目标颜色,其中,目标色系为M个色系中第二候选颜色的数量大于预设数量的色系。
在一个实施例中,调整模块,包括:
第一调整模块,用于将第一区域的颜色调整为目标颜色,或者
第一颜色获得模块,用于对目标颜色的色调和明度进行下调,获得第一颜色;
第二颜色获得模块,用于对目标颜色的色调和明度进行上调,获得第二颜色;
第二调整模块,用于将第一区域的颜色调整为从第一颜色到第二颜色的渐变色。
在一个实施例中,上述装置还包括:
文字颜色调整模块,用于将第一页面中的第一文字的颜色调整为目标颜色。
在一个实施例中,上述装置还包括:
颜色更新模块,用于颜色确定模块基于N个第二候选颜色确定目标颜色之后,调整模块根据目标颜色调整第一页面中第一区域的颜色之前,若第一页面处于第一预设颜色显示模式,对目标颜色的色调和明度进行下调,更新目标颜色。
在一个实施例中,上述装置还包括:
参数更新模块,用于颜色更新模块更新目标颜色之后,将更新后的目标颜色的饱和度调整为预设饱和度,将更新后的目标颜色的明度调整为预设明度,得到第四颜色,预设饱和度在第三预设饱和度范围内,预设明度在第三预设明度范围内;
上述文字颜色调整模块,用于将第一页面中的第一文字的颜色调整为第四颜色。
在一个实施例中,参数更新模块,用于若更新后的目标颜色的明度在第三预设明度范围内,维持更新后的目标颜色的明度,若小于第三预设明度范围的下限,则将更新后的目标颜色的明度更新为第三预设明度范围的下限,若大于第三预设明度范围的上限,则将更新后的目标颜色的明度更新为第三预设明度范围的上限;
若更新后的目标颜色的饱和度在第三预设饱和度范围内,维持更新后的目标颜色的饱和度,若大于第三预设饱和度范围的上限,则将更新后的目标颜色的饱和度更新为第三预设饱和度范围的上限,若小于第三预设饱和度范围的下限,则将更新后的目标颜色的饱和度更新为第三预设饱和度范围的下限。
本发明实施例提供的电子设备中的技术特征与上述页面颜色调整方法中的技术特征对应,通过电子设备实现上述页面颜色调整方法的各个过程,并能得到相同的效果,为避免重复,在此不再赘述。
如图7所示,本发明实施例还提供一种电子设备700,包括处理器701和存储器702,存储器702存储有可在处理器701上运行的计算机程序,该计算机程序被处理器701执行时实现上述页面颜色调整方法实施例中的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
本发明实施例还提供一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,该计算机程序被处理器执行时实现上述页面颜色调整方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者电子设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者电子设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者电子设备中还存在另外的相同要素。
在本发明实施例中,“示例性的”或者“例如”等词用于表示作例子、例证或说明。本发明实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言,使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台电子设备(可以是手机,计算机,电子设备,空调器,或者网络设备等)执行本发明各个实施例的方法。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
上面结合附图对本发明的实施例进行了描述,但是本发明并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本发明的启示下,在不脱离本发明宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本发明的保护之内。
Claims (16)
1.一种页面颜色调整方法,其特征在于,所述方法包括:
对第一页面中第一图像进行色彩量化处理,获取在第一颜色空间下的N个第一候选颜色,所述N为大于1的整数;
将所述N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色;
基于所述N个第二候选颜色确定目标颜色;
根据所述目标颜色调整所述第一页面中第一区域的颜色;
对所述第一页面中所述第一图像进行色彩量化处理,还获得所述N个第一候选颜色分别对应的像素点数量;
所述基于所述N个第二候选颜色确定目标颜色,包括:
确定所述N个第二候选颜色所属的M个色系,所述M为大于1的整数;
根据每个所述色系中第二候选颜色对应的参数,确定所述目标颜色,其中,所述参数包括数量、饱和度、明度以及像素点数量中的至少一项;
所述根据每个所述色系中第二候选颜色对应的参数确定所述目标颜色,包括:
在所述M个色系包括至少一个目标色系的情况下,基于所述至少一个目标色系的第二候选颜色确定初始颜色,其中,所述目标色系为所述M个色系中第二候选颜色的数量大于预设数量的色系;
根据所述初始颜色确定所述目标颜色。
2.根据权利要求1所述的方法,其特征在于,所述基于所述至少一个目标色系的第二候选颜色确定初始颜色,包括:
从所述至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系;
判断所述主色系中是否包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色;
若所述主色系中包括饱和度和明度满足所述第一预设颜色条件的至少一个第二候选颜色,则将满足所述第一预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色确定为所述初始颜色。
3.根据权利要求2所述的方法,其特征在于,所述基于所述至少一个目标色系的第二候选颜色确定初始颜色,还包括:
若所述主色系中不包括饱和度和明度满足所述第一预设颜色条件的至少一个第二候选颜色,则判断所述主色系中是否包括饱和度和明度满足第二预设颜色条件的至少一个第二候选颜色;
若是,则将满足所述第二预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色进行饱和度和明度调整,确定所述初始颜色;
若否,则在所述至少一个目标色系中包括未被选择过的目标色系的情况下,返回所述从所述至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系的步骤,在所述至少一个目标色系中不包括未被选择过的目标色系的情况下,对所述至少一个目标色系中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得所述初始颜色。
4.根据权利要求3所述的方法,其特征在于,所述第一预设颜色条件包括饱和度在第一预设饱和度范围内以及明度在第一预设明度范围内,所述第二预设颜色条件包括饱和度在第二预设饱和度范围内以及明度在第二预设明度范围内。
5.根据权利要求1所述的方法,其特征在于,所述根据所述初始颜色确定所述目标颜色,包括:
若所述初始颜色为彩色,则在所述初始颜色的色调属于初始色系对应的预设色调排除范围的情况下,将所述初始颜色的色调调整为所述初始色系对应的预设色调,获得所述目标颜色,其中,所述初始色系为所述初始颜色所属色系;
若所述初始颜色不为彩色,则将所述初始颜色确定为所述目标颜色。
6.根据权利要求1所述的方法,其特征在于,所述根据每个所述色系中第二候选颜色对应的参数确定所述目标颜色,还包括:
在所述M个色系不包括至少一个目标色系的情况下,对所述N个第二候选颜色中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得初始颜色;根据所述初始颜色确定所述目标颜色,其中,所述目标色系为所述M个色系中第二候选颜色的数量大于预设数量的色系。
7.根据权利要求1所述的方法,其特征在于,所述根据所述目标颜色调整所述第一页面中第一区域的颜色,包括:
将所述第一区域的颜色调整为所述目标颜色,或者
对所述目标颜色的色调和明度进行下调,获得第一颜色;
对所述目标颜色的色调和明度进行上调,获得第二颜色;
将所述第一区域的颜色调整为从所述第一颜色到所述第二颜色的渐变色。
8.根据权利要求1所述的方法,其特征在于,所述基于所述N个第二候选颜色确定目标颜色之后,还包括:
将所述第一页面中的第一文字的颜色调整为所述目标颜色。
9.一种页面颜色调整装置,其特征在于,所述装置包括:
色彩量化处理模块,用于对第一页面中第一图像进行色彩量化处理,获取在第一颜色空间下的N个第一候选颜色,所述N为大于1的整数;
转换模块,用于将所述N个第一候选颜色转换为在第二颜色空间下的N个第二候选颜色;
颜色确定模块,用于基于所述N个第二候选颜色确定目标颜色;
调整模块,用于根据所述目标颜色调整所述第一页面中第一区域的颜色;
所述色彩量化处理模块,用于对所述第一页面中所述第一图像进行色彩量化处理,还获得所述N个第一候选颜色分别对应的像素点数量;
所述颜色确定模块,包括:
色系确定模块,用于确定所述N个第二候选颜色所属的M个色系,所述M为大于1的整数;
目标颜色确定模块,用于根据每个所述色系中第二候选颜色对应的参数,确定所述目标颜色,其中,所述参数包括数量、饱和度、明度以及像素点数量中的至少一项;
所述目标颜色确定模块,包括:
初始确定模块,用于在所述M个色系包括至少一个目标色系的情况下,基于所述至少一个目标色系的第二候选颜色中确定初始颜色,其中,所述目标色系为所述M个色系中第二候选颜色的数量大于预设数量的色系;
目标颜色获得模块,用于根据所述初始颜色确定所述目标颜色。
10.根据权利要求9所述的装置,其特征在于,所述初始确定模块,包括:
主色系选择模块,用于从所述至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系;
第一判断模块,用于判断所述主色系中是否包括饱和度和明度满足第一预设颜色条件的至少一个第二候选颜色;
初始颜色确定模块,用于若所述第一判断模块的判断结果为是,则将满足所述第一预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色确定为所述初始颜色。
11.根据权利要求10所述的装置,其特征在于,所述初始确定模块,还包括:
第二判断模块,用于若所述第一判断模块的判断结果为否,则判断所述主色系中是否包括饱和度和明度满足第二预设颜色条件的至少一个第二候选颜色;
初始颜色获取模块,用于若所述第二判断模块的判断结果为是,则将满足所述第二预设颜色条件的至少一个第二候选颜色中,像素点数量最大的第二候选颜色进行饱和度和明度调整,确定所述初始颜色;
返回模块,用于若所述第二判断模块的判断结果为否,则在所述至少一个目标色系中包括未被选择过的目标色系的情况下,返回所述主色系选择模块执行从所述至少一个目标色系中选择像素点数量之和最大的一个未被选择过的目标色系作为主色系;
所述初始颜色获取模块,还用于在所述至少一个目标色系中不包括未被选择过的目标色系的情况下,对所述至少一个目标色系中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得所述初始颜色。
12.根据权利要求11所述的装置,其特征在于,所述第一预设颜色条件包括饱和度在第一预设饱和度范围内以及明度在第一预设明度范围内,所述第二预设颜色条件包括饱和度在第二预设饱和度范围内以及明度在第二预设明度范围内。
13.根据权利要求9所述的装置,其特征在于,所述目标颜色获得模块,用于若所述初始颜色为彩色,则在所述初始颜色的色调属于初始色系对应的预设色调排除范围的情况下,将所述初始颜色的色调调整为所述初始色系对应的预设色调,获得所述目标颜色,其中,所述初始色系为所述初始颜色所属色系;
若所述初始颜色不为彩色,则将所述初始颜色确定为所述目标颜色。
14.根据权利要求9所述的装置,其特征在于,所述目标颜色确定模块,还用于在所述M个色系不包括至少一个目标色系的情况下,对所述N个第二候选颜色中像素点数量最大的第二候选颜色进行饱和度和明度调整,获得初始颜色;根据所述初始颜色确定所述目标颜色,其中,所述目标色系为所述M个色系中第二候选颜色的数量大于预设数量的色系。
15.一种电子设备,其特征在于,包括:存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现如上权利要求1-8中任意一项所述页面颜色调整方法中的步骤。
16.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如上权利要求1-8中任意一项所述的页面颜色调整方法中的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910652222.4A CN110377860B (zh) | 2019-07-18 | 2019-07-18 | 一种页面颜色调整方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910652222.4A CN110377860B (zh) | 2019-07-18 | 2019-07-18 | 一种页面颜色调整方法、装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110377860A CN110377860A (zh) | 2019-10-25 |
CN110377860B true CN110377860B (zh) | 2023-08-25 |
Family
ID=68254177
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910652222.4A Active CN110377860B (zh) | 2019-07-18 | 2019-07-18 | 一种页面颜色调整方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110377860B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110865862B (zh) * | 2019-11-13 | 2023-04-28 | 北京字节跳动网络技术有限公司 | 一种页面背景设置方法、装置及电子设备 |
CN111050202A (zh) * | 2019-11-22 | 2020-04-21 | 北京达佳互联信息技术有限公司 | 视频处理方法、装置、电子设备及介质 |
US11765305B2 (en) * | 2019-12-19 | 2023-09-19 | Boe Technology Group Co., Ltd. | Method for processing image storage medium and apparatus for the same |
CN111191424B (zh) * | 2019-12-31 | 2023-03-03 | 北京华为数字技术有限公司 | 页面配色的方法、装置、存储介质和芯片 |
CN112015417B (zh) * | 2020-09-01 | 2023-08-08 | 中国银行股份有限公司 | 一种应用程序主题颜色的确定方法及装置 |
CN113797533A (zh) * | 2021-09-24 | 2021-12-17 | 网易(杭州)网络有限公司 | 游戏中的颜色选择方法、装置以及电子终端 |
CN116958279A (zh) * | 2022-04-02 | 2023-10-27 | 脸萌有限公司 | 一种颜色分类方法、装置、电子设备及存储介质 |
CN117238253B (zh) * | 2023-08-07 | 2024-04-30 | 广州文石信息科技有限公司 | 墨水屏的标记显示方法、装置、设备及存储介质 |
Family Cites Families (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102694958B (zh) * | 2012-02-10 | 2013-12-18 | 华为终端有限公司 | 一种确定图像色相的方法和无线手持设备 |
US10078436B2 (en) * | 2015-02-25 | 2018-09-18 | Htc Corporation | User interface adjusting method and apparatus using the same |
CN106201535B (zh) * | 2016-07-14 | 2019-08-23 | 广州神马移动信息科技有限公司 | 工具栏背景颜色随着图片的主颜色而变换的方法和装置 |
CN109166159B (zh) * | 2018-10-12 | 2021-04-30 | 腾讯科技(深圳)有限公司 | 获取图像的主色调的方法、装置及终端 |
CN109683769A (zh) * | 2018-12-29 | 2019-04-26 | 惠州Tcl移动通信有限公司 | 一种应用图标排序显示处理方法、移动终端及存储介质 |
CN109783178B (zh) * | 2019-01-24 | 2022-08-23 | 北京字节跳动网络技术有限公司 | 一种界面组件的颜色调整方法、装置、设备和介质 |
CN109783182B (zh) * | 2019-02-15 | 2022-10-14 | 百度在线网络技术(北京)有限公司 | 一种页面主题色调的调整方法、装置、设备及介质 |
-
2019
- 2019-07-18 CN CN201910652222.4A patent/CN110377860B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN110377860A (zh) | 2019-10-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110377860B (zh) | 一种页面颜色调整方法、装置及电子设备 | |
US10304408B2 (en) | Method and apparatus for changing background color of toolbar with dominant color of picture | |
KR101194133B1 (ko) | 화상 처리 방법, 표시 화상 처리 방법, 화상 처리 장치,화상 처리 프로그램 및 그 화상 처리 장치를 포함하는집적회로 | |
US20150262549A1 (en) | Color Palette Generation | |
JP4424518B2 (ja) | 画像処理装置、画像処理方法および画像処理プログラム | |
CN108476292A (zh) | 统一多图像融合方法 | |
CN106504264B (zh) | 视频前景图像提取方法和装置 | |
US7202873B2 (en) | Specific scene image selecting apparatus, computer program and computer readable medium on which the computer program is recorded | |
CN104978186B (zh) | 一种界面皮肤的渲染方法和装置 | |
CN104935902B (zh) | 图像色彩增强方法、装置及电子设备 | |
CN107481206A (zh) | 显微镜图像背景均衡处理算法 | |
CN101207754A (zh) | 一种根据视频内容动态提高对比度的方法 | |
CN113191938B (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN105338214B (zh) | 图像处理方法和图像处理装置 | |
CN111090368B (zh) | 一种确定页面文字的配色方法和装置 | |
CN111796889A (zh) | 终端界面颜色矫正方法、装置、电子设备和终端 | |
CN107623845A (zh) | 一种基于先验知识的图像处理方法及装置 | |
JP2006031688A (ja) | 画像加工装置、画像加工方法及び画像加工プログラム | |
US8351724B2 (en) | Blue sky color detection technique | |
CN111340897B (zh) | 基于模糊数学相似度的颜色识别方法 | |
CN110580690B (zh) | 一种识别峰值变换非线性曲线的图像增强方法 | |
CN114495824B (zh) | 一种针对oled显示器图像及文字边缘偏色的校正方法、系统、存储介质和处理器 | |
CN102930289A (zh) | 马赛克图片生成方法 | |
JP2003248825A (ja) | 画像処理装置及び画像処理方法、画像処理プログラム、記憶媒体 | |
CN113658157A (zh) | 一种基于hsv空间的颜色分割方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |