页面配色调整方法、装置、电子设备及存储介质制造方法及图纸

技术编号:34750025 阅读:12 留言:0更新日期:2022-08-31 18:45
本申请公开了页面配色调整方法、装置、电子设备及存储介质,所述的页面配色调整方法包括:获取页面对应的至少一个当前颜色值;根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;将各所述当前颜色值替换成各自对应的目标标准颜色值。本申请解决了现有技术调整页面配色的效率较低的技术问题。的效率较低的技术问题。的效率较低的技术问题。

【技术实现步骤摘要】
页面配色调整方法、装置、电子设备及存储介质


[0001]本申请涉及计算机
,尤其涉及一种页面配色调整方法、装置、电子设备及存储介质。

技术介绍

[0002]在现今的可视化展示领域中,页面配色关系到页面的展现效果,在UI(User Interface,用户界面)设计时,规范一套统一的配色,可以使得整个项目的显示页面在色彩呈现上协调统一,然而,很多项目在规划初期,更多的投入在结构和功能上的规划,对于视觉上的投入较低,往往是等到后期项目日益稳定和强大后,才会进行进行视觉上的改善,其中就包括配色的协调统一,目前,对历史项目进行页面配色的重构或调整,是通过相关人员人工查找需要调整的颜色,进而人工判断并调整到对应的标准颜色。
[0003]然而,对历史项目进行页面配色重构或调整时,现存页面中原有的颜色值都是无规则、不统一的,对于相关人员来说就相当于一堆散乱的随机颜色值,要找出与标准颜色不匹配的颜色相当困难,且人工将不匹配的颜色调整到较好的视觉效果,也需要耗费大量人力物力和时间成本,效率低下。

技术实现思路

[0004]本申请的主要目的在于提供一种页面配色调整方法、装置、电子设备及存储介质,旨在解决现有技术调整页面配色的效率较低的技术问题。
[0005]为实现上述目的,本申请提供一种页面配色调整方法,所述的页面配色调整方法包括:获取页面对应的至少一个当前颜色值;根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;将各所述当前颜色值替换成各自对应的目标标准颜色值。
[0006]可选地,所述颜色差异值包括色差值,所述根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值的步骤包括:将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值;确定每一个当前颜色值对应的色差值中的最小色差值;将各所述最小色差值对应的标准颜色值,确定为各所述当前颜色值对应的目标标准颜色值。
[0007]可选地,所述将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值的步骤包括:
分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值。
[0008]可选地,所述色差值包括色差值,所述分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值的步骤包括:将各所述当前颜色值转换成Lab格式的当前Lab值;分别将各所述当前Lab值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值,其中,所述标准颜色值为Lab格式的标准Lab值。
[0009]可选地,所述获取页面对应的至少一个当前颜色值的步骤包括:获取页面对应的代码文件;从所述代码文件中提取至少一个当前颜色值。
[0010]可选地,所述从所述代码文件中提取至少一个当前颜色值的步骤包括:通过预设的颜色正则表达式,从所述代码文件中提取至少一个当前颜色值。
[0011]可选地,所述从所述代码文件中提取至少一个当前颜色值的步骤还包括:从所述代码文件中提取至少一个初始颜色值;将各所述初始颜色值转化为目标颜色格式的当前颜色值。
[0012]本申请还提供一种页面配色调整装置,所述页面配色调整装置应用于页面配色调整设备,所述页面配色调整装置包括:获取模块,用于获取页面对应的至少一个当前颜色值;确定模块,用于根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;替换模块,用于将各所述当前颜色值替换成各自对应的目标标准颜色值。
[0013]本申请还提供一种电子设备,所述电子设备为实体设备,所述电子设备包括:存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的所述的页面配色调整方法的程序,所述的页面配色调整方法的程序被处理器执行时可实现如上述的页面配色调整方法的步骤。
[0014]本申请还提供一种存储介质,所述存储介质为计算机可读存储介质,所述计算机可读存储介质上存储有实现页面配色调整方法的程序,所述的页面配色调整方法的程序被处理器执行时实现如上述的页面配色调整方法的步骤。
[0015]本申请还提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现如上述的页面配色调整方法的步骤。
[0016]本申请提供了一种页面配色调整方法、装置、电子设备及存储介质,通过获取页面对应的至少一个当前颜色值,实现了现存的页面中原有的当前颜色值的自动获取,进而通过根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值,实现了各所述当前颜色值与标准颜色值之间的自动比对以及对应的目标标准颜色值的自动确定,进而通过将各所述当前颜色值替换成各自对应的目标标准颜色值,实现了对各所述当前颜色值的自动替换,即,
实现了将现存的页面中原有的当前颜色值自动调整到对应的标准颜色,查找、比对和替换的整个页面配色的调整过程无需人工干预,与人工匹配和调整页面配色相比,可以有效节约人力物力和时间成本,提高页面配色调整的效率,克服了现有技术调整页面配色的效率较低的技术问题。
附图说明
[0017]此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。
[0018]为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
[0019]图1为本申请页面配色调整方法一实施例的流程示意图;图2为本申请页面配色调整方法另一实施例的流程示意图;图3为本申请实施例中页面配色调整方法涉及的硬件运行环境的设备结构示意图。
[0020]本申请目的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
[0021]为使本专利技术的上述目的、特征和优点能够更加明显易懂,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其它实施例,均属于本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面配色调整方法,其特征在于,所述的页面配色调整方法包括以下步骤:获取页面对应的至少一个当前颜色值;根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;将各所述当前颜色值替换成各自对应的目标标准颜色值。2.如权利要求1所述的页面配色调整方法,其特征在于,所述颜色差异值包括色差值,所述根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值的步骤包括:将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值;确定每一个当前颜色值对应的色差值中的最小色差值;将各所述最小色差值对应的标准颜色值,确定为各所述当前颜色值对应的目标标准颜色值。3.如权利要求2所述的页面配色调整方法,其特征在于,所述将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值的步骤包括:分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值。4.如权利要求3所述的页面配色调整方法,其特征在于,所述色差值包括色差值,所述分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值的步骤包括:将各所述当前颜色值转换成Lab格式的当前Lab值;分别将各所述当前Lab值与预设的标准颜色值数组中的每一个标准颜色...

【专利技术属性】
技术研发人员:唐士瀛
申请(专利权)人:深圳市明源云空间电子商务有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1