图像生成方法和装置、计算机设备和计算机存储介质与流程

本申请涉及图像处理技术领域，特别是涉及一种图像生成方法、装置、计算机设备和计算机可读存储介质。

背景技术：

图像取色技术是指提取目标图像中的颜色。例如对于一些专辑封面图像或者应用图像，可以通过图像取色技术提取图像中的颜色生成的匹配图像，将匹配图像与专辑封面图像或者应用图像搭配显示，并在显示的匹配图像中标示专辑或应用的内容介绍等等，以有效提升目标图像的显示效果。

现有的图像取色技术，应用在有各种各样图像的地方时，图像提取的颜色不可控因素较大，导致提取的颜色生成的匹配图像无法清楚地显示匹配图像需要承载的目标图像的内容。

技术实现要素：

本申请实施例提供一种图像生成方法、装置、计算机设备和计算机可读存储介质，使得生成的图像可控性更强，提升图像承载内容的显示效果。

一种图像生成方法，包括：

提取目标图像中的第一颜色和第二颜色；

对第一颜色的颜色分量进行调整，得到第一基色；对第二颜色的颜色分量进行调整，得到第二基色；其中，颜色分量包括饱和度和/或亮度；

生成包含第一基色和第二基色的匹配图像；匹配图像用于与目标图像在同一显示界面显示。

一种图像生成装置，包括：

颜色提取模块，用于提取目标图像中的第一颜色和第二颜色；

颜色调整模块，用于对第一颜色的颜色分量进行调整，得到第一基色；对第二颜色的颜色分量进行调整，得到第二基色；其中，颜色分量包括饱和度和/或亮度；

图像生成模块，用于生成包含第一基色和第二基色的匹配图像；匹配图像用于与目标图像在同一显示界面显示。

一种计算机设备，包括存储器及处理器，所述存储器中储存有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如上所述的图像生成方法的步骤。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的图像生成方法的步骤。

上述图像生成方法、装置、计算机设备和计算机可读存储介质，提取目标图像中的第一颜色和第二颜色，通过调整提取的第一颜色和第二颜色的饱和度和/或亮度，可以灵活地根据实际的界面显示需求，对提取的颜色进行适应性地调整，使得调整后的颜色与原始提取的颜色之间形成有效的区分，利用调整后的第一基色和第二基色形成匹配图像，避免原始提取的单一颜色形成的匹配图像单调且容易与搭配显示的目标图像近似导致显示不清晰的情况，以提升生成的匹配图像的显示效果。

附图说明

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

图1为一个实施例中图像生成方法的应用环境示意图；

图2为一个实施例中图像生成方法的流程图；

图3为一个实施例中现有技术中目标图像提取颜色生成匹配图像的示意图；

图4为一个实施例中现有技术中生成的匹配图像的显示效果图；

图5为本申请一个实施例中目标图像提取颜色生成匹配图像的示意图；

图6为本申请一个实施例中生成的匹配图像的显示效果图；

图7为一个实施例中调整第一颜色和第二颜色的亮度得到第一基色和第二基色步骤的流程图；

图8为另一个实施例中调整第一颜色和第二颜色的亮度得到第一基色和第二基色步骤的流程图；

图9为又一个实施例中调整第一颜色和第二颜色的亮度得到第一基色和第二基色步骤的流程图；

图10为一个实施例中调整第一颜色和第二颜色的饱和度得到第一基色和第二基色步骤的流程图；

图11为另一个实施例中调整第一颜色和第二颜色的饱和度得到第一基色和第二基色步骤的流程图；

图12为一个实施例中调整第一颜色和第二颜色的饱和度得到第一基色和第二基色步骤的流程图；

图13为本申请另一个实施例中目标图像提取颜色生成匹配图像的示意图；

图14为本申请另一个实施例中生成的匹配图像和目标元素的显示效果图；

图15为本申请另一个实施例中生成的匹配图像的显示效果图；

图16为一个实施例的图像生成装置的结构框图；

图17为一个实施例中服务器的内部结构示意图；

图18为一个实施例中终端的内部结构示意图。

具体实施方式

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

可以理解，本申请所使用的术语“第一”、“第二”等仅用于名称的区分，但是不构成对其数量或顺序的限制。举例来说，在不脱离本申请的范围的情况下，可以将第一颜色称为第二颜色，且类似地，可将第二颜色称为第一颜色。第一颜色和第二颜色两者都是颜色，但其可以不是同一颜色。

图1为一个实施例中图像生成方法的应用环境示意图。如图1所示，该应用环境包括用户终端101和服务器102；在一个实施例中，服务器102读取预存的目标图像，提取目标图像中的第一颜色和第二颜色，对第一颜色在颜色空间的通道值进行调整，得到第一基色，对第二颜色在颜色空间的通道值进行调整，得到第二基色，生成包含第一基色和第二基色的匹配图像，服务器102将目标图像和对应的匹配图像传输至用户终端101，用户终端101在显示界面对接收的匹配图像和目标图像进行对应显示。在另一个实施例中，服务器102也可以将目标图像传输至用户终端101，用户终端101提取目标图像中的第一颜色和第二颜色，对第一颜色在颜色空间的通道值进行调整，得到第一基色，对第二颜色在颜色空间的通道值进行调整，得到第二基色，生成包含第一基色和第二基色的匹配图像，用户终端101在显示界面对接收的匹配图像和目标图像进行对应显示。其中，用户终端101为处于计算机网络最外围，主要用于输入用户信息以及输出处理结果的电子设备，例如可以是个人电脑、移动终端、个人数字助理、可穿戴电子设备等。服务器102是用于响应服务请求，同时提供计算服务的设备，例如可以是一台或者多台计算机。

图2为一个实施例中图像生成方法的流程图。如图2所示，本实施例中的图像生成方法，包括步骤220至步骤260。

步骤220，提取目标图像中的第一颜色和第二颜色；

提取目标图像中的第一颜色和第二颜色；

其中，目标图像是指的需要进行颜色提取，以根据提取的颜色生成对应的匹配图像的图像，目标图像一般是由若干个像素点构成的，每个像素点的都可以具有一个颜色，图像中的像素点排列成一个二维矩阵，然后通过图像中像素点的规律排列形成不同的图案。

在此步骤中，可以在目标图像中具有的多个颜色中，提取出其中的两个颜色，分别作为第一颜色和第二颜色，其中第一颜色和第二颜色的值可以用颜色空间的多个通道值表示。

步骤240，对第一颜色的颜色分量进行调整，得到第一基色；对第二颜色的颜色分量进行调整，得到第二基色；其中，颜色分量包括饱和度和/或亮度；

其中，图像中每个像素点的颜色均可以通过颜色空间的颜色分量值来表示；颜色空间是用多个独立的颜色分量表示颜色的取值的模型，图像中的每一个像素点均可以由颜色空间的多个通道构成，通过这多个通道不同的取值来表示不同的颜色。在本申请实施例中，颜色空间可以是亮度-色度-饱和度类型的颜色空间，例如可以是hsb颜色空间，其中hsb颜色空间由色调h、饱和度s和亮度b三通道构成，在对颜色的饱和度和/或亮度进行调整时，可以直接对hsb颜色空间的饱和度s通道和/或亮度b通道的通道值进行调整实现。本领域技术人员可以理解，对于颜色采用其他颜色空间例如rgb或yuv等表示的情况下，也可以通过对应的方式实现对饱和度和/或亮度的调整，例如若第一颜色用rgb表示，则可以通过同步增大或同步减小r、g和b三个通道的值来调整颜色的饱和度和亮度。

在上述步骤中，可以对第一颜色和第二颜色的饱和度和/或亮度分别进行调整，以第一颜色和第二颜色用hsb表示为例，可以根据实际显示效果的需要对饱和度和亮度两个通道之中的一个或多个组合进行调整。

步骤260，生成包含第一基色和第二基色的匹配图像；

其中，匹配图像是用于与目标图像在同一显示界面进行搭配显示的图像，匹配图像一般根据目标图像中提取的颜色生成，可以与目标图像在颜色上形成相互呼应的显示效果。例如，匹配图像可以在目标图像周围的任意位置拼接显示，匹配图像还可以作为背景图像，将目标图像承载于匹配图像之上进行显示。在本申请实施例的技术方案中，匹配图像具有相对广范的定义，其可以是包含第一基色和第二基色的视觉信息的任意形式的可在界面进行显示的元素，例如可以是图片、界面上承载颜色的容器、图标或文字等等。

在上述步骤中，根据步骤240调整得到的第一基色和第二基色，生成包含第一基色和第二基色的匹配图像，其中，匹配图像中第一基色和第二基色可以以不同的方式构成图像，可以是第一基色和第二基色进行颜色拼接的图像、图标或文字等元素，或者是第一基色和第二基色构成的渐变色图像、图标或文字等元素，或者是其它形式图像的元素等等。

如果将目标图像提取的颜色直接生成匹配图像，则生成的匹配图像颜色较为固定，不能满足不同情况下生成的匹配图像的使用需求。如图3和图4所示，图3为一个实施例中现有技术中目标图像提取颜色生成匹配图像的示意图，图4为一个实施例中现有技术中生成的匹配图像的显示效果图。图3中，以目标图像为xx应用的图标310为例，现有技术仅取图标310中显示占比最多的一个颜色，即如图3中的第一颜色311，直接用该第一颜色311生成对应的匹配图像320。如图4所示，在将匹配图像320用于图标310的衬底时，该匹配图像320与图标310的第一颜色311近似难以区分，且在用匹配图像320承载深色文字330的显示效果很浓重，显示效果不佳。

本申请的上述图像生成方法，提取目标图像中的第一颜色和第二颜色，通过调整提取的第一颜色和第二颜色的饱和度和/或亮度，可以灵活地根据实际的界面显示需求，对提取的颜色进行适应性地调整，使得调整后的颜色与原始提取的颜色之间形成有效的区分，利用调整后的第一基色和第二基色形成匹配图像，避免原始提取的单一颜色形成的匹配图像单调且容易与搭配显示的目标图像近似导致显示不清晰的情况，以提升生成的匹配图像的显示效果。

在一个实施例中，上述步骤220中提取目标图像中的第一颜色和第二颜色，可以包括：提取目标图像中占据显示面积比例最大的颜色，作为第一颜色；提取目标图像中占据显示面积比例第二大的颜色，作为第二颜色。通过选取颜色占据目标图像显示比例最大的两种颜色作为该目标图像的第一颜色和第二颜色，可以使得提取的第一颜色和第二颜色能够较大程度地反映目标图像的整体色调，从而使得调整生成的匹配图像与该目标图像具有较好的搭配显示效果。

其中，对于颜色提取的具体实现方式，可以根据实际的需要调整，例如可以根据颜色的饱和度或亮度值进行选择，比如选择饱和度处于某一范围的颜色；或者可以根据目标图像中颜色的分布状况进行选择，比如选择目标图像边缘分布或中心分布的颜色；又或者可以根据目标图像中颜色占据的比例选择，例如可以选择目标图像中色块占比最高的两个颜色。

在一个实施例中，步骤220提取目标图像中的第一颜色和第二颜色，包括：统计目标图像中各个颜色所占据的像素点数量；提取目标图像中对应像素点数量最多的两种颜色，分别作为第一颜色和第二颜色。通过对目标图像中各个颜色占据像素点数量的统计，能够较快速地实现对颜色占比最高颜色的提取。

在另一个实施例中，步骤220提取目标图像中的第一颜色和第二颜色，包括：对目标图像进行色块划分，依照颜色的近似度将每一组相近似的颜色的像素点划分至一个色块；统计各个色块包括的像素点数量；在像素点数量最多的两个色块中，分别提取颜色作为第一颜色和第二颜色。对目标图像依照颜色近似度划分色块，以色块为分类进行颜色的选择提取，对于图像中像素点的颜色分布范围较广例如渐变色的情况，可以更加合理地提取出图像整体的颜色分布特征。

如图5所示，图5为本申请一个实施例中目标图像提取颜色生成匹配图像的示意图。以目标图像中提取的第一颜色为和第二颜色均用hsb表示为例，图5中，可以提取目标图像510中显示比例最多的两个颜色，分别作为第一颜色和第二颜色，其中，图5中第一颜色511的hsb(h,s,b)值为(172,100,64)，第二颜色512的hsb(h,s,b)值为(32,94,95)。

在对第一颜色和第二颜色进行调整时，可以根据实际显示需求，选择亮度和饱和度中的任意一个进行调整，或者两个都进行调整。在一个实施例中，步骤340中对第一颜色在颜色空间的通道值进行调整，得到第一基色，对第二颜色在颜色空间的通道值进行调整，得到第二基色，包括：将第一颜色的饱和度和亮度调整至第一饱和度和第一亮度，得到第一基色；将第二颜色的饱和度和亮度调整至第二饱和度和第二亮度，得到第二基色；其中，第一饱和度大于第二饱和度，以确保调整得到的第一基色和第二基色之间形成有效的颜色区分；第一亮度和第二亮度则可以取相同或不同的亮度值。

如图5所示，以图5中提取的第一颜色511的hsb(h,s,b)值为(172,100,64)，第二颜色512的hsb(h,s,b)值为(32,94,95)为例，可以修改第一颜色511的饱和度s值为20，明度b值为100，则修改后得到的第一基色513的hsb值为(172,20,100)；修改第二颜色512的饱和度s值为5，明度b值为100，则修改后得到的第二基色514的hsb值为(32,5，100)。图5中对饱和度和明度取值的修改值仅做示例，在其他实施例中，修改后的第一基色513和第二基色514的饱和度和明度也可以具有不同的取值。如图6所示，颜色调整后生成的匹配图像520可以与目标图像510具有更明显的区分。

现有技术在对目标图像的颜色进行提取时，提取的颜色与目标图像近似，在生成匹配图像并在匹配图像上显示目标图像时，容易导致与目标图像颜色近似难以区分，显示效果较差。上述实施例的技术方案，通过将第一颜色和第二颜色饱和度和亮度调整至合适的取值，避免原始提取的颜色饱和度和亮度过高或过低导致生成的图像上的文字等内容显示不清晰的问题。

除了直接根据显示需要将第一颜色和第二颜色调整至预设的亮度和饱和度的值之外，还可以根据需要承载显示于匹配图像之上的目标元素的颜色分量的值，对第一颜色和第二颜色进行适应性调整。

在一个实施例中，如图7所示，当颜色分量包括亮度时，步骤240中对第一颜色的颜色分量进行调整，得到第一基色；对第二颜色的颜色分量进行调整，得到第二基色，可以包括步骤241和步骤242：步骤241，获取待显示的目标元素的亮度参数；目标元素用于显示于待生成的匹配图像上；步骤242，若亮度参数高于第一亮度阈值，则将第一颜色的亮度调整至第一亮度，得到第一基色，并将第二颜色的亮度调整至第二亮度，得到第二基色；其中，第一亮度和第二亮度低于或等于第一亮度阈值。

其中，目标元素是需要在匹配图像之上进行显示的元素，例如目标元素可以是目标图像，也可以是匹配图像需要承载的文字或图标等；亮度参数是表征该目标元素中包含的颜色的亮度的参数，其可以具有不同的提取方式，例如可以是目标元素中某一个颜色的亮度值，也可以是目标元素中多个颜色的加权平均亮度值或绝对平均亮度值等等。

上述实施例的技术方案，在匹配图像需要承载显示的目标元素的亮度参数高于第一亮度阈值时，即目标元素亮度较高，颜色较浅时，将第一颜色和第二颜色的亮度调整至低于或等于第一亮度阈值，以使得调整后的第一基色和第二基色具有相对于目标元素更深的色颜色，能够与需要承载显示的目标元素的颜色进行有效区分，使得生成的匹配图像承载显示的目标元素显示更加清晰，显示效果更好。

在另一个实施例中，如图8所示，当颜色分量包括亮度时，步骤240中对第一颜色的颜色分量进行调整，得到第一基色；对第二颜色的颜色分量进行调整，得到第二基色，也可以包括步骤243和步骤244：步骤243，获取待显示的目标元素的亮度参数；目标元素用于显示于待生成的匹配图像上；步骤244，若亮度参数低于第二亮度阈值，则将第一颜色的亮度调整至第三亮度，得到第一基色，并将第二颜色的亮度调整至第四亮度，得到第二基色；其中，第三亮度和第四亮度高于或等于第二亮度阈值。

上述实施例的技术方案，在匹配图像需要承载显示的目标元素的亮度参数低于第二亮度阈值时，即目标元素亮度较低，颜色较深时，将第一颜色和第二颜色的亮度调整至高于或等于第一亮度阈值，以使得调整后的第一基色和第二基色具有相对于目标元素更浅的颜色，能够与需要承载显示的目标元素的颜色进行有效区分，使得生成的匹配图像承载显示的目标元素显示更加清晰，显示效果更好。

在又一个实施例中，如图9所示，当颜色分量包括亮度时，步骤240中对第一颜色的颜色分量进行调整，得到第一基色；对第二颜色的颜色分量进行调整，得到第二基色，还可以包括步骤245和步骤246：步骤245，获取待显示的目标元素的亮度参数；目标元素用于显示于待生成的匹配图像上；步骤246，将第一颜色的亮度调整至第五亮度，得到第一基色，并将第二颜色的亮度调整至第六亮度，得到第二基色；其中，第五亮度与亮度参数之间相差预设的第一亮度差值，且第六亮度与亮度参数之间相差预设的第二亮度差值。

上述实施例的技术方案，根据匹配图像需要承载显示的目标元素的亮度参数，对第一颜色和第二颜色的亮度进行调整，使得调整后的第一基色与目标元素的亮度参数之间相差预设的第一亮度差值，调整后的第二基色与目标元素的亮度参数之间相差预设的第二亮度差值，匹配图像能够与需要承载显示的目标元素的颜色进行有效区分，使得生成的匹配图像承载显示的目标元素显示更加清晰，显示效果更好。

在一个实施例中，如图10所示，当颜色分量包括饱和度时，步骤240中对第一颜色的颜色分量进行调整，得到第一基色；对第二颜色的颜色分量进行调整，得到第二基色，可以包括步骤251和步骤252：步骤251，获取待显示的目标元素的饱和度参数；目标元素用于显示于待生成的匹配图像上；步骤252，若饱和度参数高于第一饱和度阈值，则将第一颜色的饱和度调整至第一饱和度，得到第一基色，并将第二颜色的饱和度调整至第二饱和度，得到第二基色；其中，第一饱和度和第二饱和度低于或等于第一饱和度阈值。

其中，目标元素是需要在匹配图像之上进行显示的元素，例如目标元素可以是目标图像，也可以是匹配图像需要承载的文字或图标等；饱和度参数是表征该目标元素中包含的颜色的饱和度的参数，其可以具有不同的提取方式，例如可以是目标元素中某一个颜色的饱和度值，也可以是目标元素中多个颜色的加权平均饱和度值或绝对平均饱和度值等等。

上述实施例的技术方案，在匹配图像需要承载显示的目标元素的饱和度参数高于第一饱和度阈值时，即目标元素饱和度较高，颜色较艳丽时，将第一颜色和第二颜色的饱和度调整至低于或等于第一饱和度阈值，以使得调整后的第一基色和第二基色显示效果更加柔和，且能够与需要承载显示的目标元素的颜色进行有效区分，使得生成的匹配图像承载显示的目标元素显示更加清晰，显示效果更好。

在另一个实施例中，如图11所示，当颜色分量包括饱和度时，步骤240中对第一颜色的颜色分量进行调整，得到第一基色；对第二颜色的颜色分量进行调整，得到第二基色，也可以包括步骤253和步骤254：步骤253，获取待显示的目标元素的饱和度参数；目标元素用于显示于待生成的匹配图像上；步骤254，若饱和度参数低于第二饱和度阈值，则将第一颜色的饱和度调整至第三饱和度，得到第一基色，并将第二颜色的饱和度调整至第四饱和度，得到第二基色；其中，第三饱和度和第四饱和度高于或等于第二饱和度阈值。

上述实施例的技术方案，在匹配图像需要承载显示的目标元素的饱和度参数低于第二饱和度阈值时，即目标元素饱和度较低，颜色较暗淡时，将第一颜色和第二颜色的饱和度调整至高于或等于第二饱和度阈值，以使得调整后的第一基色和第二基色显示效果更加鲜明，且能够与需要承载显示的目标元素的颜色进行有效区分，使得生成的匹配图像承载显示的目标元素显示更加清晰，显示效果更好。

在又一个实施例中，如图12所示，当颜色分量包括饱和度时，步骤240中对第一颜色的颜色分量进行调整，得到第一基色；对第二颜色的颜色分量进行调整，得到第二基色，还可以包括步骤255和步骤256：步骤255，获取待显示的目标元素的饱和度参数；目标元素用于显示于待生成的匹配图像上；步骤256，将第一颜色的饱和度调整至第五饱和度，得到第一基色，并将第二颜色的饱和度调整至第六饱和度，得到第二基色；其中，第五饱和度与饱和度参数之间相差预设的第一饱和度差值，且第六饱和度与饱和度参数之间相差预设的第二饱和度差值。

上述实施例的技术方案，根据匹配图像需要承载显示的目标元素的饱和度参数，对第一颜色和第二颜色的饱和度进行调整，使得调整后的第一基色与目标元素的饱和度参数之间相差预设的第一饱和度差值，调整后的第二基色与目标元素的饱和度参数之间相差预设的第二饱和度差值，匹配图像能够与需要承载显示的目标元素的颜色进行有效区分，使得生成的匹配图像承载显示的目标元素显示更加清晰，显示效果更好。

如图5所示，以目标元素为目标图像，第一饱和度阈值取40，第一亮度阈值取80为例，目标图像中可以取得第一颜色511，其hsb(h,s,b)值为(172,100,64)，第一颜色的饱和度s大于40，因此，可以将第一颜色511的hsb(172,100,64)和第二颜色512的hsb(h,s,b)值(32,94,95)中，饱和度均调整至低于40，亮度均调整至高于80。例如可以调整第一颜色511得到第一基色513的hsb值为(172,20,100)；调整第二颜色得到第二基色514的hsb值为(32,5,100)。调整后生成的匹配图像520与目标图像510的显示效果如图6所示，可以在目标图像510颜色较深时，匹配图像520与目标图像510的颜色之间形成较好的区分显示。

如图13所示，以目标元素为目标文字1310，第二饱和度阈值取40，第二亮度阈值取40为例，图13中，目标文字1310为第三颜色1311，其hsb(h,s,b)值为(138,20,200)，第三颜色的饱和度s小于40，因此，可以将第一颜色511的hsb(172,100,64)和第二颜色512的hsb(h,s,b)值(32,94,95)中，饱和度均调整至高于40，亮度均调整至低于40。例如可以调整第一颜色511得到第一基色515的hsb值为(172,100,20)；调整第二颜色得到第二基色516的hsb值为(32,94，20)。调整后生成的匹配图像1320与目标文字1310的显示效果如图14所示，可以在目标文字1310颜色较浅时，匹配图像1320对承载的目标文字1310进行清晰地显示。

在本申请实施例中，匹配图像中第一基色和第二基色可以以不同的方式构成图像，可以是第一基色和第二基色进行颜色拼接的图像、图标或文字等元素，或者是第一基色和第二基色构成的渐变色图像、图标或文字等元素，或者是其它形式图像的元素等等。

在一个实施例中，步骤260生成包含第一基色和第二基色的匹配图像，包括：生成包含由第一基色渐变至第二基色的渐变色的图像，作为匹配图像。根据目标图像中提取的第一颜色和第二颜色，生成由第一基色渐变至第二基色的渐变色作为图像，通过渐变色的生成，避免提取单一颜色生成的图像较为死板，且易与原始颜色或承载内容颜色近似导致显示不清晰的问题，有效提升了生成的图像相关内容的显示效果。

如图5所示，以第一基色513的hsb值为(172,20,100),第二基色514的hsb值为(32,5,100)为例，可以生成自上之下的第一基色513向第二基色514渐变的渐变图，作为匹配图像520。在其它示例中，渐变图还可以有各种不同的形式，例如可以是自左至右、左上角至右下角等等其它任意角度的颜色渐变，或者是例如四角向中心渐变，中间向两端渐变等等其它的图样渐变。

在一个实施例中，步骤260生成包含第一基色和第二基色的匹配图像之后，还包括：在同一显示界面显示匹配图像、目标图像、第一元素以及第二元素；

其中，匹配图像显示于显示界面的第一位置，目标图像显示于匹配图像之上的第二位置；第一元素显示于匹配图像上的第三位置，第二元素显示于第一元素之上的第四位置；第一元素是根据第一基色生成，第二元素是根据第一颜色生成。

其中，匹配图像可以在目标图像的任意位置进行显示，例如可以作为衬底图像显示在目标图像的底层，或者可以显示在目标图像相邻的位置，或者也可以不与目标图像紧邻，而是间隔一定的显示区域显示。例如，如图6所示，图6为本申请一个实施例中生成的匹配图像的显示效果图，可以在显示界面的第一位置显示匹配图像520，再在匹配图像520上靠近上边缘位置处部分重叠地覆盖显示目标图像530。

如图15所示，可以在显示界面的第一位置显示匹配图像520，再在匹配图像520的渐变色上靠近第一基色端的第二位置显示目标图像530；在匹配图像520的渐变色上靠近第二基色端的第三位置显示第一基色513的第一元素540，在第一元素540上显示第一颜色511的第二元素550。通过对匹配图像和元素的显示位置和颜色的合理配置，使得显示清晰的同时，显示的元素之间颜色相互呼应，提升显示效果。

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

图16为一个实施例的图像生成装置的结构框图。如图16所示，图像生成装置1600包括：

颜色提取模块1620，用于提取目标图像中的第一颜色和第二颜色；

颜色调整模块1640，用于对第一颜色的颜色分量进行调整，得到第一基色；对第二颜色的颜色分量进行调整，得到第二基色；其中，颜色分量包括饱和度和/或亮度；

图像生成模块1660，用于生成包含第一基色和第二基色的匹配图像；匹配图像用于与目标图像在同一显示界面显示。

在一个实施例中，颜色提取模块1620包括：

第一颜色提取模块，用于提取目标图像中占据显示面积比例最大的颜色，作为第一颜色；

第二颜色提取模块，用于提取目标图像中占据显示面积比例第二大的颜色，作为第二颜色。

在一个实施例中，颜色分量包括亮度，颜色调整模块1640包括：

第一亮度参数获取模块，用于获取待显示的目标元素的亮度参数；目标元素用于显示于待生成的匹配图像上；

第一颜色亮度调整模块，用于若亮度参数高于第一亮度阈值，则将第一颜色的亮度调整至第一亮度，得到第一基色，并将第二颜色的亮度调整至第二亮度，得到第二基色；其中，第一亮度和第二亮度低于或等于第一亮度阈值。

在另一个实施例中，颜色分量包括亮度，颜色调整模块1640包括：

第二亮度参数获取模块，用于获取待显示的目标元素的亮度参数；目标元素用于显示于待生成的匹配图像上；

第二颜色亮度调整模块，用于若亮度参数低于第二亮度阈值，则将第一颜色的亮度调整至第三亮度，得到第一基色，并将第二颜色的亮度调整至第四亮度，得到第二基色；其中，第三亮度和第四亮度高于或等于第二亮度阈值。

在又一个实施例中，颜色分量包括亮度，颜色调整模块1640包括：

第三亮度参数获取模块，用于获取待显示的目标元素的亮度参数；目标元素用于显示于待生成的匹配图像上；

第三颜色亮度调整模块，用于将第一颜色的亮度调整至第五亮度，得到第一基色，并将第二颜色的亮度调整至第六亮度，得到第二基色；其中，第五亮度与亮度参数之间相差预设的第一亮度差值，且第六亮度与亮度参数之间相差预设的第二亮度差值。

在一个实施例中，颜色分量包括饱和度，颜色调整模块1640包括：

第一饱和度参数获取模块，用于获取待显示的目标元素的饱和度参数；目标元素用于显示于待生成的匹配图像上；

第一颜色饱和度调整模块，用于若饱和度参数高于第一饱和度阈值，则将第一颜色的饱和度调整至第一饱和度，得到第一基色，并将第二颜色的饱和度调整至第二饱和度，得到第二基色；其中，第一饱和度和第二饱和度低于或等于第一饱和度阈值。

在一个实施例中，颜色分量包括饱和度，颜色调整模块1640包括：

第二饱和度参数获取模块，用于获取待显示的目标元素的饱和度参数；目标元素用于显示于待生成的匹配图像上；

第二颜色饱和度调整模块，用于若饱和度参数低于第二饱和度阈值，则将第一颜色的饱和度调整至第三饱和度，得到第一基色，并将第二颜色的饱和度调整至第四饱和度，得到第二基色；其中，第三饱和度和第四饱和度高于或等于第二饱和度阈值。

在一个实施例中，颜色分量包括饱和度，颜色调整模块1640包括：

第三饱和度参数获取模块，用于获取待显示的目标元素的饱和度参数；目标元素用于显示于待生成的匹配图像上；

第三颜色饱和度调整模块，用于将第一颜色的饱和度调整至第五饱和度，得到第一基色，并将第二颜色的饱和度调整至第六饱和度，得到第二基色；其中，第五饱和度与饱和度参数之间相差预设的第一饱和度差值，且第六饱和度与饱和度参数之间相差预设的第二饱和度差值。

在一个实施例中，图像生成模块1660进一步用于生成包含由第一基色渐变至第二基色的渐变色的图像，作为匹配图像。

在一个实施例中，图像显示装置1680进一步用于在同一显示界面显示匹配图像、目标图像、第一元素以及第二元素；其中，匹配图像显示于显示界面的第一位置，目标图像显示于匹配图像之上的第二位置；第一元素显示于匹配图像上的第三位置，第二元素显示于第一元素之上的第四位置；其中，第一元素是根据第一基色生成，第二元素是根据第一颜色生成。

上述图像生成装置中各个模块的划分仅用于举例说明，在其他实施例中，可将图像生成装置按照需要划分为不同的模块，以完成上述图像生成装置的全部或部分功能。

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

在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图17所示。该计算机设备包括通过系统总线连接的处理器、存储器。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器和网络接口。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图18所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图17和图18中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

本申请实施例还提供了一种计算机设备，包括存储器及处理器，所述存储器中储存有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如上任一实施例的图像生成方法的步骤。

本申请实施例还提供了一种计算机可读存储介质，一个或多个包含计算机可执行指令的非易失性计算机可读存储介质，当所述计算机可执行指令被一个或多个处理器执行时，使得所述处理器执行图像生成方法的步骤。

一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行如上任一实施例的图像生成方法的步骤。

本申请所使用的对存储器、存储、数据库或其它介质的任何引用可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(rom)、可编程rom(prom)、电可编程rom(eprom)、电可擦除可编程rom(eeprom)或闪存。易失性存储器可包括随机存取存储器(ram)，它用作外部高速缓冲存储器。作为说明而非局限，ram以多种形式可得，诸如静态ram(sram)、动态ram(dram)、同步dram(sdram)、双数据率sdram(ddrsdram)、增强型sdram(esdram)、同步链路(synchlink)dram(sldram)、存储器总线(rambus)直接ram(rdram)、直接存储器总线动态ram(drdram)、以及存储器总线动态ram(rdram)。

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