[发明专利]页面生成方法、装置、设备和存储介质

说明书

本公开涉及一种页面生成方法、装置、设备和存储介质。其中，该方法包括：基于待展示页面中的目标图片确定图片主色调信息；基于图片主色调信息与每个候选背景色信息之间的颜色距离，确定目标背景颜色；其中，候选背景色信息为多个；基于目标背景颜色生成待展示页面。根据本公开实施例，能够确保页面背景色与待展示页面中的内容信息之间的视觉协调性，降低确定目标背景色的实时计算量，提高目标背景色的确定效率，从而提高生成多颜色的待展示页面的普适性。

技术领域

本公开涉及图像处理技术领域，尤其涉及一种页面生成方法、装置、设备和存储介质。

背景技术

对于一个展示信息的页面(如采用沉浸式一屏消费方式展示页面)，其中包含有整个页面的背景信息和展示的内容信息(图片和/或文本)。为了增强阅读体验，往往需要调整背景和/或文本的颜色，来增加阅读对比度。

在一种页面生成的实现方式中，将页面的目标背景区域中的图片主色调转换为色相、明度、饱和度的颜色空间；然后，根据页面中的文本颜色对转换颜色空间后的图片主色调的明度和饱和度进行调整，同时保留转换颜色空间后的图片主色调的色相，完成三个颜色分量的实时调整，形成保持目标背景区域中文字的可读性、与主题色颜色风格一致、且存在颜色变化的背景色。

但是，该种页面生成方式要求设备具有较高的计算能力和计算速度，对设备的性能要求较高。

发明内容

为了解决上述技术问题，本公开提供了一种页面生成方法、装置、设备和存储介质。

第一方面，本公开提供了一种页面生成方法，该方法包括：

基于待展示页面中的目标图片确定图片主色调信息；

基于图片主色调信息与每个候选背景色信息之间的颜色距离，确定目标背景颜色；其中，候选背景色信息为多个；

基于目标背景颜色生成待展示页面。

在一些实施例中，各候选背景色信息通过如下方式预先确定：

基于待展示页面中的待显示文本的第一文本颜色和第一对比度确定第一明度值和第一饱和度值；

按照第一设定采样间隔，在色相取值范围内进行色相值采样，确定多个第一色相值；

基于每个第一色相值、第一明度值和第一饱和度值，确定各候选背景色信息。

在一些实施例中，基于图片主色调信息与每个候选背景色信息之间的颜色距离，确定目标背景颜色包括：

基于图片主色调信息中的色相值和每个候选背景色信息中的色相值的差值，确定图片主色调信息和每个候选背景色信息之间的颜色距离；

将各颜色距离中的最小值对应的候选背景色信息确定为目标背景颜色。

在另一种实施方式中，在基于图片主色调信息与每个候选背景色信息之间的颜色距离，确定目标背景颜色之后，该页面生成方法还包括：

基于目标背景颜色确定待显示文本中的目标文本的目标文本颜色；

其中，目标文本颜色不为待显示文本的第一文本颜色，且目标文本颜色与目标背景颜色之间满足第二对比度。

其中，目标文本为具有交互功能的文本。

在一些实施例中，基于目标背景颜色确定待显示文本中的目标文本的目标文本颜色包括：

基于候选背景色信息和候选文本色信息之间的映射关系，从多个候选文本色信息中筛选出目标背景颜色对应的候选文本色信息，作为目标文本颜色；其中，各候选文本色信息基于第二对比度确定。

在一些实施例中，各候选文本色信息通过如下方式预先确定：