调整网页内容颜色的方法及装置制造方法及图纸

本发明专利技术公开了一种调整网页内容颜色的方法，包括：在获取到用于调整网页内容颜色的指令后，从待处理的网页中识别出待调整的网页元素，所述待调整的网页元素至少包括背景元素；获取各个所识别出的背景元素的明度值；以及基于预定的颜色调整规则以及所获取的各个背景元素的明度值，调整各个背景元素的颜色。利用该方法，可以根据网页中的元素的明度信息对网页中的元素颜色进行调整，实现灵活调整网页内容颜色的目的。

【技术实现步骤摘要】

本专利技术涉及移动互联网
，更为具体地，涉及调整网页内容颜色的方法及装置。
技术介绍
在互联网时代，用浏览器上网的用户越来越多，网页作为用户上网的主要浏览对象，大多数网页的白色背景色对用户眼睛形成较大的刺激，容易产生视觉疲劳。用户长时间面对屏幕很容易影响视力。在这种情况下，需要有较好的解决方案，减轻长时间上网对用户视力带来的伤害。更改网页背景色是不失为一种途径。与此同时，用户对于浏览器自定义的需求越来越强烈。网页颜色作为美化浏览器的组成部分，可最大程度满足用户的个性化定制要求。目前，已经有相关的技术方案支持浏览器设置网页色彩，如通过更改透明度参数等方法来实现色彩的转换。然而，这些实现方案存在较大的弊端，一是灵活性不高，例如，通过调整透明度参数，并不能对网页颜色进行自由定义；二是在界面交互层面，用户需要设置透明度参数来实现色彩转换，设置方式不直观，不符合正常的操作方式，且用户很难把握转换效果，甚至会给用户带来明显的负体验。
技术实现思路
鉴于上述，本专利技术提出了一种调整网页内容颜色的方法及装置，利用该方法及装置，通过识别出网页元素，然后基于网页元素的明度值对网页元素的颜色进行调整，从而能够达到灵活地改变网页内容颜色的目的。根据本专利技术的一个方面，提供了一种调整网页内容颜色的方法，包括：在获取到用于调整网页内容颜色的指令后，从待处理的网页中识别出待调整的网页元素，所述待调整的网页元素至少包括背景元素；获取各个所识别出的背景元素的明度值；以及基于预定的颜色调整规则以及所获取的各个背景元素的明度值，调整各个背景元素的颜色。在上述方面的一个或多个示例中，所述颜色调整规则包括多个明度值区间以及各个明度值区间对应的颜色调整目标色值，所述多个明度值区间的并集为[第一预定值,第二预定值]，以及于预定的颜色调整规则以及所获取的各个背景元素的明度值，调整各个背景元素的颜色包括：确定所获取的各个背景元素的明度值所位于的明度值区间；以及将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。在上述方面的一个或多个示例中，基于预定的颜色调整规则以及所获取的各个背景元素的明度值，调整各个背景元素的颜色还包括：在确定出所获取的各个背景元素中存在明度值不位于任一所述明度值区间的背景元素时，保持该背景元素的颜色不变。在上述方面的一个或多个示例中，在获取各个所识别出的背景元素的明度值之前，所述方法还包括：获取各个所识别出的背景元素的纯度值，以及，获取各个所识别出的背景元素的明度值包括：获取所识别出各个背景元素中纯度值小于第三预定值的背景元素的明度值。在上述方面的一个或多个示例中，所述待调整网页元素还包括文字，以及，所述方法还包括：获取各个所识别出的文字的纯度值；以及在各个所识别出的文字中存在纯度值大于第四预定值的文字时，将该文字的颜色调整为预定文字色值。在上述方面的一个或多个示例中，所述待调整网页元素还包括描边，以及，所述方法还包括：获取各个所识别出的描边的纯度值；以及在各个所识别出的描边中存在纯度值小于第五预定值的描边时，获取该描边的明度值，当该描边的明度值在预定范围时，将所述描边的颜色的色值调整为与所述描边的明度值对应的颜色调整目标色值。在上述方面的一个或多个示例中，所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系，所述对应关系为：明度值越大，颜色调整目标色值越浅。根据本专利技术的另一方面，提供了一种调整网页内容颜色的装置，包括：网页元素识别单元，用于在获取到用于调整网页内容颜色的指令后，从待处理的网页中识别出待调整的网页元素，所述待调整的网页元素至少包括背景元素；明度值获取单元，用于获取各个所识别出的背景元素的明度值；以及颜色调整单元，用于基于预定的颜色调整规则以及所获取的各个背景元素的明度值，调整各个背景元素的颜色。在上述方面的一个或多个示例中，所述颜色调整规则包括多个明度值区间以及各个明度值区间对应的颜色调整目标色值，所述多个明度值区间的并集为[第一预定值,第二预定值]，以及所述颜色调整单元包括明度区间确定模块和调整模块，所述颜色调整单元基于预定的颜色调整规则以及所获取的各个背景元素的明度值，调整各个背景元素的颜色包括：所述明度区间确定模块确定所获取的各个背景元素的明度值所位于的明度值区间；以及所述调整模块将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。在上述方面的一个或多个示例中，所述颜色调整单元基于预定的颜色调整规则以及所获取的各个背景元素的明度值，调整各个背景元素的颜色还包括：在所述明度区间确定模块确定出所获取的各个背景元素中存在明度值不位于任一所述明度值区间的背景元素时，保持该背景元素的颜色不变。在上述方面的一个或多个示例中，所述装置还包括：纯度值获取单元，在所述明度值获取单元获取各个所识别出的背景元素的明度值之前，所述纯度值获取单元获取各个所识别出的背景元素的纯度值，以及，所述明度值获取单元获取各个所识别出的背景元素的明度值包括：获取所识别出各个背景元素中纯度值小于第三预定值的背景元素的明度值。在上述方面的一个或多个示例中，所述待调整网页元素还包括文字，以及，所述纯度值获取单元获取各个所识别出的文字的纯度值；以及所述颜色调整单元在各个所识别出的文字中存在纯度值大于第四预定值的文字时，将该文字的颜色调整为预定文字色值。在上述方面的一个或多个示例中，所述待调整网页元素还包括描边，以及，所述方法还包括：所述纯度值获取单元获取各个所识别出的描边的纯度值；以及在各个所识别出的描边中存在纯度值小于第五预定值的描边时，所述明度值获取单元获取该描边的明度值，当该描边的明度值在预定范围时，所述颜色调整单元将所述描边的颜色的色值调整为与所述描边的明度值对应的颜色调整目标色值。在上述方面的一个或多个示例中，所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系，所述对应关系为：明度值越大，颜色调整目标色值越浅。根据本专利技术的另一方面，提供了一种终端设备，包括如权利要求8至14中任一项所述的装置。根据本专利技术的另一方面，提供了一种终端设备，包括：存储器，用于存储指令；处理器，与所述存储器耦合，该处理器被配置为执行存储在所述存储器中的指令，其中，所述存储器中存储的指令以及所述处理器用于实现如权利要求1至7中任本文档来自技高网...

【技术保护点】
一种调整网页内容颜色的方法，包括：在获取到用于调整网页内容颜色的指令后，从待处理的网页中识别出待调整的网页元素，所述待调整的网页元素至少包括背景元素；获取各个所识别出的背景元素的明度值；以及基于预定的颜色调整规则以及所获取的各个背景元素的明度值，调整各个背景元素的颜色。

【技术特征摘要】
1.一种调整网页内容颜色的方法，包括：
在获取到用于调整网页内容颜色的指令后，从待处理的网页中识别出待
调整的网页元素，所述待调整的网页元素至少包括背景元素；
获取各个所识别出的背景元素的明度值；以及
基于预定的颜色调整规则以及所获取的各个背景元素的明度值，调整各
个背景元素的颜色。
2.如权利要求1所述的方法，其中，所述颜色调整规则包括多个明度值
区间以及各个明度值区间对应的颜色调整目标色值，所述多个明度值区间的
并集为[第一预定值,第二预定值]，以及
基于预定的颜色调整规则以及所获取的各个背景元素的明度值，调整各
个背景元素的颜色包括：
确定所获取的各个背景元素的明度值所位于的明度值区间；以及
将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色
调整目标色值。
3.如权利要求1所述的方法，其中，基于预定的颜色调整规则以及所获
取的各个背景元素的明度值，调整各个背景元素的颜色还包括：
在确定出所获取的各个背景元素中存在明度值不位于任一所述明度值区
间的背景元素时，保持该背景元素的颜色不变。
4.如权利要求1所述的方法，其中，在获取各个所识别出的背景元素的
明度值之前，所述方法还包括：
获取各个所识别出的背景元素的纯度值，以及，
获取各个所识别出的背景元素的明度值包括：
获取所识别出各个背景元素中纯度值小于第三预定值的背景元素的明度
值。
5.如权利要求1所述的方法，其中，所述待调整网页元素还包括文字，
以及，所述方法还包括：
获取各个所识别出的文字的纯度值；以及
在各个所识别出的文字中存在纯度值大于第四预定值的文字时，将该文

\t字的颜色调整为预定文字色值。
6.如权利要求1所述的方法，其中，所述待调整网页元素还包括描边，
以及，所述方法还包括：
获取各个所识别出的描边的纯度值；以及
在各个所识别出的描边中存在纯度值小于第五预定值的描边时，获取该
描边的明度值，当该描边的明度值在预定范围时，将所述描边的颜色的色值
调整为与所述描边的明度值对应的颜色调整目标色值。
7.如权利要求2所述的方法，其中，所述各个明度值区间对应的颜色调
整目标色值的深浅与明度大小存在对应关系，所述对应关系为：
明度值越大，颜色调整目标色值越浅。
8.一种调整网页内容颜色的装置，包括：
网页元素识别单元，用于在获取到用于调整网页内容颜色的指令后，从
待处理的网页中识别出待调整的网页元素，所述待调整的网页元素至少包括
背景元素；
明度值获取单元，用于获取各个所识别出的背景元素的明度值；以及
颜色调整单元，用于基于预定的颜色调整规则以及所获取的各个背景...

【专利技术属性】
技术研发人员：梁捷，柯楠，
申请(专利权)人：优视科技有限公司，
类型：发明
国别省市：北京;11