CN114185546A - 色彩搭配方法及装置、存储介质及电子设备 - Google Patents
色彩搭配方法及装置、存储介质及电子设备 Download PDFInfo
- Publication number
- CN114185546A CN114185546A CN202111533938.6A CN202111533938A CN114185546A CN 114185546 A CN114185546 A CN 114185546A CN 202111533938 A CN202111533938 A CN 202111533938A CN 114185546 A CN114185546 A CN 114185546A
- Authority
- CN
- China
- Prior art keywords
- color
- combination
- recommended
- collocated
- picture
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Vision & Pattern Recognition (AREA)
- User Interface Of Digital Computer (AREA)
- Color Image Communication Systems (AREA)
Abstract
本申请提供了一种色彩搭配方法及装置、存储介质及电子设备,包括:获取待搭配颜色,将预设的与待搭配颜色对应的适合颜色集合确定为目标颜色集合,从目标颜色集合包括的各个颜色中确定至少一个待推荐颜色;获取待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片,生成推荐色组合列表并加载至可视化界面,响应选择操作,并将各组图片组合中与选择操作对应的图片组合确定为目标图片组合,获取预先编写的与目标图片组合包括的每个颜色对应的颜色代码并可视化显示,以便于用户获取目标图片组包括的每个颜色对应的颜色代码。实现了为非专业设计人员提供色彩搭配方案,并提供颜色代码,方便开发人员便捷获取颜色代码,从而提高开发效率。
Description
技术领域
本申请涉及前端开发领域,尤其涉及一种色彩搭配方法及装置、存储介质及电子设备。
背景技术
前端开发中,UI色彩的选择多种多样,搭配不慎会导致视觉疲累与反感,好的色彩搭配需要专业的设计人员来搭配,开发人员作为非专业设计人员如何低成本地学习与使用色彩,搭配出赏心悦目主次分明的色彩是目前本领域技术人员亟需解决的技术问题。
发明内容
本申请提供了一种色彩搭配方法及装置、存储介质及电子设备,目的在于为非专业设计人员提供色彩搭配方案。
为了实现上述目的,本申请提供了以下技术方案:
一种色彩搭配方法,包括:
获取待搭配颜色;
将预设的各个适合颜色集合中与所述待搭配颜色对应的适合颜色集合确定为目标颜色集合;
从所述目标颜色集合包括的各个颜色中确定至少一个待推荐颜色;
获取所述待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片;
基于所述待搭配颜色的展示样例图片和各个待推荐颜色的展示样例图片,生成推荐色组合列表;所述推荐色组合列表包括至少一组图片组合,每组所述图片组合包括所述待搭配颜色的展示样例图片与任意一个待推荐颜色的展示样例图片;
将所述推荐色组合列表加载至可视化界面;
响应用户通过所述可视化界面的选择操作,并将各组所述图片组合中与所述选择操作对应的图片组合确定为目标图片组合;
获取预先编写的与所述目标图片组合包括的每个颜色对应的颜色代码;
对所获取的颜色代码进行可视化显示,以便于所述用户获取所述目标图片组包括的每个颜色对应的颜色代码。
上述的方法,可选的,所述获取待搭配颜色,包括:
响应用户的触发指令,生成待搭配颜色输入界面;
基于所述待搭配颜色输入界面,获取待搭配颜色。
上述的方法,可选的,所述基于所述待搭配颜色输入界面,获取待搭配颜色,包括:
获取所述用户通过所述待搭配颜色输入界面输入的待搭配颜色;
或,
获取所述用户通过所述待搭配颜色输入界面的下拉菜单选择的待搭配颜色;
或,
获取所述用户通过所述待搭配颜色输入界面输入的主题;
获取预设的与所述主题对应的主题色集合;所述主题色集合中包括至少一个主题色;
基于所述主题集合包括的各个主题色,生成主题色选择界面;
获取所述用户通过所述主题色选择界面选择的主题色,将所述用户通过所述主题色界面所选择的主题色确定为待搭配颜色。
上述的方法,可选的,所述将所述推荐色组合列表加载至可视化界面之后,还包括:
获取所述用户通过所述可视化界面发出的更换指令;所述更换指令用于指示对推荐色组合列表进行更换;
返回执行所述从所述目标颜色集合包括的各个颜色中确定至少一个待推荐颜色的步骤。
上述的方法,可选的,还包括:
获取用户输入的颜色组合;
判断所述颜色组合包括的颜色是否相互搭配;
若所述颜色组合包括的颜色相互搭配,则输出用于提示所述颜色组合搭配的提示信息,并获取所述颜色组合对应的推荐色组合列表,对所述推荐色组合列表进行可视化;其中,所述颜色组合的推荐色组合列表包括所述颜色组合对应的图片组合以及多组其他图片组合,所述颜色组合对应的图片组合包括所述颜色组合中每个颜色的展示样例图片,每组其他图片组合包括所述颜色组合中任意一个颜色的展示样例图片,以及该颜色对应的待推荐颜色的展示样例图片,该颜色对应的待推荐颜色为预设的该颜色对应的适合颜色集合中的任意一个颜色;
若所述颜色组合包括的颜色不相互搭配,则输出用于提示所述颜色组合不搭配的提示信息,并展示所述颜色组合包括的每个颜色的展示样例图片。
上述的方法,可选的,所述判断所述颜色组合包括的颜色是否相互搭配,包括:
依据曼塞尔色环,判断所述颜色组合包括的颜色是否为对立色;
若所述颜色组合包括的颜色为对立色,则确定所述颜色组合包括的颜色不相互搭配;
若所述颜色组合包括的颜色不为对立色,则确定所述颜色组合包括的颜色相互搭配。
一种色彩搭配装置,包括:
第一获取单元,用于获取待搭配颜色;
第一确定单元,用于将预设的各个适合颜色集合中与所述待搭配颜色对应的适合颜色集合确定为目标颜色集合;
第二确定单元,用于从所述目标颜色集合包括的各个颜色中确定至少一个待推荐颜色;
第二获取单元,用于获取所述待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片;
生成单元,用于基于所述待搭配颜色的展示样例图片和各个待推荐颜色的展示样例图片,生成推荐色组合列表;所述推荐色组合列表包括至少一组图片组合,每组所述图片组合包括所述待搭配颜色的展示样例图片与任意一个待推荐颜色的展示样例图片;
第一显示单元,用于将所述推荐色组合列表加载至可视化界面;
第一响应单元,用于响应用户通过所述可视化界面的选择操作,并将各组所述图片组合中与所述选择操作对应的图片组合确定为目标图片组合;
第三获取单元,用于获取预先编写的与所述目标图片组合包括的每个颜色对应的颜色代码;
第二显示单元,用于对所获取的颜色代码进行可视化显示,以便于所述用户获取所述目标图片组包括的每个颜色对应的颜色代码。
上述的装置,可选的,所述第一获取单元具体用于:
响应用户的触发指令,生成待搭配颜色输入界面;
基于所述待搭配颜色输入界面,获取待搭配颜色。
一种存储介质,所述存储介质存储有指令集,其中,所述指令集被处理器执行时实现如上述的色彩搭配方法。
一种电子设备,包括:
存储器,用于存储至少一组指令集;
处理器,用于执行所述存储器中存储的指令集,通过执行所述指令集实现如上述的色彩搭配方法。
一种存储介质,所述存储介质存储有指令集,其中,所述指令集被处理器执行时实现如上述的色彩搭配方法。
一种电子设备,包括:
存储器,用于存储至少一组指令集;
处理器,用于执行所述存储器中存储的指令集,通过执行所述指令集实现如上述的色彩搭配方法。
与现有技术相比,本申请包括以下优点:
本申请提供了一种色彩搭配方法及装置、存储介质及电子设备,包括:获取待搭配颜色;将预设的各个适合颜色集合中与待搭配颜色对应的适合颜色集合确定为目标颜色集合;从目标颜色集合包括的各个颜色中确定至少一个待推荐颜色;获取待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片;基于待搭配颜色的展示样例图片和各个待推荐颜色的展示样例图片,生成推荐色组合列表;推荐色组合列表包括至少一组图片组合,每组图片组合包括待搭配颜色的展示样例图片与任意一个待推荐颜色的展示样例图片;将推荐色组合列表加载至可视化界面;响应用户通过可视化界面的选择操作,并将各组图片组合中与选择操作对应的图片组合确定为目标图片组合;获取预先编写的与目标图片组合包括的每个颜色对应的颜色代码;对所获取的颜色代码进行可视化显示,以便于用户获取目标图片组包括的每个颜色对应的颜色代码。可见,本申请方案,实现了为非专业设计人员提供色彩搭配方案,并提供颜色代码,方便开发人员便捷获取颜色代码,从而提高开发效率。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本申请提供的一种色彩搭配方法的方法流程图;
图2为本申请提供的一种色彩搭配方法的又一方法流程图;
图3为本申请提供的一种色彩搭配方法的再一方法流程图;
图4为本申请提供的另一种色彩搭配方法的另一方法流程图;
图5为本申请提供的一种色彩搭配装置的结构示意图;
图6为本申请提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本申请公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本申请公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本申请实施例提供了一种色彩搭配方法,该方法可以应用在色彩搭配工具,色彩搭配方法的流程图如图1所示,具体包括:
S101、获取待搭配颜色。
本实施例中,获取用户输入的待搭配颜色。
参阅图2,获取待搭配颜色的过程,具体包括以下步骤:
S201、响应用户的触发操作,生成待搭配颜色输入界面。
本实施例中,响应用户的触发指令,生成待搭配颜色输入界面。
其中,用户的触发指令可以是通过触发终端设备中的色彩搭配工具的图标所生成的指令。
其中,待搭配颜色界面中包括但不限于输入框和下拉菜单,输入框用于输入待搭配颜色或主题,例如,用户可以用过输入框输入“黑色”或“乡村”主题;下拉菜单包括至少一个流行色选择项,用户可以通过下拉参数选择流行色。
S202、基于待搭配颜色输入界面,获取待搭配颜色。
本实施例中,通过待搭配颜色输入界面,获取用户输入的待搭配颜色。
示例性的,基于待搭配颜色输入界面,获取待搭配颜色的一种实现方式为:
获取用户通过待搭配颜色输入界面输入的待搭配颜色。
本实施例中,用户可以直接通过待搭配颜色输入界面中的输入框输入待搭配颜色。获取用户通过待搭配颜色输入界面的输入框输入的待搭配颜色。
示例性的,基于待搭配颜色输入界面,获取待搭配颜色的另一种实现方式为:
获取用户通过待搭配颜色输入界面的下拉菜单选择的待搭配颜色。
本实施例中,用户可以通过待搭配颜色输入界面中的下拉菜单对下拉菜单中的流行色选择项进行选择。获取用户所选择的流行色选择项,确定用户所选择的流行色选择项对应的流行色,并将所确定的流行色确定为待搭配颜色。
示例性的,参阅图3,基于待搭配颜色输入界面,获取待搭配颜色的另一种实现方式为:
S301、获取用户通过待搭配颜色输入界面输入的主题。
本实施例中,用户可以通过待搭配颜色输入界面中的输入框输入的主题,例如,输入乡村主题。
本实施例中,获取用户通过待搭配颜色输入中的输入框输入的主题。
S302、获取预设的与主题对应的主题色集合;主题色集合中包括至少一个主题色。
本实施例中,预设不同主题对应的主题色集合,每个主题色集合包括至少一个主题色。
基于用户输入的主题,查找预设的与该主题对应的主题色集合。
S303、基于主题集合包括的各个主题色,生成主题色选择界面。
本实施例中,基于主题集合包括的各个主题色,生成主题色选择界面,具体的,将主题色集合包括的各个主题色加载至可视化界面,其中,加载主题色的可视化界面为主题色选择界面。
示例性的,各个主题色在主题色选择界面中以选择框的形式进行显示。
S304、获取用户通过主题色选择界面选择的主题色,将用户通过主题色界面所选择的主题色确定为待搭配颜色。
本实施例中,用户可以通过主题色选择界面中的选择框对主题色进行选择。
获取用户通过主题色选择界面所选择的主题色,并将用户所选择的主题色确定为待搭配颜色。
S102、将预设的各个适合颜色集合中与待搭配颜色对应的适合颜色集合确定为目标颜色集合。
本实施例中,预先构建键值表,键值表中以key(键)-value(值)的形式进行存储,其中,key是具体的颜色,value是颜色集合,颜色集合包括适合颜色集合和不适合颜色集合,一个颜色对应一个适合颜色集合和不适合颜色集合,适合颜色集合中包括至少一个颜色,不适合颜色集合中包括至少一个颜色。
需要说明的是,每个适合颜色集合中包括的各个颜色与该适合颜色集合对应的颜色相互搭配;每个不适合颜色集合中包括的各个颜色与该适合颜色集合对应的颜色不相互搭配。
本实施例中,查找预设的各个适合颜色集合中与待搭配颜色对应的适合颜色集合,具体的,基于待搭配颜色,确定键值表中与待搭配颜色对应的颜色集合,将键值表中与待搭配颜色对应的颜色集合中的适合颜色集合确定为与待搭配颜色对应的适合颜色集合。
S103、从目标颜色集合包括的各个颜色中确定至少一个待推荐颜色。
本实施例中,从目标颜色集合包括的各个颜色中确定至少一个待推荐颜色,具体的,按照预设的筛选策略,从目标颜色集合包括的各个颜色中筛选出至少一个颜色,将所筛选出的颜色确定为待推荐颜色。示例性的,筛选策略可是按各个颜色在集合中的排列顺序,依次从上一次未被选择过的颜色中选择预设数值个颜色。
对步骤103的具体实现过程进行举例说明如下:
待搭配颜色为黑色,目标颜色集合包括的颜色为白色、酒红色、米色、紫色,其中,各个颜色在目标颜色集合中的排列顺序为白色、酒红色、米色、紫色;筛选策略为:按各个颜色在集合中的排列顺序,依次从上一次未被选择过的颜色中选择2个颜色。
则第一次筛选可以从目标颜色集合中筛选出白色和酒红色,将白色和酒红色确定为待推荐颜色。
第二次筛选可以从目标颜色集合中筛选出米色和紫色,将米色和紫色确定为待推荐颜色。
第三次筛选可以从目标颜色集合中筛选出白色和酒红色,将白色和酒红色确定为待推荐颜色,以此类推。
S104、获取待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片。
本实施例中,获取待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片,其中,展示样例图片用于展示对应的颜色,例如,黑色的展示样例图片用于展示黑色。
S105、基于待搭配颜色的展示样例图片和各个待推荐颜色的展示样例图片,生成推荐色组合列表。
本实施例中,基于待搭配颜色的展示样例图片和各个待推荐颜色的展示样例图片,生成推荐色组合列表,具体的,基于待搭配颜色的展示样例图片和个各个待推荐颜色的展示样例图片,组成多组图片组合,其中,每组图片组合包括待搭配颜色的展示样例图片和任意一个待推荐颜色的展示样例图片,不同图片组合中的待推荐颜色的展示样例图片不同;基于各组图片组合,生成推荐色组合列表。
S106、将推荐色组合列表加载至可视化界面。
本实施例中,将推荐色组合列表加载至可视化界面,也就是在可视化界面中显示该推荐色组合列表。
S107、响应用户通过可视化界面的选择操作,并将各组图片组合中与选择操作对应的图片组合确定为目标图片组合。
本实施例中,用户可以通过可视化界面对图片组合进行选择,具体的,可以通过点击可视化界面中的推荐色组合列表中的图片组合,实现对图片组合的选择。
本实施例中,响应用户通过可视化界面的选择操作,确定各组图片组合中与用户的选择操作对应的图片组合,并将与用户的选择操作对应的图片组合确定为目标图片组合。
S108、获取预先编写的与目标图片组合包括的每个颜色对应的颜色代码。
本实施例中,预先编写各个颜色的颜色代码。
从预先编写的各个颜色的颜色代码中确定目标图片组合包括的每个颜色对应的颜色代码。
S109、对所获取的颜色代码进行可视化显示,以便于用户获取目标图片组包括的每个颜色对应的颜色代码。
本实施例中,对所获取的颜色代码进行可视化显示,也就是将目标图片组合包括的每个颜色对应的颜色代码加载至可视化界面,从而实现对所获取的颜色代码进行可视化显示,从而用户可以通过可视化界面所显示的颜色代码进行复制,以便于对网页或终端程序进行着色。
S110、获取用户通过可视化界面发出的更换指令,返回执行步骤S103。
本实施例中,将推荐色组合列表加载至可视化界面之后,还可以获取用户通过可视化界面发出的更换指令,其中,更换指令用于指示对推荐色组合列表进行更换。
更换指令为用户对可视化界面所显示推荐色组合列表不满意的情况下,通过点击可视化界面中的预设功能键发出的指令,示例性的,用户可以通过点击可视化界面中的换一组按钮发出更换指令。
本实施例中,获取用户通过可视化界面发出的更换指令,对更换指令进行响应,并返回执行步骤S103。
需要说明的是,还可以生成待搭配颜色的不推荐色组合列表,具体的,将预设的各个不适合颜色集合中与待搭配颜色对应的不适合颜色集合确定为待选颜色集合,从待选集合包括的各个颜色中确定至少一个待选颜色,获取待搭配颜色的展示样例图片和每个待选颜色的展示样例图片;基于待搭配颜色的展示样例图片和各个待选颜色的展示样例图片,生成不推荐色组合列表;不推荐色组合列表包括至少一组图片组合,每组图片组合包括待搭配颜色的展示样例图片与任意一个待选颜色的展示样例图片,将不推荐色组合列表加载至可视化界面。
本申请实施例提供的色彩搭配方法中,获取待搭配颜色,将预设的与待搭配颜色对应的适合颜色集合确定为目标颜色集合,从目标颜色集合包括的各个颜色中确定至少一个待推荐颜色,获取待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片,生成推荐色组合列表并加载至可视化界面,响应选择操作,并将各组图片组合中与选择操作对应的图片组合确定为目标图片组合;获取预先编写的与目标图片组合包括的每个颜色对应的颜色代码并可视化显示,以便于用户获取目标图片组包括的每个颜色对应的颜色代码。实现了为非专业设计人员提供色彩搭配方案,并提供颜色代码,方便开发人员便捷获取颜色代码,从而提高开发效率。
参阅图4,本申请实施例提供的色彩搭配方法,还可以包括以下步骤:
S401、获取用户输入的颜色组合。
本实施例中,用户可以在色彩搭配工具中输入颜色组合;颜色组合包括两个颜色。
S402、判断颜色组合包括的颜色是否相互搭配,若是,执行S403,若否,执行S404。
本实施例中,判断颜色组合包括的颜色是否相互搭配,也就是判断颜色组合包括的颜色是否适合。
具体的,判断颜色组合包括的颜色是否相互搭配过程,包括以下步骤:
依据曼塞尔色环,判断颜色组合包括的颜色是否为对立色;若颜色组合包括的颜色为对立色,则确定颜色组合包括的颜色不相互搭配;若颜色组合包括的颜色不为对立色,则确定颜色组合包括的相互颜色搭配。
本实施例中,基于曼塞尔色环,判断颜色组合包括的颜色是否为对立色,具体的,判断颜色组合包括颜色在曼赛尔色环中的位置是否处于同一直线上,若是,则确定颜色组合包括的颜色为对立色,若否,则确定颜色组合包括的颜色不为对立色。
S403、输出用于提示颜色组合搭配的提示信息,并获取颜色组合对应的推荐色组合列表,对推荐色组合列表进行可视化。
本实施中,若颜色组合包括的颜色相互搭配,则输出用于提示颜色组合搭配的提示信息,并获取颜色组合对应的推荐色组合列表,具体的,获取颜色组合包括的每个颜色的展示样例图片,并从预设的各个适合颜色集合中确定每个目标颜色对应的适合颜色集合,其中,目标颜色包括颜色组合中的颜色。
从目标颜色对应的适合颜色集合中确定目标颜色对应的至少一个待推荐颜色,具体的确定的过程,请参见步骤S103,此处不再赘述。
获取目标颜色对应的待推荐颜色的展示样例图片,基于目标颜色的展示样例图片和目标颜色对应的待推荐颜色的展示样例图片,生成颜色组合对应的推荐色组合列表。其中,颜色组合的推荐色组合列表包括颜色组合对应的图片组合以及多组其他图片组合,颜色组合对应的图片组合包括颜色组合中每个颜色的展示样例图片,每组其他图片组合包括所述颜色组合中任意一个颜色的展示样例图片,以及该颜色对应的待推荐颜色的展示样例图片,该颜色对应的待推荐颜色为预设的该颜色对应的适合颜色集合中的任意一个颜色。
本实施例中,用户可以通过所展示的推荐色组合列表,查看每组图片组合的颜色代码,并可以复制该颜色代码。
S404、输出用于提示颜色组合不搭配的提示信息,并展示颜色组合包括的每个颜色的展示样例图片。
本实施例中,若颜色组合包括的颜色不相互搭配,则输出用于提示颜色组合不搭配的提示信息,并获取颜色组合包括的每个颜色的展示样例图片,对颜色组合包括的每个颜色的展示样例图片进行展示,从而从文字和视觉效果上让用户感知颜色组合不搭配。
本申请实施例提供的颜色搭配方法,可以实现判断用户输入的颜色组合是否相互搭配,并在搭配的情况下,输出用于提示颜色组合搭配的提示信息,以及展示颜色组合对应的推荐色组合列表,在不搭配的情况下,输出用于提示颜色组合不搭配的提示信息,以及展示颜色组合包括的每个颜色的展示样例图片。
需要说明的是,虽然采用特定次序描绘了各指令,但是这不应当理解为要求这些指令以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。
应当理解,本申请公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本申请公开的范围在此方面不受限制。
与图1所述的方法相对应,本申请实施例还提供了一种色彩搭配装置,用于对图1中方法的具体实现,其结构示意图如图5所示,具体包括:
第一获取单元501,用于获取待搭配颜色;
第一确定单元502,用于将预设的各个适合颜色集合中与所述待搭配颜色对应的适合颜色集合确定为目标颜色集合;
第二确定单元503,用于从所述目标颜色集合包括的各个颜色中确定至少一个待推荐颜色;
第二获取单元504,用于获取所述待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片;
生成单元505,用于基于所述待搭配颜色的展示样例图片和各个待推荐颜色的展示样例图片,生成推荐色组合列表;所述推荐色组合列表包括至少一组图片组合,每组所述图片组合包括所述待搭配颜色的展示样例图片与任意一个待推荐颜色的展示样例图片;
第一显示单元506,用于将所述推荐色组合列表加载至可视化界面;
第一响应单元507,用于响应用户通过所述可视化界面的选择操作,并将各组所述图片组合中与所述选择操作对应的图片组合确定为目标图片组合;
第三获取单元508,用于获取预先编写的与所述目标图片组合包括的每个颜色对应的颜色代码;
第二显示单元509,用于对所获取的颜色代码进行可视化显示,以便于所述用户获取所述目标图片组包括的每个颜色对应的颜色代码。
本申请实施例提供的色彩搭配装置,实现了为非专业设计人员提供色彩搭配方案,并提供颜色代码,方便开发人员便捷获取颜色代码,从而提高开发效率。
在本申请的一个实施例中,基于前述方案,第一获取单元501具体用于:
响应用户的触发指令,生成待搭配颜色输入界面;
基于所述待搭配颜色输入界面,获取待搭配颜色。
在本申请的一个实施例中,基于前述方案,第一获取单元501在基于所述待搭配颜色输入界面,获取待搭配颜色时,具体用于:
获取所述用户通过所述待搭配颜色输入界面输入的待搭配颜色;
或,
获取所述用户通过所述待搭配颜色输入界面的下拉菜单选择的待搭配颜色;
或,
获取所述用户通过所述待搭配颜色输入界面输入的主题;
获取预设的与所述主题对应的主题色集合;所述主题色集合中包括至少一个主题色;
基于所述主题集合包括的各个主题色,生成主题色选择界面;
获取所述用户通过所述主题色选择界面选择的主题色,将所述用户通过所述主题色界面所选择的主题色确定为待搭配颜色。
在本申请的一个实施例中,基于前述方案,还可以配置为:
第四获取单元,用于获取所述用户通过所述可视化界面发出的更换指令;所述更换指令用于指示对推荐色组合列表进行更换;
返回单元,用于返回执行所述从所述目标颜色集合包括的各个颜色中确定至少一个待推荐颜色的步骤。
在本申请的一个实施例中,基于前述方案,还可以配置为:
第五获取单元,用于获取用户输入的颜色组合;
判断单元,用于判断所述颜色组合包括的颜色是否相互搭配;
第一提示单元,用于若所述颜色组合包括的颜色相互搭配,则输出用于提示所述颜色组合搭配的提示信息,并获取所述颜色组合对应的推荐色组合列表,对所述推荐色组合列表进行可视化;其中,所述颜色组合的推荐色组合列表包括所述颜色组合对应的图片组合以及多组其他图片组合,所述颜色组合对应的图片组合包括所述颜色组合中每个颜色的展示样例图片,每组其他图片组合包括所述颜色组合中任意一个颜色的展示样例图片,以及该颜色对应的待推荐颜色的展示样例图片,该颜色对应的待推荐颜色为预设的该颜色对应的适合颜色集合中的任意一个颜色;
第二提示单元,用于若所述颜色组合包括的颜色不相互搭配,则输出用于提示所述颜色组合不搭配的提示信息,并展示所述颜色组合包括的每个颜色的展示样例图片。
在本申请的一个实施例中,基于前述方案,判断单元具体用于:
依据曼塞尔色环,判断所述颜色组合包括的颜色是否为对立色;
若所述颜色组合包括的颜色为对立色,则确定所述颜色组合包括的颜色不相互搭配;
若所述颜色组合包括的颜色不为对立色,则确定所述颜色组合包括的颜色相互搭配。
本申请实施例还提供了一种存储介质,所述存储介质存储有指令集,其中,在所述指令集运行时执行如上文任一实施例公开的色彩搭配方法。
本申请实施例还提供了一种电子设备,其结构示意图如图6所示,具体包括存储器601,用于存储至少一组指令集;处理器602,用于执行所述存储器中存储的指令集,通过执行所述指令集实现以下操作:
获取待搭配颜色;
将预设的各个适合颜色集合中与所述待搭配颜色对应的适合颜色集合确定为目标颜色集合;
从所述目标颜色集合包括的各个颜色中确定至少一个待推荐颜色;
获取所述待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片;
基于所述待搭配颜色的展示样例图片和各个待推荐颜色的展示样例图片,生成推荐色组合列表;所述推荐色组合列表包括至少一组图片组合,每组所述图片组合包括所述待搭配颜色的展示样例图片与任意一个待推荐颜色的展示样例图片;
将所述推荐色组合列表加载至可视化界面;
响应用户通过所述可视化界面的选择操作,并将各组所述图片组合中与所述选择操作对应的图片组合确定为目标图片组合;
获取预先编写的与所述目标图片组合包括的每个颜色对应的颜色代码;
对所获取的颜色代码进行可视化显示,以便于所述用户获取所述目标图片组包括的每个颜色对应的颜色代码。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。
虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本申请公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
以上描述仅为本申请公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (10)
1.一种色彩搭配方法,其特征在于,包括:
获取待搭配颜色;
将预设的各个适合颜色集合中与所述待搭配颜色对应的适合颜色集合确定为目标颜色集合;
从所述目标颜色集合包括的各个颜色中确定至少一个待推荐颜色;
获取所述待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片;
基于所述待搭配颜色的展示样例图片和各个待推荐颜色的展示样例图片,生成推荐色组合列表;所述推荐色组合列表包括至少一组图片组合,每组所述图片组合包括所述待搭配颜色的展示样例图片与任意一个待推荐颜色的展示样例图片;
将所述推荐色组合列表加载至可视化界面;
响应用户通过所述可视化界面的选择操作,并将各组所述图片组合中与所述选择操作对应的图片组合确定为目标图片组合;
获取预先编写的与所述目标图片组合包括的每个颜色对应的颜色代码;
对所获取的颜色代码进行可视化显示,以便于所述用户获取所述目标图片组包括的每个颜色对应的颜色代码。
2.根据权利要求1所述的方法,其特征在于,所述获取待搭配颜色,包括:
响应用户的触发指令,生成待搭配颜色输入界面;
基于所述待搭配颜色输入界面,获取待搭配颜色。
3.根据权利要求2所述的方法,其特征在于,所述基于所述待搭配颜色输入界面,获取待搭配颜色,包括:
获取所述用户通过所述待搭配颜色输入界面输入的待搭配颜色;
或,
获取所述用户通过所述待搭配颜色输入界面的下拉菜单选择的待搭配颜色;
或,
获取所述用户通过所述待搭配颜色输入界面输入的主题;
获取预设的与所述主题对应的主题色集合;所述主题色集合中包括至少一个主题色;
基于所述主题集合包括的各个主题色,生成主题色选择界面;
获取所述用户通过所述主题色选择界面选择的主题色,将所述用户通过所述主题色界面所选择的主题色确定为待搭配颜色。
4.根据权利要求1所述的方法,其特征在于,所述将所述推荐色组合列表加载至可视化界面之后,还包括:
获取所述用户通过所述可视化界面发出的更换指令;所述更换指令用于指示对推荐色组合列表进行更换;
返回执行所述从所述目标颜色集合包括的各个颜色中确定至少一个待推荐颜色的步骤。
5.根据权利要求1所述的方法,其特征在于,还包括:
获取用户输入的颜色组合;
判断所述颜色组合包括的颜色是否相互搭配;
若所述颜色组合包括的颜色相互搭配,则输出用于提示所述颜色组合搭配的提示信息,并获取所述颜色组合对应的推荐色组合列表,对所述推荐色组合列表进行可视化;其中,所述颜色组合的推荐色组合列表包括所述颜色组合对应的图片组合以及多组其他图片组合,所述颜色组合对应的图片组合包括所述颜色组合中每个颜色的展示样例图片,每组其他图片组合包括所述颜色组合中任意一个颜色的展示样例图片,以及该颜色对应的待推荐颜色的展示样例图片,该颜色对应的待推荐颜色为预设的该颜色对应的适合颜色集合中的任意一个颜色;
若所述颜色组合包括的颜色不相互搭配,则输出用于提示所述颜色组合不搭配的提示信息,并展示所述颜色组合包括的每个颜色的展示样例图片。
6.根据权利要求5所述的方法,其特征在于,所述判断所述颜色组合包括的颜色是否相互搭配,包括:
依据曼塞尔色环,判断所述颜色组合包括的颜色是否为对立色;
若所述颜色组合包括的颜色为对立色,则确定所述颜色组合包括的颜色不相互搭配;
若所述颜色组合包括的颜色不为对立色,则确定所述颜色组合包括的颜色相互搭配。
7.一种色彩搭配装置,其特征在于,包括:
第一获取单元,用于获取待搭配颜色;
第一确定单元,用于将预设的各个适合颜色集合中与所述待搭配颜色对应的适合颜色集合确定为目标颜色集合;
第二确定单元,用于从所述目标颜色集合包括的各个颜色中确定至少一个待推荐颜色;
第二获取单元,用于获取所述待搭配颜色的展示样例图片和每个待推荐颜色的展示样例图片;
生成单元,用于基于所述待搭配颜色的展示样例图片和各个待推荐颜色的展示样例图片,生成推荐色组合列表;所述推荐色组合列表包括至少一组图片组合,每组所述图片组合包括所述待搭配颜色的展示样例图片与任意一个待推荐颜色的展示样例图片;
第一显示单元,用于将所述推荐色组合列表加载至可视化界面;
第一响应单元,用于响应用户通过所述可视化界面的选择操作,并将各组所述图片组合中与所述选择操作对应的图片组合确定为目标图片组合;
第三获取单元,用于获取预先编写的与所述目标图片组合包括的每个颜色对应的颜色代码;
第二显示单元,用于对所获取的颜色代码进行可视化显示,以便于所述用户获取所述目标图片组包括的每个颜色对应的颜色代码。
8.根据权利要求7所述的装置,其特征在于,所述第一获取单元具体用于:
响应用户的触发指令,生成待搭配颜色输入界面;
基于所述待搭配颜色输入界面,获取待搭配颜色。
9.一种存储介质,其特征在于,所述存储介质存储有指令集,其中,所述指令集被处理器执行时实现如权利要求1~6任意一项所述的色彩搭配方法。
10.一种电子设备,其特征在于,包括:
存储器,用于存储至少一组指令集;
处理器,用于执行所述存储器中存储的指令集,通过执行所述指令集实现如权利要求1~6任意一项所述的色彩搭配方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111533938.6A CN114185546A (zh) | 2021-12-15 | 2021-12-15 | 色彩搭配方法及装置、存储介质及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111533938.6A CN114185546A (zh) | 2021-12-15 | 2021-12-15 | 色彩搭配方法及装置、存储介质及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114185546A true CN114185546A (zh) | 2022-03-15 |
Family
ID=80605144
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111533938.6A Pending CN114185546A (zh) | 2021-12-15 | 2021-12-15 | 色彩搭配方法及装置、存储介质及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114185546A (zh) |
-
2021
- 2021-12-15 CN CN202111533938.6A patent/CN114185546A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107301007B (zh) | 功能菜单显示方法及系统 | |
US20150277702A1 (en) | Apparatus and method for dynamic actions based on context | |
JP2003288333A (ja) | タグ(Tag)を利用した短文メッセージ伝送方法 | |
CN106648864B (zh) | 打开和/或切换多个应用的方法及装置 | |
JP2009104229A (ja) | 入力チェック装置および入力チェック方法 | |
Pattakou et al. | Towards the design of usable privacy by design methodologies | |
CN105103116A (zh) | 移动终端设备、图像生成方法和存储程序的非暂时性计算机可读介质 | |
CN114185546A (zh) | 色彩搭配方法及装置、存储介质及电子设备 | |
JP2006004054A (ja) | 電子機器のユーザインターフェイス生成装置 | |
CN110825472A (zh) | 图表颜色绘制方法、装置、可读存储介质和电子设备 | |
CN104978414A (zh) | 一种内容搜索方法及终端 | |
CN105635461B (zh) | 一种筛选信息的方法、装置及终端 | |
JP6385616B1 (ja) | 表示画面作成支援装置および表示画面作成支援プログラム | |
CN109815299A (zh) | 提供对象集的视觉表示的方法、装置、设备和存储介质 | |
CN111930375B (zh) | 数据可视化应用开发方法和装置 | |
CN110019431A (zh) | 数据可视化的处理方法、系统及终端设备 | |
US20170147987A1 (en) | Method and apparatus for generating a combined calendar | |
JP5914369B2 (ja) | ユーザインタフェース評価装置 | |
CN108268192B (zh) | 列表操作方法和装置 | |
JP5256719B2 (ja) | 電子機器及び機能説明方法並びにプログラム | |
CN106951241A (zh) | 设置应用程序的显示的方法及装置 | |
WO2019012665A1 (ja) | 情報処理装置、情報処理方法、及び情報処理プログラム | |
CN109101159B (zh) | 资源编排方法及装置 | |
KR20130143333A (ko) | 동적 메뉴 생성 방법 | |
US10867523B2 (en) | Method for indicating characteristic of problem and problem set |
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 |