CN105468617A - 调整网页内容颜色的方法及装置 - Google Patents

调整网页内容颜色的方法及装置 Download PDF

Info

Publication number
CN105468617A
CN105468617A CN201410446070.XA CN201410446070A CN105468617A CN 105468617 A CN105468617 A CN 105468617A CN 201410446070 A CN201410446070 A CN 201410446070A CN 105468617 A CN105468617 A CN 105468617A
Authority
CN
China
Prior art keywords
brightness value
color
background element
interval
web page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201410446070.XA
Other languages
English (en)
Other versions
CN105468617B (zh
Inventor
梁捷
柯楠
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Ucweb Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Ucweb Inc filed Critical Ucweb Inc
Priority to CN201410446070.XA priority Critical patent/CN105468617B/zh
Priority to PCT/CN2015/086767 priority patent/WO2016034031A1/zh
Publication of CN105468617A publication Critical patent/CN105468617A/zh
Application granted granted Critical
Publication of CN105468617B publication Critical patent/CN105468617B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)
  • Color Image Communication Systems (AREA)

Abstract

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

Description

调整网页内容颜色的方法及装置
技术领域
本发明涉及移动互联网技术领域,更为具体地,涉及调整网页内容颜色的方法及装置。
背景技术
在互联网时代,用浏览器上网的用户越来越多,网页作为用户上网的主要浏览对象,大多数网页的白色背景色对用户眼睛形成较大的刺激,容易产生视觉疲劳。用户长时间面对屏幕很容易影响视力。在这种情况下,需要有较好的解决方案,减轻长时间上网对用户视力带来的伤害。更改网页背景色是不失为一种途径。与此同时,用户对于浏览器自定义的需求越来越强烈。网页颜色作为美化浏览器的组成部分,可最大程度满足用户的个性化定制要求。
目前,已经有相关的技术方案支持浏览器设置网页色彩,如通过更改透明度参数等方法来实现色彩的转换。然而,这些实现方案存在较大的弊端,一是灵活性不高,例如,通过调整透明度参数,并不能对网页颜色进行自由定义;二是在界面交互层面,用户需要设置透明度参数来实现色彩转换,设置方式不直观,不符合正常的操作方式,且用户很难把握转换效果,甚至会给用户带来明显的负体验。
发明内容
鉴于上述,本发明提出了一种调整网页内容颜色的方法及装置,利用该方法及装置,通过识别出网页元素,然后基于网页元素的明度值对网页元素的颜色进行调整,从而能够达到灵活地改变网页内容颜色的目的。
根据本发明的一个方面,提供了一种调整网页内容颜色的方法,包括:在获取到用于调整网页内容颜色的指令后,从待处理的网页中识别出待调整的网页元素,所述待调整的网页元素至少包括背景元素;获取各个所识别出的背景元素的明度值;以及基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色。
在上述方面的一个或多个示例中,所述颜色调整规则包括多个明度值区间以及各个明度值区间对应的颜色调整目标色值,所述多个明度值区间的并集为[第一预定值,第二预定值],以及于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色包括:确定所获取的各个背景元素的明度值所位于的明度值区间;以及将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。
在上述方面的一个或多个示例中,基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色还包括:在确定出所获取的各个背景元素中存在明度值不位于任一所述明度值区间的背景元素时,保持该背景元素的颜色不变。
在上述方面的一个或多个示例中,在获取各个所识别出的背景元素的明度值之前,所述方法还包括:获取各个所识别出的背景元素的纯度值,以及,获取各个所识别出的背景元素的明度值包括:获取所识别出各个背景元素中纯度值小于第三预定值的背景元素的明度值。
在上述方面的一个或多个示例中,所述待调整网页元素还包括文字,以及,所述方法还包括:获取各个所识别出的文字的纯度值;以及在各个所识别出的文字中存在纯度值大于第四预定值的文字时,将该文字的颜色调整为预定文字色值。
在上述方面的一个或多个示例中,所述待调整网页元素还包括描边,以及,所述方法还包括:获取各个所识别出的描边的纯度值;以及在各个所识别出的描边中存在纯度值小于第五预定值的描边时,获取该描边的明度值,当该描边的明度值在预定范围时,将所述描边的颜色的色值调整为与所述描边的明度值对应的颜色调整目标色值。
在上述方面的一个或多个示例中,所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系,所述对应关系为:明度值越大,颜色调整目标色值越浅。
根据本发明的另一方面,提供了一种调整网页内容颜色的装置,包括:网页元素识别单元,用于在获取到用于调整网页内容颜色的指令后,从待处理的网页中识别出待调整的网页元素,所述待调整的网页元素至少包括背景元素;明度值获取单元,用于获取各个所识别出的背景元素的明度值;以及颜色调整单元,用于基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色。
在上述方面的一个或多个示例中,所述颜色调整规则包括多个明度值区间以及各个明度值区间对应的颜色调整目标色值,所述多个明度值区间的并集为[第一预定值,第二预定值],以及所述颜色调整单元包括明度区间确定模块和调整模块,所述颜色调整单元基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色包括:所述明度区间确定模块确定所获取的各个背景元素的明度值所位于的明度值区间;以及所述调整模块将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。
在上述方面的一个或多个示例中,所述颜色调整单元基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色还包括:在所述明度区间确定模块确定出所获取的各个背景元素中存在明度值不位于任一所述明度值区间的背景元素时,保持该背景元素的颜色不变。
在上述方面的一个或多个示例中,所述装置还包括:纯度值获取单元,在所述明度值获取单元获取各个所识别出的背景元素的明度值之前,所述纯度值获取单元获取各个所识别出的背景元素的纯度值,以及,所述明度值获取单元获取各个所识别出的背景元素的明度值包括:获取所识别出各个背景元素中纯度值小于第三预定值的背景元素的明度值。
在上述方面的一个或多个示例中,所述待调整网页元素还包括文字,以及,所述纯度值获取单元获取各个所识别出的文字的纯度值;以及所述颜色调整单元在各个所识别出的文字中存在纯度值大于第四预定值的文字时,将该文字的颜色调整为预定文字色值。
在上述方面的一个或多个示例中,所述待调整网页元素还包括描边,以及,所述方法还包括:所述纯度值获取单元获取各个所识别出的描边的纯度值;以及在各个所识别出的描边中存在纯度值小于第五预定值的描边时,所述明度值获取单元获取该描边的明度值,当该描边的明度值在预定范围时,所述颜色调整单元将所述描边的颜色的色值调整为与所述描边的明度值对应的颜色调整目标色值。
在上述方面的一个或多个示例中,所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系,所述对应关系为:明度值越大,颜色调整目标色值越浅。
根据本发明的另一方面,提供了一种终端设备,包括如权利要求8至14中任一项所述的装置。
根据本发明的另一方面,提供了一种终端设备,包括:存储器,用于存储指令;处理器,与所述存储器耦合,该处理器被配置为执行存储在所述存储器中的指令,其中,所述存储器中存储的指令以及所述处理器用于实现如权利要求1至7中任一项所述的方法。
利用上述方法及装置及终端设备,在接收到整网页内容颜色的指令后,识别出网页中的网页元素,然后根据网页背景元素的明度信息对网页的背景元素进行颜色调整,由于不同的明度信息对应有不同颜色值,明度不同的背景元素拥有不同的颜色值,能够使得页面背景颜色得到调整的同时,保证页面中的不同的背景元素能够拥有区别于其他背景元素的颜色值,不会出现整个页面背景混为一体的情况,使调整颜色后的页面背景更具有层次感、更和谐。为了实现上述以及相关目的,本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而,这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外,本发明旨在包括所有这些方面以及它们的等同物。
附图说明
根据下述参照附图进行的详细描述,本发明的上述和其他目的、特征和优点将变得更加显而易见。在附图中:
图1A示出了根据本发明的实施例的调整网页内容颜色的方法的流程图;
图1B示出了浏览器上设置的网页背景色选项的示意图;
图2示出了根据本发明另一实施例的调整网页中背景元素颜色的方法的详细流程图;
图3示出了根据本发明另一实施例的调整网页中文字颜色的方法的详细流程图;
图4示出了根据本发明另一实施例的调整网页中描边颜色的方法的详细流程图;
图5示出了本发明的实施例的调整网页内容颜色的装置的方框示意图。
具体实施方式
下面描述本公开的各个方面。应该明白的是,本文的教导可以以多种多样形式具体体现,并且在本文中公开的任何具体结构、功能或两者仅仅是代表性的。基于本文的教导,本领域技术人员应该明白的是,本文所公开的一个方面可以独立于任何其它方面实现,并且这些方面中的两个或多个方面可以按照各种方式组合。例如,可以使用本文所阐述的任何数目的方面,实现装置或实践方法。另外,可以使用其它结构、功能、或除了本文所阐述的一个或多个方面之外或不是本文所阐述的一个或多个方面的结构和功能,实现这种装置或实践这种方法。此外,本文所描述的任何方面可以包括权利要求的至少一个元素。
下面将参照附图描述本发明的各个实施例。
图1A示出了根据本发明的实施例的调整网页内容颜色的方法的流程图。
如图1A所示,在步骤S110,在获取到用于调整网页内容颜色的指令后,从待处理的网页中识别出待调整的网页元素,所述待调整的网页元素至少包括背景元素。
这里,用于调整网页内容颜色的指令是由用户选择浏览器上的“网页背景色”选项而触发的。如图1B所示,浏览器上设置有多个网页背景色选项供用户选择。
在本发明的一个示例中,所述网页内容由多种类型的网页元素组成,背景元素是网页元素的一种,这里的背景元素包括页面这各个内容块的背景,例如标题栏背景、正文背景、导航栏背景等,还包括输入框等网页元素。
接下来,在步骤S120,获取各个所识别出的背景元素的明度值。
明度是色彩的三要素之一,指色彩的亮度或明度。是颜色的深浅、明暗的变化。明值度越高则表示色彩越亮。明度值用百分比例来表示,比例越大则色彩越亮,比例越低则色彩越暗。
在步骤S130,基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色。
在本发明的一个示例中,所述颜色调整规则包括多个明度值区间以及各个明度值区间对应的颜色调整目标色值,所述多个明度值区间的并集为[第一预定值,第二预定值],以及基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色包括:确定所获取的各个背景元素的明度值所位于的明度值区间;以及将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。
利用本实施例的方法,基于背景元素的明度区间来调整背景元素的颜色,使得页面中不同的背景元素在改变颜色到用户指定的颜色主题时,还能够保持自己的特性。
图2示出了根据本发明的另一实施例的调整网页中背景元素颜色的方法的详细流程图。
当待调整的网页元素为背景元素时,如图2所示,首先,在步骤S210,获取背景元素的纯度值。
纯度通常是指色彩的鲜艳度。纯度越高则表示色彩越鲜艳。纯度值用百分比例来表示,比例越大则色彩纯度越高,比例越低则色彩的纯度就越低。
接下来,步骤S220,判断所述纯度值是否小于第三预定值;如果是,则进入步骤S230;否则流程结束,不对该背景元素进行处理,即保持所述背景元素的颜色不变。
在本发明的一个示例中,所述第三预定值为5%。
步骤S230,获取所述背景元素的明度值。
步骤S240,判断所述背景元素的明度值是否位于预定的任一明度值区间;如果是,则进入步骤S250,否则流程结束,不对所述背景元素进行处理,即保持所述背景元素的颜色不变。
在本发明的一个示例中,有多个明度区间,分别是(65%,80%]、(80%,90%]、(90%,96%]、(96%,100%]。也就是说,只有明度值大于65%的背景元素才有对应的明度区间。而明度值小于或等于65%的背景元素将不做处理。
最后,在步骤S250,确定所述背景元素的明度值所位于的明度值区间,将所述背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。
在本发明的一个示例中,所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系,所述对应关系为:明度值越大,颜色调整目标色值越浅。明度值大的背景元素原本的颜色就较浅,所以调整时还是对于较浅的颜色。如图1B,所示,当用户选择的背景色是“护眼绿”时,各个背景元素会被调整为深浅不同的绿色。
在本发明的一个示例中,所述待调整网页元素还包括文字元素。图3示出了根据本发明的另一实施例的调整网页中文字颜色的方法的流程图。
如图3所示,首先在步骤S310中,获取文字的纯度值。
接下来,在步骤S320,判断所述纯度值是否大于第四预定值;如果是,则进入步骤S330;否则流程结束,不对该文字进行处理,即保持所述文字的颜色不变。
在本发明的一个示例中,所述第四预定值为10%。
步骤S330,将所述文字的颜色调整为预定文字色值。
在本发明的一个示例中,所述待调整网页元素还包括描边。图4示出了根据本发明的另一实施例的调整网页中描边颜色的方法的流程图。
如图4所示,首先在步骤S410中,获取描边的纯度值。
接下来,在步骤S420,判断所述纯度值是否小于第五预定值;如果是,则进入步骤S430,否则流程结束,不对该描边进行处理,即保持所述描边的颜色不变。
在本发明的一个示例中,所述第四预定值为12%。
步骤S430,获取所述描边的明度值。
步骤S440,判断各个描边的明度值是否位于预定的任一明度值区间;如果是,则进入步骤S450,否则流程结束,不对该描边进行处理,即保持所述描边的颜色不变。
在本发明的一个示例中,有多个明度区间,分别是(65%,75%]、(75%,100%]。也就是说,只有明度值大于65%的描边才有对应的明度区间。而明度值小于或等于65%的描边将不做处理。
步骤S450,确定所述描边的明度值所位于的明度值区间,将所述描边的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。
在本发明的一个示例中,所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系,所述对应关系为:明度值越大,颜色调整目标色值越浅。
图5示出了根据本发明的实施例的调整网页内容颜色的装置的方框示意图。
如图5所示,调整网页内容颜色的装置,包括网页元素识别单元510、明度值获取单元520、颜色调整单元530。
网页元素识别单元510用于在获取到用于调整网页内容颜色的指令后,从待处理的网页中识别出待调整的网页元素,所述待调整的网页元素至少包括背景元素;明度值获取单元520用于获取各个所识别出的背景元素的明度值;以及颜色调整单元530用于基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色。
在本发明的一个示例中,所述颜色调整规则包括多个明度值区间以及各个明度值区间对应的颜色调整目标色值,所述多个明度值区间的并集为[第一预定值,第二预定值],以及所述颜色调整单元530包括明度区间确定模块和调整模块,所述颜色调整单元530基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色包括:所述明度区间确定模块确定所获取的各个背景元素的明度值所位于的明度值区间;以及所述调整模块将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。所述颜色调整单元基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色还包括:在所述明度区间确定模块确定出所获取的各个背景元素中存在明度值不位于任一所述明度值区间的背景元素时,保持该背景元素的颜色不变。
在本发明的一个示例中,所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系,所述对应关系为:明度值越大,颜色调整目标色值越浅。
在本发明的一个示例中,所述调整网页内容颜色的装置还包括纯度值获取单元(图中未示出),在所述明度值获取单元获取各个所识别出的背景元素的明度值之前,所述纯度值获取单元获取各个所识别出的背景元素的纯度值,以及,所述明度值获取单元520获取各个所识别出的背景元素的明度值包括:获取所识别出各个背景元素中纯度值小于第三预定值的背景元素的明度值。
在本发明的一个示例中,所述待调整网页元素还包括文字,以及,所述纯度值获取单元获取各个所识别出的文字的纯度值;以及所述颜色调整单元530在各个所识别出的文字中存在纯度值大于第四预定值的文字时,将该文字的颜色调整为预定文字色值。
在本发明的一个示例中,所述待调整网页元素还包括描边,以及,所述方法还包括:所述纯度值获取单元获取各个所识别出的描边的纯度值;以及在各个所识别出的描边中存在纯度值小于第五预定值的描边时,所述明度值获取单元获取该描边的明度值,当该描边的明度值在预定范围时,所述颜色调整单元530将所述描边的颜色的色值调整为与所述描边的明度值对应的颜色调整目标色值。
在本发明的一个示例中,一种终端设备,包括如图5所述的装置。
另外,本发明还公开一种终端设备,包括:存储器,用于存储指令;
处理器,与所述存储器耦合,该处理器被配置为执行存储在所述存储器中的指令,其中,所述存储器中存储的指令以及所述处理器用于实现如图1至图4中任一实施例的方法。
利用上述的方法、装置及终端设备,通过识别出网页中的网页元素,然后根据网页背景元素的明度信息对网页的背景元素进行颜色调整,由于不同的明度信息对应有不同颜色值,明度不同的背景元素拥有不同的颜色值,能够使得页面背景颜色得到调整的同时,保证页面中的不同的背景元素能够拥有区别于其他背景元素的颜色值,不会出现整个页面背景混为一体的情况。另外,对于页面中的各种不同页面元素,例如文字、图片等其他页面元素,分别基于元素特性对应有相应的颜色调整规则,使得整个页面的颜色调整效果更和谐,同时还保证页面清晰且具有层次感。
此外,根据本发明的方法还可以被实现为由移动终端中的处理器(比如CPU)执行的计算机程序,并且存储在移动终端的存储器中。在该计算机程序被处理器执行时,处理器执行本发明的方法中限定的上述功能。
此外,根据本发明的方法还可以实现为一种计算机程序产品,该计算机程序产品包括计算机可读介质,在该计算机可读介质上存储有用于执行本发明的方法中限定的上述功能的计算机程序。
此外,上述方法步骤以及***单元也可以利用控制器以及用于存储使得控制器实现上述步骤或单元功能的计算机程序的计算机可读存储设备实现。
本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。为了清楚地说明硬件和软件的这种可互换性,已经就各种示意性组件、方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实现为软件还是被实现为硬件取决于具体应用以及施加给整个***的设计约束。本领域技术人员可以针对每种具体应用以各种方式来实现所述的功能,但是这种实现决定不应被解释为导致脱离本发明的范围。
尽管前面公开的内容示出了本发明的示例性实施例,但是应当注意,在不背离权利要求限定的本发明的范围的前提下,可以进行多种改变和修改。根据这里描述的发明实施例的方法权利要求的功能、步骤和/或动作不需以任何特定顺序执行。此外,尽管本发明的元素可以以个体形式描述或要求,但是也可以设想多个,除非明确限制为单数。
虽然如上参照图描述了根据本发明的各个实施例进行了描述,但是本领域技术人员应当理解,对上述本发明所提出的各个实施例,还可以在不脱离本发明内容的基础上做出各种改进。因此,本发明的保护范围应当由所附的权利要求书的内容确定。

Claims (16)

1.一种调整网页内容颜色的方法,包括:
在获取到用于调整网页内容颜色的指令后,从待处理的网页中识别出待调整的网页元素,所述待调整的网页元素至少包括背景元素;
获取各个所识别出的背景元素的明度值;以及
基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色。
2.如权利要求1所述的方法,其中,所述颜色调整规则包括多个明度值区间以及各个明度值区间对应的颜色调整目标色值,所述多个明度值区间的并集为[第一预定值,第二预定值],以及
基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色包括:
确定所获取的各个背景元素的明度值所位于的明度值区间;以及
将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。
3.如权利要求1所述的方法,其中,基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色还包括:
在确定出所获取的各个背景元素中存在明度值不位于任一所述明度值区间的背景元素时,保持该背景元素的颜色不变。
4.如权利要求1所述的方法,其中,在获取各个所识别出的背景元素的明度值之前,所述方法还包括:
获取各个所识别出的背景元素的纯度值,以及,
获取各个所识别出的背景元素的明度值包括:
获取所识别出各个背景元素中纯度值小于第三预定值的背景元素的明度值。
5.如权利要求1所述的方法,其中,所述待调整网页元素还包括文字,以及,所述方法还包括:
获取各个所识别出的文字的纯度值;以及
在各个所识别出的文字中存在纯度值大于第四预定值的文字时,将该文字的颜色调整为预定文字色值。
6.如权利要求1所述的方法,其中,所述待调整网页元素还包括描边,以及,所述方法还包括:
获取各个所识别出的描边的纯度值;以及
在各个所识别出的描边中存在纯度值小于第五预定值的描边时,获取该描边的明度值,当该描边的明度值在预定范围时,将所述描边的颜色的色值调整为与所述描边的明度值对应的颜色调整目标色值。
7.如权利要求2所述的方法,其中,所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系,所述对应关系为:
明度值越大,颜色调整目标色值越浅。
8.一种调整网页内容颜色的装置,包括:
网页元素识别单元,用于在获取到用于调整网页内容颜色的指令后,从待处理的网页中识别出待调整的网页元素,所述待调整的网页元素至少包括背景元素;
明度值获取单元,用于获取各个所识别出的背景元素的明度值;以及
颜色调整单元,用于基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色。
9.如权利要求8所述的装置,其中,所述颜色调整规则包括多个明度值区间以及各个明度值区间对应的颜色调整目标色值,所述多个明度值区间的并集为[第一预定值,第二预定值],以及
所述颜色调整单元包括明度区间确定模块和调整模块,
所述颜色调整单元基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色包括:
所述明度区间确定模块确定所获取的各个背景元素的明度值所位于的明度值区间;以及
所述调整模块将各个背景元素的颜色的色值调整为所确定出的明度值区间对应的颜色调整目标色值。
10.如权利要求8所述的装置,其中,所述颜色调整单元基于预定的颜色调整规则以及所获取的各个背景元素的明度值,调整各个背景元素的颜色还包括:
在所述明度区间确定模块确定出所获取的各个背景元素中存在明度值不位于任一所述明度值区间的背景元素时,保持该背景元素的颜色不变。
11.如权利要求8所述的装置,还包括:纯度值获取单元,
在所述明度值获取单元获取各个所识别出的背景元素的明度值之前,
所述纯度值获取单元获取各个所识别出的背景元素的纯度值,以及,
所述明度值获取单元获取各个所识别出的背景元素的明度值包括:
获取所识别出各个背景元素中纯度值小于第三预定值的背景元素的明度值。
12.如权利要求8所述的装置,其中,所述待调整网页元素还包括文字,以及,
所述纯度值获取单元获取各个所识别出的文字的纯度值;以及
所述颜色调整单元在各个所识别出的文字中存在纯度值大于第四预定值的文字时,将该文字的颜色调整为预定文字色值。
13.如权利要求8所述的装置,其中,所述待调整网页元素还包括描边,以及,所述方法还包括:
所述纯度值获取单元获取各个所识别出的描边的纯度值;以及
在各个所识别出的描边中存在纯度值小于第五预定值的描边时,所述明度值获取单元获取该描边的明度值,当该描边的明度值在预定范围时,所述颜色调整单元将所述描边的颜色的色值调整为与所述描边的明度值对应的颜色调整目标色值。
14.如权利要求9所述的方法,其中,所述各个明度值区间对应的颜色调整目标色值的深浅与明度大小存在对应关系,所述对应关系为:
明度值越大,颜色调整目标色值越浅。
15.一种终端设备,包括如权利要求8至14中任一项所述的装置。
16.一种终端设备,包括:
存储器,用于存储指令;
处理器,与所述存储器耦合,该处理器被配置为执行存储在所述存储器中的指令,其中,所述存储器中存储的指令以及所述处理器用于实现如权利要求1至7中任一项所述的方法。
CN201410446070.XA 2014-09-03 2014-09-03 调整网页内容颜色的方法及装置 Active CN105468617B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201410446070.XA CN105468617B (zh) 2014-09-03 2014-09-03 调整网页内容颜色的方法及装置
PCT/CN2015/086767 WO2016034031A1 (zh) 2014-09-03 2015-08-12 调整网页内容颜色的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410446070.XA CN105468617B (zh) 2014-09-03 2014-09-03 调整网页内容颜色的方法及装置

Publications (2)

Publication Number Publication Date
CN105468617A true CN105468617A (zh) 2016-04-06
CN105468617B CN105468617B (zh) 2019-02-15

Family

ID=55439104

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410446070.XA Active CN105468617B (zh) 2014-09-03 2014-09-03 调整网页内容颜色的方法及装置

Country Status (2)

Country Link
CN (1) CN105468617B (zh)
WO (1) WO2016034031A1 (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109558195A (zh) * 2018-11-12 2019-04-02 厦门欢乐逛科技股份有限公司 字体特效调节方法、介质、计算机设备及装置
CN109859283A (zh) * 2018-12-22 2019-06-07 Oppo广东移动通信有限公司 一种取色方法、取色装置、电子设备和可存储介质
CN111191424A (zh) * 2019-12-31 2020-05-22 北京华为数字技术有限公司 页面配色的方法、装置、存储介质和芯片
CN113157356A (zh) * 2020-01-22 2021-07-23 阿里巴巴集团控股有限公司 调整对象颜色的方法、装置、电子设备及计算机存储介质
CN113238829A (zh) * 2021-06-07 2021-08-10 北京字节跳动网络技术有限公司 一种背景色生成的方法、装置、电子设备及存储介质

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11948530B2 (en) * 2020-02-26 2024-04-02 Boe Technology Group Co., Ltd. Computer-implemented method for generating gradient color value array, apparatus, and computer-program product thereof
CN117315172B (zh) * 2023-09-22 2024-04-12 鲸数科技(北京)有限公司 地图页面配置方法、装置、电子设备与计算机可读介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060221091A1 (en) * 2005-03-30 2006-10-05 Sbc Knowledge Ventures, L.P. System and method for providing a visual display element for a graphical browser interface
CN102508861A (zh) * 2011-09-30 2012-06-20 华为技术有限公司 一种网页色彩设置方法、网页浏览器和网页服务器
CN103761098A (zh) * 2014-01-23 2014-04-30 贝壳网际(北京)安全技术有限公司 一种网页换肤方法、装置及浏览器
CN103903593A (zh) * 2012-12-27 2014-07-02 腾讯科技(武汉)有限公司 一种页面的显示背景的调整方法及终端

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060221091A1 (en) * 2005-03-30 2006-10-05 Sbc Knowledge Ventures, L.P. System and method for providing a visual display element for a graphical browser interface
CN102508861A (zh) * 2011-09-30 2012-06-20 华为技术有限公司 一种网页色彩设置方法、网页浏览器和网页服务器
CN103903593A (zh) * 2012-12-27 2014-07-02 腾讯科技(武汉)有限公司 一种页面的显示背景的调整方法及终端
CN103761098A (zh) * 2014-01-23 2014-04-30 贝壳网际(北京)安全技术有限公司 一种网页换肤方法、装置及浏览器

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109558195A (zh) * 2018-11-12 2019-04-02 厦门欢乐逛科技股份有限公司 字体特效调节方法、介质、计算机设备及装置
CN109558195B (zh) * 2018-11-12 2021-07-06 厦门欢乐逛科技股份有限公司 字体特效调节方法、介质、计算机设备及装置
CN109859283A (zh) * 2018-12-22 2019-06-07 Oppo广东移动通信有限公司 一种取色方法、取色装置、电子设备和可存储介质
CN109859283B (zh) * 2018-12-22 2024-01-09 Oppo广东移动通信有限公司 一种取色方法、取色装置、电子设备和可存储介质
CN111191424A (zh) * 2019-12-31 2020-05-22 北京华为数字技术有限公司 页面配色的方法、装置、存储介质和芯片
CN111191424B (zh) * 2019-12-31 2023-03-03 北京华为数字技术有限公司 页面配色的方法、装置、存储介质和芯片
CN113157356A (zh) * 2020-01-22 2021-07-23 阿里巴巴集团控股有限公司 调整对象颜色的方法、装置、电子设备及计算机存储介质
CN113238829A (zh) * 2021-06-07 2021-08-10 北京字节跳动网络技术有限公司 一种背景色生成的方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
WO2016034031A1 (zh) 2016-03-10
CN105468617B (zh) 2019-02-15

Similar Documents

Publication Publication Date Title
CN105468617A (zh) 调整网页内容颜色的方法及装置
CN107170424B (zh) 一种显示控制方法,显示方法及电子设备
KR101481684B1 (ko) 아이콘 생성 방법
CN106484396B (zh) 夜间模式切换方法、装置和终端设备
CN108877739B (zh) 一种调节背光亮度的方法、装置及电子设备
JP4903577B2 (ja) 映像信号変換装置、映像表示装置
CN104965631A (zh) 桌面配色方法、装置及智能终端
CN105278899A (zh) 一种显示控制方法及装置
CN104078028A (zh) 一种屏幕亮度调节方法及电子设备
CN103207778B (zh) 一种修饰图标的方法、装置和移动终端
CN104765600A (zh) 一种页面处理方法
CN107016978B (zh) 一种界面展示技术及终端设备
CN104407795A (zh) 显示控制方法和显示控制装置
CN104902088A (zh) 移动终端调整屏幕亮度的方法及装置
CN105955754B (zh) 一种用户界面文字显示方法及装置
CN108664228A (zh) 一种图像显示方法及移动终端
CN104423909A (zh) 一种信息处理方法及电子设备
CN113920912B (zh) 一种显示属性调整方法以及相关设备
CN106919303A (zh) 一种图标的调整方法及***
CN102768763A (zh) 一种文字勾边方法及装置
CN103744942A (zh) 网页浏览方法及装置、网页浏览终端设备
CN103593828A (zh) 一种局部添加滤镜的图像处理方法
CN104765599A (zh) 一种终端
CN106331346B (zh) 对比度调节方法、装置及具有该装置的显示屏和便携设备
CN112541955A (zh) 图像处理方法、装置及设备

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20201231

Address after: 310052 room 508, 5th floor, building 4, No. 699 Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee after: Alibaba (China) Co.,Ltd.

Address before: 12 / F, 28 Chengfu Road, Haidian District, Beijing 100083

Patentee before: UC MOBILE Ltd.