网页嵌入对象的配色方法及装置制造方法及图纸

本发明专利技术实施例公开了一种网页嵌入对象的配色方法及装置，涉及信息技术领域，可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。所述方法包括：首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。

【技术实现步骤摘要】

本专利技术涉及信息
，特别涉及一种网页嵌入对象的配色方法及装置。
技术介绍
随着互联网的不断发展，越来越多的用户通过互联网来浏览网页，获取信息。为了更好的丰富网页中展示的内容以及为用户提供更好的实时交互功能，通常在网页中添加嵌入对象，例如添加浮窗、交互按钮等嵌入对象，因此如何配置嵌入对象在网页中的颜色，以保证嵌入对象与网页风格相匹配已经成为了需要解决的重要技术问题。目前，在进行嵌入对象的配色时，通常是基于页面背景色明度值将嵌入的文字调整为黑色或白色。然而，由于目前在进行嵌入对象的配色时，仅限于对嵌入的文字进行颜色调整，并且调整后的颜色只有黑色或者白色，从而造成嵌入对象与网页风格的匹配度较低。
技术实现思路
本专利技术实施例提供一种网页嵌入对象的配色方法及装置，可以提高嵌入对象与网页风格的匹配度，同时，可以保证嵌入对象在网页中的识别度。本专利技术实施例采用的技术方案为:一种网页嵌入对象的配色方法，包括:获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识；检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识；若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除；从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。一种网页嵌入对象的配色装置，包括:获取单元，用于获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识；检测单元，用于检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识；删除单元，若所述检测单元检测存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除；选择单元，用于从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。本专利技术实施例提供的网页嵌入对象的配色方法及装置，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本专利技术实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象与网页风格的匹配度，同时，可以保证嵌入对象在网页中的识别度。【附图说明】为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。图1为本专利技术实施例提供的一种网页嵌入对象的配色方法流程图；图2为本专利技术实施例提供的另一种网页嵌入对象的配色方法流程图；图3为本专利技术实施例提供的一种网页嵌入对象的配色装置结构示意图；图4为本专利技术实施例提供的另一种网页嵌入对象的配色装置结构示意图；图5为本专利技术实施例提供的网页嵌入对象配色示意图一；图6为本专利技术实施例提供的网页嵌入对象配色示意图二。【具体实施方式】下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本专利技术保护的范围。为使本专利技术技术方案的优点更加清楚，下面结合附图和实施例对本专利技术作详细说明。本专利技术实施例提供一种网页嵌入对象的配色方法，如图1所示，所述方法包括:101、获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识。其中，嵌入对象为插入到目标文件中的信息，例如，嵌入对象可以为浮窗、交互按钮、图片等，本专利技术实施例不做限定。用户可以通过可视化界面，选择需要添加的嵌入对象在页面中的显示区域，环境底色标识可以为环境底色的色值，显示区域对应的环境底色标识可以为该显示区域对应的颜色色值，还可以为与该显示区域相邻的页面区域对应的颜色色值。102、检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识。其中，备选色标识为与网页风格相关的各个颜色的标识，具体可以包括网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。103、若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除。对于本专利技术实施例，通过将所述备选色标识中与所述环境底色标识相同的颜色标识删除，可以保证为嵌入对象配置的颜色与嵌入对象对应的显示区域的环境底色之间的颜色区分，进而保证嵌入对象在网页中的识别度。104、从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。本专利技术实施例提供的一种网页嵌入对象的配色方法，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本专利技术实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。本专利技术实施例提供另一种网页嵌入对象的配色方法，如图2所示，所述方法包括:201、提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。其中，对于导航栏底色、按钮底色、和链接文字色，都存在正常状态下的颜色和鼠标悬停状态下的颜色，因此需要同时提取导航栏底色、按钮底色、和链接文字色在不同状态下的颜色作为备选色。对于本专利技术实施例，步骤201具体可以包括根据所述网页的标签关键词和所述网页的标签属性提取所述网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。例如，对于提取所述网页对应的导航栏底色标识的步骤可以包括:根据网页的标签关键词中是否包括nav、navigat1n、menu等字段识别出网页中的导航栏；此时，若标签属性中包含有backgroud字段，则导航栏为纯色填充，直接提取其色值作为导航栏底色标识，若标签属性中包含有backgroud-1mage字段，则导航栏为图片填充，提取图片中的主色色值作为导航栏底色标识。进一步地，当网页为html5页面时，如果导航栏底色为渐变色，则提取渐变色的色值作为导航栏底色标识。[0040当前第1页1 2 3 本文档来自技高网...

【技术保护点】
一种网页嵌入对象的配色方法，其特征在于，包括：获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识；检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识；若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除；从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。

【技术特征摘要】

【专利技术属性】
技术研发人员：徐佳，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44