CN118276991A - 界面颜色处理方法、装置、电子设备、介质和程序产品 - Google Patents

Abstract

本公开实施例涉及一种界面颜色处理方法、装置、电子设备、介质和程序产品。所述方法包括：从待处理图像的所有颜色中剔除预设颜色，得到待处理图像对应的多个处理后的颜色；根据各处理后的颜色在待处理图像中的占比，从处理后的颜色中确定出第一目标颜色和第二目标颜色；将第一目标颜色和第二目标颜色填充至显示界面的目标区域。采用本方法能够改善显示的背景色效果不佳的问题。

Description

界面颜色处理方法、装置、电子设备、介质和程序产品

技术领域

本公开实施例涉及界面显示技术领域，特别是涉及一种界面颜色处理方法、装置、电子设备、介质和程序产品。

背景技术

通常，在播放歌曲时，可以通过分析播放歌曲的专辑封面色，在播放详情页面背景处展示与专辑封面色相对应的动态背景色，使用户根据该动态背景色获取播放歌曲的风格信息。

传统技术中，是通过提取播放歌曲的专辑封面色中任意颜色，将提取的任意颜色作为背景色进行显示。

然而，传统的方法，存在显示的背景色效果不佳的问题。

发明内容

本公开实施例提供一种界面颜色处理方法、装置、电子设备、介质和程序产品，可以用于改善显示的背景色效果不佳的问题。

第一方面，本公开实施例提供一种界面颜色处理方法，所述方法包括：

从待处理图像的所有颜色中剔除预设颜色，得到所述待处理图像对应的多个处理后的颜色；

根据各所述处理后的颜色在所述待处理图像中的占比，从所述处理后的颜色中确定出第一目标颜色和第二目标颜色；

将所述第一目标颜色和所述第二目标颜色填充至显示界面的目标区域。

第二方面，本公开实施例提供一种界面颜色处理装置，所述装置包括：

获取模块，用于从待处理图像的所有颜色中剔除预设颜色，得到所述待处理图像对应的多个处理后的颜色；

第一确定模块，用于根据各所述处理后的颜色在所述待处理图像中的占比，从所述处理后的颜色中确定出第一目标颜色和第二目标颜色；

显示模块，用于将所述第一目标颜色和所述第二目标颜色填充至显示界面的目标区域。

第三方面，本公开实施例提供一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面所述的方法。

第四方面，本公开实施例提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面所述的方法。

第五方面，本公开实施例提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述第一方面所述的方法。

本公开实施例提供的界面颜色处理方法、装置、电子设备、介质和程序产品，通过从待处理图像的所有颜色中剔除预设颜色，避免了在显示界面显示影响显示效果的预设颜色，从而可以根据待处理图像对应的多个处理后的颜色在待处理图像中的占比，从处理后的颜色中确定出进行显示的第一目标颜色和第二目标颜色，进而可以将第一目标颜色和第二目标颜色填充至显示界面的目标区域进行显示，由于显示的第一目标颜色和第二目标颜色是根据各处理后的颜色在待处理图像中的占比确定的，因此，显示的第一目标颜色和第二目标颜色是和待处理图像中的颜色相关的颜色，这样能够较好地在显示界面中对待处理图像中的颜色进行显示，确保了显示的颜色的显示效果。

附图说明

图1为一个实施例中界面颜色处理方法的应用环境图；

图2为一个实施例中界面颜色处理方法的流程示意图；

图3为一个实施例中显示颜色的组成层示意图；

图4为另一个实施例中界面颜色处理方法的流程示意图；

图5为另一个实施例中界面颜色处理方法的流程示意图；

图6为另一个实施例中界面颜色处理方法的流程示意图；

图7为一个实施例中目标区域的示意图；

图8为一个实施例中第一区域和第二区域的移动轨迹示意图；

图9为另一个实施例中界面颜色处理方法的流程示意图；

图10为一个实施例中界面颜色处理装置的结构框图；

图11为一个实施例中电子设备的内部结构图。

具体实施方式

为了使本公开实施例的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本公开实施例进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本公开实施例，并不用于限定本公开实施例。

首先，在具体介绍本公开实施例的技术方案之前，先对本公开实施例基于的技术背景或者技术演进脉络进行介绍。通常情况下，在界面显示领域，当前的技术背景是：在播放歌曲时，通过分析播放歌曲的专辑封面色，在播放详情页面背景处展示与专辑封面色相对应的动态背景色，使用户根据该动态背景色获取播放歌曲的风格信息。但是，传统方法是通过提取播放歌曲的专辑封面色中的任意颜色作为背景色显示，存在显示的背景色效果不佳的问题。基于该背景，申请人通过长期的模型模拟研发以及实验数据的搜集、演示和验证，发现在播放歌曲的专辑封面色中存在大量的白色和黑色时，就会出现显示的背景色效果不佳的问题。如何以最佳的效果显示播放歌曲的背景色，成为目前亟待解决的难题。另外，需要说明的是，从确定传统的方法存在显示的背景色效果不佳的问题以及下述实施例介绍的技术方案，申请人均付出了大量的创造性劳动。

下面结合本公开实施例所应用的场景，对本公开实施例涉及的技术方案进行介绍。

本公开实施例提供的界面颜色处理方法，可以应用于如图1所示的应用环境中。其中，电子设备102通过网络与服务器104进行通信，电子设备102可以从服务器104中获取歌曲专辑进行播放，同时在显示界面上显示和播放歌曲的专辑封面色相对应的动态背景色，或者，电子设备102也可以从服务器104中获取图像，在显示界面上采用获取的图像中的任意颜色作为背景色对获取的图像进行显示。其中，电子设备102可以但不限于是各种车载设备、个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器104可以用独立的服务器或者是多个服务器组成的服务器集群来实现。

在一个实施例中，如图2所示，提供了一种界面颜色处理方法，以该方法应用于图1中的电子设备为例进行说明，包括以下步骤：

S201，从待处理图像的所有颜色中剔除预设颜色，得到待处理图像对应的多个处理后的颜色。

其中，待处理图像可以为电子设备播放的歌曲的专辑封面，或者，也可以为电子设备待显示的其他图像等等，本实施例在此不对待处理图像加以限制。可选的，预设颜色可以为人为定义的不期望显示在显示界面上的颜色，可选的，预设颜色可以包括一种颜色，也可以包括多种颜色，例如，预设颜色可以为黑色、白色、蓝色、荧光色、红色中的至少一种颜色。

可选的，作为一种可选的实施方式，电子设备可以根据预设颜色的HSB值，从待处理图像的所有颜色的HSB值中剔除预设颜色的HSB值，得到待处理图像对应的多个处理后的颜色。示例性地，假设待处理图像的所有颜色包括黑色、白色、蓝色、玫红色、黄色等，预设颜色为白色，则剔除待处理图像中的白色后得到的待处理图像对应的多个处理后的颜色可以包括黑色、蓝色、玫红色和黄色等。

S202，根据各处理后的颜色在待处理图像中的占比，从处理后的颜色中确定出第一目标颜色和第二目标颜色。

可选的，在本实施例中，可以按照各处理后的颜色在待处理图像中的占比，对各处理后的颜色进行排序，进而可以从排序后的各处理后的颜色中选择排序靠前的两个处理后的颜色作为第一目标颜色和第二目标颜色；又或者，作为另一种可选的实施方式，可以按照各处理后的颜色在待处理图像中的占比，对各处理后的颜色进行排序后，从排序后的各处理后的颜色中选择排序靠前且HSB差异较大的两个颜色作为第一目标颜色和第二目标颜色。

S203，将第一目标颜色和第二目标颜色填充至显示界面的目标区域。

首先，需要说明的是，显示界面的颜色可以由如图3所示的遮罩层、色块层和底色层三部分组成，其中，遮罩层和底色层为固定色值图层，起到调整显示界面明暗度的作用，色块层起到调整显示界面显示颜色的作用。可选的，在本实施例中，可以将上述确定的第一目标颜色和第二目标颜色填充至显示界面对应的色块层中的目标区域，例如，可以将第一目标颜色填充至色块层的第一区域，将第二目标颜色填充至色块层的第二区域，通过径向渐变的填充方式形成显示界面对应的色块层。

上述界面颜色处理方法中，通过从待处理图像的所有颜色中剔除预设颜色，避免了在显示界面显示影响显示效果的预设颜色，从而可以根据待处理图像对应的多个处理后的颜色在待处理图像中的占比，从处理后的颜色中确定出进行显示的第一目标颜色和第二目标颜色，进而可以将第一目标颜色和第二目标颜色填充至显示界面的目标区域进行显示，由于显示的第一目标颜色和第二目标颜色是根据各处理后的颜色在待处理图像中的占比确定的，因此，显示的第一目标颜色和第二目标颜色是和待处理图像中的颜色相关的颜色，这样能够较好地在显示界面中对待处理图像中的颜色进行显示，确保了显示的颜色的显示效果。

在上述从待处理图像的所有颜色中剔除预设颜色的场景中，预设颜色可以包括黑色、白色和荧光色中的任意一种。在一个实施例中，上述预设颜色包括第一颜色、第二颜色和第三颜色中的任一种，第一颜色的HSB通道值中的S值大于第一阈值，第二颜色的HSB通道值中的B值大于第二阈值，第三颜色的HSB通道值中的S值小于第三阈值，第一阈值大于第三阈值。

可选的，在本实施例中，预设颜色中的第一颜色可以为接近黑色的深暗色，第二颜色可以为接近白色的浅色，第三颜色可以为荧光色，其中，接近黑色的深暗色的HSB通道值中的S值大于第一阈值，接近白色的浅色的HSB通道值中的B值大于第二阈值，荧光色的HSB通道值中的S值小于第三阈值，且上述第一阈值大于第三阈值。示例性地，上述第一阈值可以为92，上述第二阈值可以为10，上述第三阈值可以为10，也就是说，在本实施例中，可以将待处理图像中的所有颜色中HSB通道值中的S值大于92的颜色均剔除；或者，也可以将待处理图像中的所有颜色中HSB通道值中的B值大于10的颜色均剔除；又或者，也可以将待处理图像中的所有颜色中HSB通道值中的S值小于10的颜色均剔除。

本实施例中，通过剔除待处理图像的所有颜色中HSB通道值中的S值大于第一阈值的第一颜色、B值大于第二阈值的第二颜色和S值小于第三阈值的第三颜色中的任一种，能够避免最终在显示界面上显示的颜色出现颜色太深或太浅影响内容显示或出现大黑色块的问题，确保了在显示界面显示的颜色的显示效果。

本实施例中将对如何从处理后的颜色中确定出第一目标颜色和第二目标颜色加以详细说明。在一个实施例中，如图4所示，上述S202，包括：

S301，将各处理后的颜色在待处理图像中的占比最高的颜色，确定为第一目标颜色。

可选的，在本实施例中，可以根据各处理后的颜色在待处理图像中的占比，对各处理后的颜色进行排序，将各处理后的颜色中在待处理图像中的占比最高的颜色，确定为上述第一目标颜色。

S302，从各处理后的颜色中除第一目标颜色外的其他颜色中确定第二目标颜色。

可选的，在本实施例中，可以将各处理后的颜色中除第一目标颜色外的其他颜色中与第一目标颜色的HSB值差异较大的颜色，确定为上述第二目标颜色。或者，作为另一种可选的实施方式，也可以从各处理后的颜色中除第一目标颜色外的其他颜色中任选一种颜色作为第二目标颜色。又或者，作为另一种可选的实施方式，也可以将各处理后的颜色中除第一目标颜色外的其他颜色中在待处理图像中的占比最高的颜色确定为上述第二目标颜色。

本实施例中，通过将各处理后的颜色在待处理图像中的占比最高的颜色，确定为第一目标颜色，确保了确定的第一目标颜色为与待处理图像较为接近的颜色，保证了确定的第一目标颜色和待处理图像颜色的相关性，进而从各处理后的颜色中除第一目标颜色外的其他颜色中确定第二目标颜色，使得最终确定的第一目标颜色和第二目标颜色与待处理图像的颜色较为相关。

在上述从各处理后的颜色中除第一目标颜色外的其他颜色中确定第二目标颜色的场景中，可以将与第一目标颜色的HSB差异较大且在待处理图像中的占比最高的颜色确定为第二目标颜色。在一个实施例中，如图5所示，上述S302，包括：

S401，从各处理后的颜色中除第一目标颜色外的其他颜色中确定出候选颜色；其中，候选颜色的HSB通道值中的H值与第一目标颜色的HSB通道值中的H值的差值大于第四阈值或者小于第五阈值。

可选的，在本实施例中，可以通过计算各处理后的颜色中除第一目标颜色外的其他颜色的HSB通道值中的H值与上述第一目标颜色的HSB通道值中的H值的差值，将各处理后的颜色中除第一目标颜色外的其他颜色中HSB通道值中的H值与第一目标颜色的HSB通道值中的H值的差值大于第四阈值的颜色，确定为候选颜色。示例性地，本实施例中的第四阈值可以为300，第五阈值可以为60，另外，需要说明的是，本实施例中确定的是第一目标颜色的HSB通道值中的H值的绝对值与各处理后的颜色中除第一目标颜色外的其他颜色中的HSB通道值中的H值的绝对值的差值。可选的，本实施例中确定的候选颜色中可以只有一种颜色，也可以有多种颜色。

S402，将候选颜色中在待处理图像中的占比最高的颜色，确定为第二目标颜色。

可选的，在本实施例中，可以根据各处理后的颜色在待处理图像中的占比确定上述候选颜色在待处理图像中的占比，进而将候选颜色中在待处理图像中的占比最高的颜色确定为上述第二目标颜色。

可以理解的是，在本实施例中，若候选颜色中只有一种颜色，则可以直接将该颜色确定为候选颜色，若候选颜色中有多种颜色，则可以将候选颜色中在待处理图像中占比最高的颜色确定为第二目标颜色。

作为一种可选的实施方式，若在上述S401的步骤中未从各处理后的颜色中除第一目标颜色外的其他颜色中确定出上述候选颜色，则可以将第一默认色确定为上述第二目标颜色。可选的，第一默认色可以是根据用户喜好确定的颜色，或者，也可以是根据待处理图像的风格颜色确定的，例如，第一默认色可以是和待处理图像的风格颜色接近的颜色，又或者，第一默认色可以是和待处理图像的风格颜色相差较大的颜色。

本实施例中，通过从各处理后的颜色中除确定的第一目标颜色外的其他颜色中确定出候选颜色，而候选颜色的HSB通道值中的H值与第一目标颜色的HSB通道值中的H值的差值是大于第四阈值或者小于第五阈值，进而将候选颜色中在待处理图像中的占比最高的颜色确定为第二目标颜色，能够避免确定的第一目标颜色和第二目标颜色过于相似，导致显示界面显示的颜色缺少对比度，视觉效果差的问题；另外，确定的第一目标颜色和第二目标颜色有明显的对比效果，避免了同色系撞色导致显示的颜色糊成一个颜色的情况。

在上述从待处理图像的所有颜色中剔除预设颜色的场景中，有可能会存在待处理图像中的所有颜色均为预设颜色，剔除预设颜色后，不存在处理后的颜色的情况。在一个实施例中，在上述实施例的基础上，上述方法还包括：若从待处理图像的所有颜色中剔除预设颜色后，不存在处理后的颜色，则将第二默认色确定为第一目标颜色，将第三默认色确定为第二目标颜色。

在本实施例中，若从待处理图像的所有颜色中剔除上述预设颜色后，待处理图像中不存在上述处理后的颜色，则可以将第二默认色确定为上述第一目标颜色，将第三默认色确定为上述第二目标颜色。可选的，本实施例中的第二默认色和第三默认色可以为根据用户喜好确定的两个颜色，例如，第二默认色和第三默认色可以为颜色差异较大的两个颜色，也可以为颜色比较接近的两个颜色。可以理解的是，本实施例中的第二默认色可以为待处理图像中的所有颜色中的任一种，第三默认色也可以为待处理图像中的所有颜色中的任一种，或者，本实施例中的第二默认色可以为待处理图像中的所有颜色中的任一种，第三默认色可以为除待处理图像的所有颜色外的其他颜色中的任一种，又或者，第二默认色和第三默认色均可以为除待处理图像的所有颜色外的其他颜色中的任意两种颜色。

本实施例中，若从待处理图像的所有颜色中剔除预设颜色后，不存在上述处理后的颜色，通过将第二默认色确定为第一目标颜色，将第三默认色确定为第二目标颜色，丰富了确定的第一目标颜色和第二目标颜色的灵活性，使得显示界面显示的颜色更加贴近用户的需求，显示效果更好。

在上述将第一目标颜色和第二目标颜色填充至显示界面的目标区域的场景中，可以将第一目标颜色和第二目标颜色的明度值调整为统一值后再进行填充。在一个实施例中，如图6所示，上述S203，包括：

S501，将第一目标颜色的明度值和第二目标颜色的明度值调整为预设的明度阈值，得到处理后的第一目标颜色和处理后的第二目标颜色。

示例性地，本实施例中预设的明度阈值可以为70，或者，也可以为其他明度值，本实施例在此不做限制。可选的，在本实施例中，若第一目标颜色的明度值大于预设的明度阈值，则可以降低第一目标颜色的明度值，得到处理后的第一目标颜色，若第一目标颜色的明度值小于预设的明度阈值，则可以增大第一目标颜色的明度值，得到处理后的第一目标颜色；同样地，若第二目标颜色的明度值大于预设的明度阈值，则可以降低第二目标颜色的明度值，得到处理后的第二目标颜色，若第二目标颜色的明度值小于预设的明度阈值，则可以增大第二目标颜色的明度值，得到处理后的第二目标颜色。

S502，将处理后的第一目标颜色和处理后的第二目标颜色填充至显示界面的目标区域。

可选的，在本实施例中，目标区域可以包括如图7所示的第一区域和第二区域，第一区域和第二区域可以为以上述显示界面的宽度为半径所形成的圆形区域，且第一区域和第二区域的圆心均如图7所示位于显示界面的外部区域。可选的，在本实施例中，可以将处理后的第一目标颜色填充至第一区域，将处理后的第二目标颜色填充至第二区域。进一步地，可以采用径向渐变的填充方式分别将第一目标颜色填充至上述第一区域，将第二目标颜色填充至上述第二区域。示例性地，第一区域和第二区域的移动轨迹可以如图8所示，即可以分别控制第一区域和第二区域从起始位置沿顺时针方向进行移动，以上述待处理图像为播放音乐的封面图为例，采用上述方法将第一目标颜色填充至第一区域，将第二目标颜色填充至第二区域后，当开始播放音乐时，两个圆形色块的圆心可以分别从如图8所示的起始位置开始(巧妙的将圆的半径扩大，圆心运动轨迹置于屏幕外，解决了安卓设备下渐变效果的中心位置过渡不均匀的问题)，同时沿顺时针匀速运动。

本实施例中，通过将第一目标颜色的明度值和第二目标颜色的明度值调整为预设的明度阈值，将处理后的第一目标颜色和处理后的第二目标颜色填充至显示界面的目标区域，可以保证第一目标颜色和第二目标颜色组合后，呈现一致的明亮度，并且可以通过调整两个图层的颜色值，适配白天和夜间模式。

下面结合一个具体的界面显示场景来介绍本公开的一个实施例，具体参见图9所示，该方法包括如下步骤：

S1，从待处理图像的所有颜色中剔除预设颜色，得到待处理图像对应的多个处理后的颜色；其中，预设颜色包括第一颜色、第二颜色和第三颜色中的任一种，第一颜色的HSB通道值中的S值大于第一阈值，第二颜色的HSB通道值中的B值大于第二阈值，第三颜色的HSB通道值中的S值小于第三阈值，第一阈值大于第三阈值。

S2，将各处理后的颜色在待处理图像中的占比最高的颜色，确定为第一目标颜色。

S3，从各处理后的颜色中除第一目标颜色外的其他颜色中确定出候选颜色；其中，候选颜色的HSB通道值中的H值与第一目标颜色的HSB通道值中的H值的差值大于第四阈值或者小于第五阈值。

S5，将候选颜色中在待处理图像中的占比最高的颜色，确定为第二目标颜色；若从待处理图像的所有颜色中剔除预设颜色后，不存在处理后的颜色，则将第二默认色确定为第一目标颜色，将第三默认色确定为第二目标颜色；若未从各处理后的颜色中除第一目标颜色外的颜色中确定出候选颜色，则将第一默认色确定为第二目标颜色。

S6，将第一目标颜色的明度值和第二目标颜色的明度值调整为预设的明度阈值，得到处理后的第一目标颜色和处理后的第二目标颜色。

S7，采用径向渐变的填充方式，分别将处理后的第一目标颜色填充至第一区域，将处理后的第二目标颜色填充至第二区域；其中，第一区域和第二区域为以显示界面的宽度为半径所形成的圆形区域，且第一区域和第二区域的圆心均位于显示界面的外部区域。

S8，分别控制第一区域和第二区域从起始位置沿顺时针方向进行移动。

需要说明的是，针对上述S1-S8中的描述可以参见上述实施例中相关的描述，且其效果类似，本实施例在此不再赘述。

应该理解的是，虽然图2-6的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-6中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图10所示，提供了一种界面颜色处理装置，包括：获取模块、第一确定模块和显示模块，其中：

获取模块，用于从待处理图像的所有颜色中剔除预设颜色，得到待处理图像对应的多个处理后的颜色。

第一确定模块，用于根据各处理后的颜色在待处理图像中的占比，从处理后的颜色中确定出第一目标颜色和第二目标颜色。

显示模块，用于将第一目标颜色和第二目标颜色填充至显示界面的目标区域。

可选的，预设颜色包括第一颜色、第二颜色和第三颜色中的任一种，第一颜色的HSB通道值中的S值大于第一阈值，第二颜色的HSB通道值中的B值大于第二阈值，第三颜色的HSB通道值中的S值小于第三阈值，第一阈值大于第三阈值。

本实施例提供的界面颜色处理装置，可以执行上述方法实施例，其实现原理和技术效果类似，在此不再赘述。

在上述实施例的基础上，可选的，上述第一确定模块包括：第一确定单元和第二确定单元，其中：

第一确定单元，用于将各处理后的颜色在待处理图像中的占比最高的颜色，确定为第一目标颜色。

第二确定单元，用于从各处理后的颜色中除第一目标颜色外的其他颜色中确定第二目标颜色。

本实施例提供的界面颜色处理装置，可以执行上述方法实施例，其实现原理和技术效果类似，在此不再赘述。

在上述实施例的基础上，可选的，上述第二确定单元，用于从各处理后的颜色中除第一目标颜色外的其他颜色中确定出候选颜色；其中，候选颜色的HSB通道值中的H值与第一目标颜色的HSB通道值中的H值的差值大于第四阈值或者小于第五阈值；将候选颜色中在待处理图像中的占比最高的颜色，确定为第二目标颜色。

本实施例提供的界面颜色处理装置，可以执行上述方法实施例，其实现原理和技术效果类似，在此不再赘述。

在上述实施例的基础上，可选的，上述装置还包括：第二确定模块，其中：

第二确定模块，用于若未从各处理后的颜色中除第一目标颜色外的颜色中确定出候选颜色，则将第一默认色确定为第二目标颜色。

本实施例提供的界面颜色处理装置，可以执行上述方法实施例，其实现原理和技术效果类似，在此不再赘述。

在上述实施例的基础上，可选的，上述装置还包括：第三确定模块，其中：

第三确定模块，用于若从待处理图像的所有颜色中剔除预设颜色后，不存在处理后的颜色，则将第二默认色确定为第一目标颜色，将第三默认色确定为第二目标颜色。

本实施例提供的界面颜色处理装置，可以执行上述方法实施例，其实现原理和技术效果类似，在此不再赘述。

在上述实施例的基础上，可选的，上述显示模块，包括：处理单元和显示单元，其中：

处理单元，用于将第一目标颜色的明度值和第二目标颜色的明度值调整为预设的明度阈值，得到处理后的第一目标颜色和处理后的第二目标颜色。

显示单元，用于将处理后的第一目标颜色和处理后的第二目标颜色填充至显示界面的目标区域。

本实施例提供的界面颜色处理装置，可以执行上述方法实施例，其实现原理和技术效果类似，在此不再赘述。

在上述实施例的基础上，可选的，上述目标区域包括第一区域和第二区域；上述显示单元，用于采用径向渐变的填充方式，分别将处理后的第一目标颜色填充至第一区域，将处理后的第二目标颜色填充至第二区域；其中，第一区域和第二区域为以显示界面的宽度为半径所形成的圆形区域，且第一区域和第二区域的圆心均位于显示界面的外部区域。

本实施例提供的界面颜色处理装置，可以执行上述方法实施例，其实现原理和技术效果类似，在此不再赘述。

在上述实施例的基础上，可选的，上述装置还包括：控制模块，其中：

控制模块，用于分别控制所述第一区域和所述第二区域从起始位置沿顺时针方向进行移动。

本实施例提供的界面颜色处理装置，可以执行上述方法实施例，其实现原理和技术效果类似，在此不再赘述。

关于界面颜色处理装置的具体限定可以参见上文中对于界面颜色处理方法的限定，在此不再赘述。上述界面颜色处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以以硬件形式内嵌于或独立于电子设备中的处理器中，也可以以软件形式存储于电子设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

图11是根据一示例性实施例示出的一种电子设备1300的框图。例如，电子设备1300可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图11，电子设备1300可以包括以下一个或多个组件：处理组件1302，存储器1304，电源组件1306，多媒体组件1308，音频组件1310，输入/输出(I/O)的接口1312，传感器组件1314，以及通信组件1316。其中，存储器上存储有在处理器上运行的计算机程序或者指令。

处理组件1302通常控制电子设备1300的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件1302可以包括一个或多个处理器1320来执行指令，以完成上述方法的全部或部分步骤。此外，处理组件1302可以包括一个或多个模块，便于处理组件1302和其他组件之间的交互。例如，处理组件1302可以包括多媒体模块，以方便多媒体组件1308和处理组件1302之间的交互。

存储器1304被配置为存储各种类型的数据以支持在电子设备1300的操作。这些数据的示例包括用于在电子设备1300上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器1304可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件1306为电子设备1300的各种组件提供电力。电源组件1306可以包括电源管理系统，一个或多个电源，及其他与为电子设备1300生成、管理和分配电力相关联的组件。

多媒体组件1308包括在所述电子设备1300和用户之间的提供一个输出接口的触控显示屏。在一些实施例中，触控显示屏可以包括液晶显示器(LCD)和触摸面板(TP)。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件1308包括一个前置摄像头和/或后置摄像头。当电子设备1300处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件1310被配置为输出和/或输入音频信号。例如，音频组件1310包括一个麦克风(MIC)，当电子设备1300处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1304或经由通信组件1316发送。在一些实施例中，音频组件1310还包括一个扬声器，用于输出音频信号。

I/O接口1312为处理组件1302和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件1314包括一个或多个传感器，用于为电子设备1300提供各个方面的状态评估。例如，传感器组件1314可以检测到电子设备1300的打开/关闭状态，组件的相对定位，例如所述组件为电子设备1300的显示器和小键盘，传感器组件1314还可以检测电子设备1300或电子设备1300一个组件的区域改变，用户与电子设备1300接触的存在或不存在，电子设备1300方位或加速/减速和电子设备1300的温度变化。传感器组件1314可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1314还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件1314还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件1316被配置为便于电子设备1300和其他设备之间有线或无线方式的通信。电子设备1300可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件1316经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件1316还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，电子设备1300可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述界面颜色处理方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器1304，上述指令可由电子设备1300的处理器1320执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供了一种计算机程序产品，该计算机程序被处理器执行时，可以实现上述方法。该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行这些计算机指令时，可以全部或部分地按照本公开实施例所述的流程或功能实现上述方法中的部分或者全部。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本公开实施例所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本公开实施例的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本公开实施例构思的前提下，还可以做出若干变形和改进，这些都属于本公开实施例的保护范围。因此，本公开实施例专利的保护范围应以所附权利要求为准。

Claims (13)

1.一种界面颜色处理方法，其特征在于，所述方法包括：

从待处理图像的所有颜色中剔除预设颜色，得到所述待处理图像对应的多个处理后的颜色；

根据各所述处理后的颜色在所述待处理图像中的占比，从所述处理后的颜色中确定出第一目标颜色和第二目标颜色；

将所述第一目标颜色和所述第二目标颜色填充至显示界面的目标区域。

2.根据权利要求1所述的方法，其特征在于，所述预设颜色包括第一颜色、第二颜色和第三颜色中的任一种，所述第一颜色的HSB通道值中的S值大于第一阈值，所述第二颜色的HSB通道值中的B值大于第二阈值，所述第三颜色的HSB通道值中的S值小于第三阈值，所述第一阈值大于所述第三阈值。

3.根据权利要求1或2所述的方法，其特征在于，所述根据各所述处理后的颜色在所述待处理图像中的占比，从所述处理后的颜色中确定出第一目标颜色和第二目标颜色，包括：

将各所述处理后的颜色在所述待处理图像中的占比最高的颜色，确定为所述第一目标颜色；

从各所述处理后的颜色中除所述第一目标颜色外的其他颜色中确定所述第二目标颜色。

4.根据权利要求3所述的方法，其特征在于，所述从各所述处理后的颜色中除所述第一目标颜色外的其他颜色中确定所述第二目标颜色，包括：

从各所述处理后的颜色中除所述第一目标颜色外的其他颜色中确定出候选颜色；其中，所述候选颜色的HSB通道值中的H值与所述第一目标颜色的HSB通道值中的H值的差值大于第四阈值或者小于第五阈值；

将所述候选颜色中在所述待处理图像中的占比最高的颜色，确定为所述第二目标颜色。

5.根据权利要求4所述的方法，其特征在于，所述方法还包括：

若未从各所述处理后的颜色中除所述第一目标颜色外的颜色中确定出所述候选颜色，则将第一默认色确定为所述第二目标颜色。

6.根据权利要求1或2所述的方法，其特征在于，所述方法还包括：

若从所述待处理图像的所有颜色中剔除所述预设颜色后，不存在所述处理后的颜色，则将第二默认色确定为所述第一目标颜色，将第三默认色确定为所述第二目标颜色。

7.根据权利要求1或2所述的方法，其特征在于，所述将所述第一目标颜色和所述第二目标颜色填充至显示界面的目标区域，包括：

将所述第一目标颜色的明度值和所述第二目标颜色的明度值调整为预设的明度阈值，得到处理后的第一目标颜色和处理后的第二目标颜色；

将所述处理后的第一目标颜色和所述处理后的第二目标颜色填充至所述显示界面的目标区域。

8.根据权利要求7所述的方法，其特征在于，所述目标区域包括第一区域和第二区域；所述将所述处理后的第一目标颜色和所述处理后的第二目标颜色填充至所述显示界面的目标区域，包括：

采用径向渐变的填充方式，分别将所述处理后的第一目标颜色填充至所述第一区域，将所述处理后的第二目标颜色填充至所述第二区域；其中，所述第一区域和所述第二区域为以所述显示界面的宽度为半径所形成的圆形区域，且所述第一区域和所述第二区域的圆心均位于所述显示界面的外部区域。

9.根据权利要求8所述的方法，其特征在于，所述方法还包括：

分别控制所述第一区域和所述第二区域从起始位置沿顺时针方向进行移动。

10.一种界面颜色处理装置，其特征在于，所述装置包括：

获取模块，用于从待处理图像的所有颜色中剔除预设颜色，得到所述待处理图像对应的多个处理后的颜色；

第一确定模块，用于根据各所述处理后的颜色在所述待处理图像中的占比，从所述处理后的颜色中确定出第一目标颜色和第二目标颜色；

显示模块，用于将所述第一目标颜色和所述第二目标颜色填充至显示界面的目标区域。

11.一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至9中任一项所述的方法的步骤。

12.一种存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至9中任一项所述的方法的步骤。

13.一种计算机程序产品，包括计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1-9中任一项所述的方法的步骤。