CN114968466A - 页面配色调整方法、装置、电子设备及存储介质 - Google Patents
页面配色调整方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114968466A CN114968466A CN202210823503.3A CN202210823503A CN114968466A CN 114968466 A CN114968466 A CN 114968466A CN 202210823503 A CN202210823503 A CN 202210823503A CN 114968466 A CN114968466 A CN 114968466A
- Authority
- CN
- China
- Prior art keywords
- color
- value
- color value
- current
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 63
- 238000004590 computer program Methods 0.000 description 14
- 238000004364 calculation method Methods 0.000 description 8
- 238000006243 chemical reaction Methods 0.000 description 8
- 230000008569 process Effects 0.000 description 7
- 230000009286 beneficial effect Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 239000000463 material Substances 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000002159 abnormal effect Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 241000699670 Mus sp. Species 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 230000004438 eyesight Effects 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000016776 visual perception Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Image Processing (AREA)
Abstract
本申请公开了页面配色调整方法、装置、电子设备及存储介质,所述的页面配色调整方法包括:获取页面对应的至少一个当前颜色值;根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;将各所述当前颜色值替换成各自对应的目标标准颜色值。本申请解决了现有技术调整页面配色的效率较低的技术问题。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种页面配色调整方法、装置、电子设备及存储介质。
背景技术
在现今的可视化展示领域中,页面配色关系到页面的展现效果,在UI(UserInterface,用户界面)设计时,规范一套统一的配色,可以使得整个项目的显示页面在色彩呈现上协调统一,然而,很多项目在规划初期,更多的投入在结构和功能上的规划,对于视觉上的投入较低,往往是等到后期项目日益稳定和强大后,才会进行进行视觉上的改善,其中就包括配色的协调统一,目前,对历史项目进行页面配色的重构或调整,是通过相关人员人工查找需要调整的颜色,进而人工判断并调整到对应的标准颜色。
然而,对历史项目进行页面配色重构或调整时,现存页面中原有的颜色值都是无规则、不统一的,对于相关人员来说就相当于一堆散乱的随机颜色值,要找出与标准颜色不匹配的颜色相当困难,且人工将不匹配的颜色调整到较好的视觉效果,也需要耗费大量人力物力和时间成本,效率低下。
发明内容
本申请的主要目的在于提供一种页面配色调整方法、装置、电子设备及存储介质,旨在解决现有技术调整页面配色的效率较低的技术问题。
为实现上述目的,本申请提供一种页面配色调整方法,所述的页面配色调整方法包括:
获取页面对应的至少一个当前颜色值;
根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;
将各所述当前颜色值替换成各自对应的目标标准颜色值。
可选地,所述颜色差异值包括色差值,所述根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值的步骤包括:
将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值;
确定每一个当前颜色值对应的色差值中的最小色差值;
将各所述最小色差值对应的标准颜色值,确定为各所述当前颜色值对应的目标标准颜色值。
可选地,所述将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值的步骤包括:
分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值。
可选地,所述色差值包括色差值,所述分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值的步骤包括:
将各所述当前颜色值转换成Lab格式的当前Lab值;
分别将各所述当前Lab值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值,其中,所述标准颜色值为Lab格式的标准Lab值。
可选地,所述获取页面对应的至少一个当前颜色值的步骤包括:
获取页面对应的代码文件;
从所述代码文件中提取至少一个当前颜色值。
可选地,所述从所述代码文件中提取至少一个当前颜色值的步骤包括:
通过预设的颜色正则表达式,从所述代码文件中提取至少一个当前颜色值。
可选地,所述从所述代码文件中提取至少一个当前颜色值的步骤还包括:
从所述代码文件中提取至少一个初始颜色值;
将各所述初始颜色值转化为目标颜色格式的当前颜色值。
本申请还提供一种页面配色调整装置,所述页面配色调整装置应用于页面配色调整设备,所述页面配色调整装置包括:
获取模块,用于获取页面对应的至少一个当前颜色值;
确定模块,用于根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;
替换模块,用于将各所述当前颜色值替换成各自对应的目标标准颜色值。
本申请还提供一种电子设备,所述电子设备为实体设备,所述电子设备包括:存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的所述的页面配色调整方法的程序,所述的页面配色调整方法的程序被处理器执行时可实现如上述的页面配色调整方法的步骤。
本申请还提供一种存储介质,所述存储介质为计算机可读存储介质,所述计算机可读存储介质上存储有实现页面配色调整方法的程序,所述的页面配色调整方法的程序被处理器执行时实现如上述的页面配色调整方法的步骤。
本申请还提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现如上述的页面配色调整方法的步骤。
本申请提供了一种页面配色调整方法、装置、电子设备及存储介质,通过获取页面对应的至少一个当前颜色值,实现了现存的页面中原有的当前颜色值的自动获取,进而通过根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值,实现了各所述当前颜色值与标准颜色值之间的自动比对以及对应的目标标准颜色值的自动确定,进而通过将各所述当前颜色值替换成各自对应的目标标准颜色值,实现了对各所述当前颜色值的自动替换,即,实现了将现存的页面中原有的当前颜色值自动调整到对应的标准颜色,查找、比对和替换的整个页面配色的调整过程无需人工干预,与人工匹配和调整页面配色相比,可以有效节约人力物力和时间成本,提高页面配色调整的效率,克服了现有技术调整页面配色的效率较低的技术问题。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本申请的实施例,并与说明书一起用于解释本申请的原理。
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请页面配色调整方法一实施例的流程示意图;
图2为本申请页面配色调整方法另一实施例的流程示意图;
图3为本申请实施例中页面配色调整方法涉及的硬件运行环境的设备结构示意图。
本申请目的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其它实施例,均属于本发明保护的范围。
本申请实施例提供一种页面配色调整方法,在本申请页面配色调整方法的第一实施例中,参照图1,所述的页面配色调整方法包括:
步骤S10,获取页面对应的至少一个当前颜色值;
在本实施例中,具体地,通过对页面对应的配色相关图片或代码文件进行颜色值的提取,获取解析后得到的至少一个当前颜色值,其中,所述配色相关图片包括页面主图、页面背景图、组件图等,所述代码文件包括HTML(Hyper Text Markup Language,超文本标记语言)文件、源代码文件等。
可选地,所述获取页面对应的至少一个当前颜色值的步骤包括:
步骤S11,获取页面对应的代码文件;
步骤S12,从所述代码文件中提取至少一个当前颜色值。
在本实施例中,具体地,通过fs.readdir()方法循环获取页面对应的全部代码文件,或者需要进行颜色替换的部分对应的代码文件,通过fs.readFile()方法读取各所述代码文件中的代码内容,从代码内容中提取至少一个当前颜色值。
可选地,所述从所述代码文件中提取至少一个当前颜色值的步骤包括:
步骤S121,通过预设的颜色正则表达式,从所述代码文件中提取至少一个当前颜色值。
在本实施例中,具体地,通过fs.readFile()方法读取各所述代码文件中的代码内容,调用toString()将各所述代码内容转换成字符串的形式,预先定义用于匹配各种颜色格式的颜色值的颜色正则表达式,通过replace()方法,从所述代码文件对应的字符串中,查找并提取所述颜色正则表达式对应的至少一个当前颜色值,其中,所述颜色格式是颜色值的表现方式,包括RGB、RGBA、HEX等中的一种或多种,正则表达式为对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑,所述颜色正则表达式具体可以根据实际需要进行确定,本实施例对此不加以限制,在一种可实施的方式中,所述颜色正则表达式可以为reg=/(#([0-9a-fA-F]{8}|[0-9a-fA-F]{6}|[0-9a-fA-F]{3}))|([rR][gG][Bb][Aa]问号[\(]([\s]*(2[0-4][0-9]|25[0-5]|[01]问号[0-9][0-9]问号),){2}[\s]*(2[0-4][0-9]|25[0-5]|[01]问号[0-9][0-9]问号),问号[\s]*(0\.\d{1,2}|1|0)问号[\)]{1})/g,其中,上述“问号”表示实际的问号字符。
在一种可实施的方式中,通过预设的颜色正则表达式,提取所述代码文件中的全部颜色值,得到当前颜色值,即可实现对代码文件中全部的颜色值的提取,进而可以实现对页面中需要进行配色调整的全部颜色值进行全面获取,以便于后续进行全面替换。
可选地,所述从所述代码文件中提取至少一个当前颜色值的步骤还包括:
步骤S1211,从所述代码文件中提取至少一个初始颜色值;
步骤S1212,将各所述初始颜色值转化为目标颜色格式的当前颜色值。
在本实施例中,具体地,通过fs.readFile()方法读取各所述代码文件中的代码内容,从代码内容中提取至少一个颜色值作为初始颜色值,预先定义各个颜色格式之间的颜色格式转换方式,根据颜色格式与颜色格式转换方式之间的映射关系,确定各所述初始颜色值的颜色格式各自对应的颜色格式转换方式,基于各所述初始颜色值的颜色格式各自对应的颜色格式转换方式,将各所述初始颜色值转化为目标颜色格式的当前颜色值,各所述颜色格式转换方式可以是转换公式、映射表等形式,具体可以根据实际情况进行确定,各所述颜色格式转换方式与现有技术相似,本实施例对此不加以限制。
在本实施例中,由于本实施例的实际应用场景为对历史项目进行页面配色的调整,历史项目在整个发展过程中,可能会对页面中各个部分的外观或色彩进行多次调整,且每次调整可能由不同的设计人员和技术人员执行,故而可能在页面中出现不同格式的颜色值,在获取到不同颜色格式的颜色值时,将不同颜色格式统一为一个目标颜色格式,便于后续采用同一个标准进行当前颜色值和标准颜色值之间的比对和替换,无需在每次比对和替换时都进行颜色格式的确定和转换,与人工比对和替换相比,可以大大减少后续比对和替换时由于颜色格式的不统一可能出现的错误和异常状况,提高页面配色调整的效率。
步骤S20,根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;
在本实施例中,具体地,预先根据页面对应的UI规范中的配色方案,生成包含有所述配色方案中全部标准颜色值的标准颜色值数组,分别将各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值进行比较,根据预设的颜色差异值计算公式,计算确定各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,根据每一个当前颜色值对应的各所述颜色差异值,确定每一个当前颜色值各自对应的目标标准颜色值,其中,所述颜色差异值为表示颜色的差别大小的值,可以为明度差值、色度差值、色调差值、饱和度差值、色差值等,所述预设的颜色差异值计算公式可以根据颜色值的颜色格式和实际需要进行确定,本实施例对此不加以限制,例如,当前颜色值的明度值与标准颜色值的明度值的差值即为明度差值,或者将当前颜色值的L值、a值和b值,以及标准颜色值的L值、a值和b值代入预设的色差值计算公式中,计算得到色差值,所述预设的色差值计算公式包括CIE DE76公式、CIE DE94公式、CIE DE2000公式等。
所述根据每一个当前颜色值对应的各所述颜色差异值,确定每一个当前颜色值各自对应的目标标准颜色值的方式可以为,计算确定每一个当前颜色值对应的全部颜色差异值,将每一个当前颜色值对应的全部所述颜色差异值中,最小的颜色差异值对应的标准颜色值确定为目标标准颜色值,例如,若所述当前颜色值包括A1、A2、A3,所述标准颜色值包括B1、B2、B3,故而可以计算A1与B1之间的颜色差异值C1、A1与B2之间的颜色差异值C2、A1与B3,之间的颜色差异值C3,进而比较C1、C2和C3的大小,若C1最小,则将B1确定为A1的目标标准颜色值,进而以同样的方式确定A2和A3各自对应的目标标准颜色值;所述根据每一个当前颜色值对应的各所述颜色差异值,确定每一个当前颜色值各自对应的目标标准颜色值的方式也可以为,依次计算每一个当前颜色值与标准颜色值之间的颜色差异值,并检测所述颜色差异值是否处于预设颜色差异值范围内,当检测到颜色差异值处于预设色差范围内时,将处于预设色差范围内的颜色差异值对应的标准颜色值,确定为目标标准颜色值,若所述当前颜色值对应的全部标准颜色值都没有检测到颜色差异值处于预设色差范围内,则将当前颜色值对应的全部所述颜色差异值中,最小的颜色差异值对应的标准颜色值确定为目标标准颜色值,在一种可实施的方式中,所述预设色差范围为0或预设极小值范围,例如,若所述当前颜色值包括A1、A2、A3,所述标准颜色值包括B1、B2、B3,故而可以以此计算A1与B1之间的颜色差异值C1,并判断C1是否为0或是否在预设极小值范围内,若C1为0或在预设极小值范围内,则将B1确定为A1的目标标准颜色值,若C1不为0或不在预设极小值范围内,则计算A1与B2之间的颜色差异值C2,并判断C2是否为0或是否在预设极小值范围内若C2为0或在预设极小值范围内,则将B2确定为A1的目标标准颜色值,若C2不为0或不在预设极小值范围内,则计算A1与B3之间的颜色差异值C3,并判断C3是否为0或是否在预设极小值范围内若C3为0或在预设极小值范围内,则将B3确定为A1的目标标准颜色值,若C3不为0或不在预设极小值范围内,则比较C1、C2和C3的大小,将C1、C2和C3中最小的一个对应的标准颜色值确定为目标标准颜色值,进而以同样的方式确定A2和A3各自对应的目标标准颜色值。即,若在颜色差异值比对过程中,检测到与某一个当前颜色值之间的颜色差异值为0或近似于0的标准颜色值,即说明这一个当前颜色值与这一个标准颜色值为同一个颜色或在视觉上近似于同一个颜色,则可以直接将所述标准颜色值作为目标标准颜色值,而无需计算与每一个标准颜色值之间的颜色差异值,进而可以有效缩短确定各所述当前颜色值各自对应的目标标准颜色值的时间,整体上提高页面配色调整的效率。
步骤S30,将各所述当前颜色值替换成各自对应的目标标准颜色值。
在本实施例中,具体地,将各所述当前颜色值替换成各自对应的目标标准颜色值,需要说明的是,所述将各所述当前颜色值替换成各自对应的目标标准颜色值的步骤,可以在每次确定一个当前颜色值对应的目标标准颜色值之后,立即进行替换,再确定下一次当前颜色值对应的目标标准颜色值并进行替换,直至完成对全部当前颜色值的颜色替换,所述将各所述当前颜色值替换成各自对应的目标标准颜色值的步骤,也可以在确定了全部当前颜色值各自对应的目标标准颜色值之后,再将全部当前颜色值替换为各自对应的目标标准颜色值。
在本实施例中,通过获取页面对应的至少一个当前颜色值,实现了现存的页面中原有的当前颜色值的自动获取,进而通过根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值,实现了各所述当前颜色值与标准颜色值之间的自动比对以及对应的目标标准颜色值的自动确定,进而通过将各所述当前颜色值替换成各自对应的目标标准颜色值,实现了对各所述当前颜色值的自动替换,即,实现了将现存的页面中原有的当前颜色值自动调整到对应的标准颜色,查找、比对和替换的整个页面配色的调整过程无需人工干预,与人工匹配和调整页面配色相比,可以有效节约人力物力和时间成本,提高页面配色调整的效率,克服了现有技术调整页面配色的效率较低的技术问题。
进一步地,参照图2,基于本申请上述实施例,在本申请另一实施例中,与上述实施例相同或相似的内容,可以参考上文介绍,后续不再赘述。在此基础上,所述颜色差异值包括色差值,所述根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值的步骤包括:
步骤S21,将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值;
在本实施例中,具体地,预先根据页面对应的UI规范中的配色方案,生成包含有所述配色方案中全部标准颜色值的标准颜色值数组,分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,根据预设的色差值计算公式,计算确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值,其中,所述预设的色差值计算公式可以根据颜色值的颜色格式和实际需要进行确定,本实施例对此不加以限制,所述预设的色差值计算公式包括CIE DE76公式、CIE DE94公式、CIE DE2000公式等。
可选地,所述将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值的步骤包括:
步骤S211,分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值。
在本实施例中,具体地,预先根据页面对应的UI规范中的配色方案,生成包含有所述配色方案中全部标准颜色值的标准颜色值数组,分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,分别代入CIE DE2000色差公式,计算确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值。
可选地,所述色差值包括色差值,所述分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值的步骤包括:
步骤S2111,将各所述当前颜色值转换成Lab格式的当前Lab值;
步骤S2112,分别将各所述当前Lab值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值,其中,所述标准颜色值为Lab格式的标准Lab值。
在本实施例中,具体地,预先根据页面对应的UI规范中的配色方案,确定所述配色方案中全部标准颜色值对应的Lab格式的标准Lab值,生成包含有全部所述标准Lab值的标准颜色值数组,通过for循环遍历各所述当前颜色值,将各所述当前颜色值转换成Lab格式的当前Lab值,分别将各所述当前Lab值与预设的标准颜色值数组中的每一个标准Lab值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值。
步骤S22,确定每一个当前颜色值对应的色差值中的最小色差值;
步骤S23,将各所述最小色差值对应的标准颜色值,确定为各所述当前颜色值对应的目标标准颜色值。
在本实施例中,具体地,分别比较每一个当前颜色值对应的全部色差值的大小,确定每一个当前颜色值对应的色差值中的最小色差值,将各所述最小色差值对应的标准颜色值,确定为各所述当前颜色值对应的目标标准颜色值。
在本实施例中,通过色差值的大小,可以从具体数值上准确判断当前颜色值和标准颜色值之间的差异大小,并将当前颜色值替换成差异最小的标准颜色值,使得页面配色在符合标准规范的情况下,调整幅度的最小化,避免了颜色大幅异常变动可能导致图像意义发生变化的情况,且,CIE DE2000色差公式可以提高亮度差异判别的准确性,通过CIEDE2000色差公式计算出的色差值更接近于人类视觉的色差值,故而通过CIE DE2000色差公式计算出的色差值越小,替换后的页面配色的变化则更小,视觉感受上更协调。
进一步地,本申请实施例还提供一种页面配色调整装置,所述页面配色调整装置应用于页面配色调整设备,所述页面配色调整装置包括:
获取模块,用于获取页面对应的至少一个当前颜色值;
确定模块,用于根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;
替换模块,用于将各所述当前颜色值替换成各自对应的目标标准颜色值。
可选地,所述获取模块,还用于:
将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值;
确定每一个当前颜色值对应的色差值中的最小色差值;
将各所述最小色差值对应的标准颜色值,确定为各所述当前颜色值对应的目标标准颜色值。
可选地,所述获取模块,还用于:
分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值。
可选地,所述获取模块,还用于:
将各所述当前颜色值转换成Lab格式的当前Lab值;
分别将各所述当前Lab值与预设的标准颜色值数组中的每一个标准颜色值,代入CIE DE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值,其中,所述标准颜色值为Lab格式的标准Lab值。
可选地,所述确定模块,还用于:
获取页面对应的代码文件;
从所述代码文件中提取至少一个当前颜色值。
可选地,所述确定模块,还用于:
通过预设的颜色正则表达式,从所述代码文件中提取至少一个当前颜色值。
可选地,所述确定模块,还用于:
从所述代码文件中提取至少一个初始颜色值;
将各所述初始颜色值转化为目标颜色格式的当前颜色值。
本发明提供的页面配色调整装置,采用上述实施例中的页面配色调整方法,解决了现有技术调整页面配色的效率较低的技术问题。与现有技术相比,本发明实施例提供的页面配色调整装置的有益效果与上述实施例提供的页面配色调整方法的有益效果相同,且该页面配色调整装置中的其他技术特征与上述实施例方法公开的特征相同,在此不做赘述。
进一步地,本发明实施例提供一种电子设备,电子设备包括:至少一个处理器;以及,与至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够执行上述实施例中的页面配色调整方法。
下面参考图3,其示出了适于用来实现本公开实施例的电子设备的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图3示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图3所示,电子设备可以包括处理装置(例如中央处理器、图形处理器等),其可以根据存储在只读存储器(ROM)中的程序或者从存储装置加载到随机访问存储器(RAM)中的程序而执行各种适当的动作和处理。在RAM中,还存储有电子设备操作所需的各种程序和数据。处理装置、ROM以及RAM通过总线彼此相连。输入/输出(I/O)接口也连接至总线。
通常,以下系统可以连接至I/O接口:包括例如触摸屏、触摸板、键盘、鼠标、图像传感器、麦克风、加速度计、陀螺仪等的输入装置;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置;包括例如磁带、硬盘等的存储装置;以及通信装置。通信装置可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图中示出了具有各种系统的电子设备,但是应理解的是,并不要求实施或具备所有示出的系统。可以替代地实施或具备更多或更少的系统。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置从网络上被下载和安装,或者从存储装置被安装,或者从ROM被安装。在该计算机程序被处理装置执行时,执行本公开实施例的方法中限定的上述功能。
本发明提供的电子设备,采用上述实施例中的页面配色调整方法,解决了现有技术调整页面配色的效率较低的技术问题。与现有技术相比,本发明实施例提供的电子设备的有益效果与上述实施例提供的页面配色调整方法的有益效果相同,且该电子设备中的其他技术特征与上述实施例方法公开的特征相同,在此不做赘述。
应当理解,本公开的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式的描述中,具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。
进一步地,本实施例提供一种计算机可读存储介质,具有存储在其上的计算机可读程序指令,计算机可读程序指令用于执行上述实施例中的页面配色调整方法。
本发明实施例提供的计算机可读存储介质例如可以是U盘,但不限于电、磁、光、电磁、红外线、或半导体的系统、系统或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、系统或者器件使用或者与其结合使用。计算机可读存储介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读存储介质可以是电子设备中所包含的;也可以是单独存在,而未装配入电子设备中。
上述计算机可读存储介质承载有一个或者多个程序,当上述一个或者多个程序被电子设备执行时,使得电子设备:获取页面对应的至少一个当前颜色值;根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;将各所述当前颜色值替换成各自对应的目标标准颜色值。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该单元本身的限定。
本发明提供的计算机可读存储介质,存储有用于执行上述页面配色调整方法的计算机可读程序指令,解决了现有技术调整页面配色的效率较低的技术问题。与现有技术相比,本发明实施例提供的计算机可读存储介质的有益效果与上述实施例提供的页面配色调整方法的有益效果相同,在此不做赘述。
进一步地,本申请还提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现如上述的页面配色调整方法的步骤。
本申请提供的计算机程序产品解决了现有技术调整页面配色的效率较低的技术问题。与现有技术相比,本发明实施例提供的计算机程序产品的有益效果与上述实施例提供的页面配色调整方法的有益效果相同,在此不做赘述。
以上仅为本申请的优选实施例,并非因此限制本申请的专利范围,凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本申请的专利处理范围内。
Claims (10)
1.一种页面配色调整方法,其特征在于,所述的页面配色调整方法包括以下步骤:
获取页面对应的至少一个当前颜色值;
根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;
将各所述当前颜色值替换成各自对应的目标标准颜色值。
2.如权利要求1所述的页面配色调整方法,其特征在于,所述颜色差异值包括色差值,所述根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值的步骤包括:
将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值;
确定每一个当前颜色值对应的色差值中的最小色差值;
将各所述最小色差值对应的标准颜色值,确定为各所述当前颜色值对应的目标标准颜色值。
3.如权利要求2所述的页面配色调整方法,其特征在于,所述将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值进行比较,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值的步骤包括:
分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIEDE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值。
4.如权利要求3所述的页面配色调整方法,其特征在于,所述色差值包括色差值,所述分别将各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值,代入CIEDE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值的步骤包括:
将各所述当前颜色值转换成Lab格式的当前Lab值;
分别将各所述当前Lab值与预设的标准颜色值数组中的每一个标准颜色值,代入CIEDE2000色差公式,确定各所述当前颜色值与预设的标准颜色值数组中的每一个标准颜色值之间的色差值,其中,所述标准颜色值为Lab格式的标准Lab值。
5.如权利要求1所述的页面配色调整方法,其特征在于,所述获取页面对应的至少一个当前颜色值的步骤包括:
获取页面对应的代码文件;
从所述代码文件中提取至少一个当前颜色值。
6.如权利要求5所述的页面配色调整方法,其特征在于,所述从所述代码文件中提取至少一个当前颜色值的步骤包括:
通过预设的颜色正则表达式,从所述代码文件中提取至少一个当前颜色值。
7.如权利要求5所述的页面配色调整方法,其特征在于,所述从所述代码文件中提取至少一个当前颜色值的步骤还包括:
从所述代码文件中提取至少一个初始颜色值;
将各所述初始颜色值转化为目标颜色格式的当前颜色值。
8.一种页面配色调整装置,其特征在于,所述页面配色调整装置包括:
获取模块,用于获取页面对应的至少一个当前颜色值;
确定模块,用于根据各所述当前颜色值与预设的标准颜色值数组中的至少一个标准颜色值之间的颜色差异值,确定各所述当前颜色值各自对应的目标标准颜色值;
替换模块,用于将各所述当前颜色值替换成各自对应的目标标准颜色值。
9.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1至7中任一项所述的页面配色调整方法的步骤。
10.一种存储介质,其特征在于,所述存储介质为计算机可读存储介质,所述计算机可读存储介质上存储有实现页面配色调整方法的程序,所述实现页面配色调整方法的程序被处理器执行以实现如权利要求1至7中任一项所述的页面配色调整方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210823503.3A CN114968466A (zh) | 2022-07-14 | 2022-07-14 | 页面配色调整方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210823503.3A CN114968466A (zh) | 2022-07-14 | 2022-07-14 | 页面配色调整方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114968466A true CN114968466A (zh) | 2022-08-30 |
Family
ID=82969119
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210823503.3A Pending CN114968466A (zh) | 2022-07-14 | 2022-07-14 | 页面配色调整方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114968466A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117315172A (zh) * | 2023-09-22 | 2023-12-29 | 鲸数科技(北京)有限公司 | 地图页面配置方法、装置、电子设备与计算机可读介质 |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103761079A (zh) * | 2013-12-12 | 2014-04-30 | 北京奇虎科技有限公司 | 页面自动变灰的方法和装置 |
CN105786896A (zh) * | 2014-12-24 | 2016-07-20 | 阿里巴巴集团控股有限公司 | 一种页面侧边栏的颜色渲染方法及装置 |
CN106569945A (zh) * | 2016-10-19 | 2017-04-19 | 上海斐讯数据通信技术有限公司 | 一种用于用户界面测试的自动化辨色系统和方法 |
CN110609965A (zh) * | 2018-05-28 | 2019-12-24 | 腾讯科技(深圳)有限公司 | 一种页面显示方法、装置和存储介质 |
CN110719382A (zh) * | 2019-10-09 | 2020-01-21 | 北京明略软件系统有限公司 | 一种颜色替换方法和装置 |
CN111625314A (zh) * | 2020-05-25 | 2020-09-04 | 泰康保险集团股份有限公司 | 终端设备界面颜色设置方法、装置、设备及存储介质 |
CN111813472A (zh) * | 2020-06-22 | 2020-10-23 | 五八有限公司 | 一种应用界面的转换方法和装置 |
CN112286604A (zh) * | 2020-09-28 | 2021-01-29 | 广州视源电子科技股份有限公司 | 显示画面的颜色调整方法、装置和计算机设备 |
CN113535297A (zh) * | 2021-06-29 | 2021-10-22 | 未鲲(上海)科技服务有限公司 | 应用程序状态栏的显示方法、装置、设备及存储介质 |
CN113837928A (zh) * | 2021-09-17 | 2021-12-24 | 平安普惠企业管理有限公司 | 对象颜色调整方法、装置、电子设备及存储介质 |
CN114253539A (zh) * | 2021-12-23 | 2022-03-29 | 武汉达梦数据技术有限公司 | 一种页面自动配色方法、装置、设备及存储介质 |
CN114299170A (zh) * | 2021-12-08 | 2022-04-08 | 北京达佳互联信息技术有限公司 | 一种颜色推荐方法、装置、设备以及存储介质 |
CN114611030A (zh) * | 2022-03-10 | 2022-06-10 | 京东科技信息技术有限公司 | 页面颜色调整方法、装置、存储介质及电子设备 |
-
2022
- 2022-07-14 CN CN202210823503.3A patent/CN114968466A/zh active Pending
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103761079A (zh) * | 2013-12-12 | 2014-04-30 | 北京奇虎科技有限公司 | 页面自动变灰的方法和装置 |
CN105786896A (zh) * | 2014-12-24 | 2016-07-20 | 阿里巴巴集团控股有限公司 | 一种页面侧边栏的颜色渲染方法及装置 |
CN106569945A (zh) * | 2016-10-19 | 2017-04-19 | 上海斐讯数据通信技术有限公司 | 一种用于用户界面测试的自动化辨色系统和方法 |
CN110609965A (zh) * | 2018-05-28 | 2019-12-24 | 腾讯科技(深圳)有限公司 | 一种页面显示方法、装置和存储介质 |
CN110719382A (zh) * | 2019-10-09 | 2020-01-21 | 北京明略软件系统有限公司 | 一种颜色替换方法和装置 |
CN111625314A (zh) * | 2020-05-25 | 2020-09-04 | 泰康保险集团股份有限公司 | 终端设备界面颜色设置方法、装置、设备及存储介质 |
CN111813472A (zh) * | 2020-06-22 | 2020-10-23 | 五八有限公司 | 一种应用界面的转换方法和装置 |
CN112286604A (zh) * | 2020-09-28 | 2021-01-29 | 广州视源电子科技股份有限公司 | 显示画面的颜色调整方法、装置和计算机设备 |
CN113535297A (zh) * | 2021-06-29 | 2021-10-22 | 未鲲(上海)科技服务有限公司 | 应用程序状态栏的显示方法、装置、设备及存储介质 |
CN113837928A (zh) * | 2021-09-17 | 2021-12-24 | 平安普惠企业管理有限公司 | 对象颜色调整方法、装置、电子设备及存储介质 |
CN114299170A (zh) * | 2021-12-08 | 2022-04-08 | 北京达佳互联信息技术有限公司 | 一种颜色推荐方法、装置、设备以及存储介质 |
CN114253539A (zh) * | 2021-12-23 | 2022-03-29 | 武汉达梦数据技术有限公司 | 一种页面自动配色方法、装置、设备及存储介质 |
CN114611030A (zh) * | 2022-03-10 | 2022-06-10 | 京东科技信息技术有限公司 | 页面颜色调整方法、装置、存储介质及电子设备 |
Non-Patent Citations (1)
Title |
---|
潘杰: ""CIE DE2000色差计算公式"", 《印刷质量检测》 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117315172A (zh) * | 2023-09-22 | 2023-12-29 | 鲸数科技(北京)有限公司 | 地图页面配置方法、装置、电子设备与计算机可读介质 |
CN117315172B (zh) * | 2023-09-22 | 2024-04-12 | 鲸数科技(北京)有限公司 | 地图页面配置方法、装置、电子设备与计算机可读介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109408102B (zh) | 一种版本比对方法和装置、家电设备、网络设备 | |
CN107423212B (zh) | 虚拟现实设备屏幕响应延时的测评方法及装置 | |
WO2019019358A1 (zh) | 页面兼容性检测方法、装置、服务器和存储介质 | |
CN109522208B (zh) | 页面流畅度测试方法及装置、计算机装置及存储介质 | |
CN113808231B (zh) | 信息处理方法及装置、图像渲染方法及装置、电子设备 | |
KR102360271B1 (ko) | 텍스트의 컬러 결정 방법 및 장치 | |
EP3905672B1 (en) | Color space mapping method and device, computer readable storage medium and apparatus | |
CN111383329B (zh) | 基于浏览器的三维图像显示方法、装置及电子设备 | |
CN111428165A (zh) | 三维模型的展示方法、装置及电子设备 | |
CN114968466A (zh) | 页面配色调整方法、装置、电子设备及存储介质 | |
CN113010359A (zh) | 总线测试系统生成方法、系统、设备及存储介质 | |
CN105138463A (zh) | 一种移动终端的软件测试方法及系统 | |
JP6485146B2 (ja) | 色変換情報生成装置及びプログラム | |
CN107426588B (zh) | 一种获取电视机配置信息方法、系统及存储装置 | |
CN114972113A (zh) | 图像处理方法、装置、电子设备及可读存储介质 | |
CN111176707A (zh) | 模板化的自动化运维方法、装置及电子设备 | |
US20200348342A1 (en) | Method and apparatus for processing oscilloscope data and oscilloscope | |
US11763777B2 (en) | Image display device, image display system, image display method, and computer program for providing a low-luminance grayscale standard display function (GSDF) display | |
CN114928732B (zh) | 图像色准校正方法、装置、电子设备及可读存储介质 | |
US9959642B2 (en) | Graph generation apparatus, graph display apparatus, graph generation program, and graph display program | |
CN106168889B (zh) | 一种片源编码方法以及电子设备 | |
CN108169544B (zh) | 电压暂降展示方法及装置 | |
CN114706498B (zh) | 一种触摸屏软件显示触摸屏按压位置的方法及装置 | |
CN114816609B (zh) | 展示窗口的方法、装置、电子设备及计算机可读存储介质 | |
CN114693523A (zh) | 图像色准校正方法、装置、电子设备及可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20220830 |
|
RJ01 | Rejection of invention patent application after publication |