CN112035210B - 用于输出颜色信息的方法、装置、设备和介质 - Google Patents
用于输出颜色信息的方法、装置、设备和介质 Download PDFInfo
- Publication number
- CN112035210B CN112035210B CN202011063243.1A CN202011063243A CN112035210B CN 112035210 B CN112035210 B CN 112035210B CN 202011063243 A CN202011063243 A CN 202011063243A CN 112035210 B CN112035210 B CN 112035210B
- Authority
- CN
- China
- Prior art keywords
- color
- hue
- target
- color information
- attribute
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 59
- 230000004044 response Effects 0.000 claims description 16
- 230000001960 triggered effect Effects 0.000 claims description 9
- 238000004590 computer program Methods 0.000 claims description 6
- 238000012545 processing Methods 0.000 abstract description 4
- 230000015654 memory Effects 0.000 description 15
- 230000006870 function Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 6
- 239000003086 colorant Substances 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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
-
- 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)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- Computer Vision & Pattern Recognition (AREA)
- User Interface Of Digital Computer (AREA)
- Color Image Communication Systems (AREA)
Abstract
本申请公开了一种用于输出颜色信息的方法、装置、设备和介质,涉及图像处理领域。具体实现方案为:获取用户输入的目标色相;获取用户输入的与目标色相对应的颜色属性;根据目标色相以及颜色属性,确定目标颜色信息;将目标颜色信息输出。本实现方式提供一种用于输出颜色信息的方法,能够提高颜色选择的定制化程度。
Description
技术领域
本申请涉及计算机技术领域,具体涉及图像处理领域,尤其涉及用于输出颜色信息的方法、装置、设备和介质。
背景技术
在前端开发的过程中,在进行页面显示时需要用到颜色选择器。颜色选择器是一种颜色选择的工具。可以通过在颜色选择器中输入颜色编号等方式,来选取需要的指定颜色。
目前,颜色选择器提供固定颜色的选项供用户选择,用户可以从固定颜色的选项中选取颜色。具体的,用户可以通过对固定颜色的选项的点击操作触发选择指令,以此选取用户执行点击操作的颜色。又或者,用户可以直接输入颜色编号,颜色选择器接收到颜色编号之后,可以将颜色编号对应的颜色确定为用户选取的颜色。
然而,目前的颜色选择器只支持从固定的颜色选项中选取颜色,不能满足对颜色的自定义需求,从而导致定制化较差。
发明内容
提供了一种用于输出颜色信息的方法、装置、设备和介质。
根据第一方面,提供了一种用于输出颜色信息的方法,包括:获取用户输入的目标色相;获取用户输入的与目标色相对应的颜色属性;根据目标色相以及颜色属性,确定目标颜色信息;将目标颜色信息输出。
根据第二方面,提供了一种用于输出颜色信息的装置,包括:第一获取单元,被配置成获取用户输入的目标色相;第二获取单元,被配置成获取用户输入的与目标色相对应的颜色属性;确定单元,被配置成根据目标色相以及颜色属性,确定目标颜色信息;第一输出单元,被配置成将目标颜色信息输出。
根据第三方面,提供了一种用于输出颜色信息的设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序;当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如上任意一项用于输出颜色信息的方法。
根据第四方面,提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如上任意一项用于输出颜色信息的方法。
根据本申请的技术,提供一种用于输出颜色信息的方法,能够提高颜色选择的定制化程度。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本申请的限定。其中:
图1是本申请的一个实施例可以应用于其中的示例性系统架构图;
图2是根据本申请的用于输出颜色信息的方法的一个实施例的流程图;
图3是根据本申请的用于输出颜色信息的方法的一个应用场景的示意图;
图4是根据本申请的用于输出颜色信息的方法的另一个实施例的流程图;
图5是根据本申请的用于输出颜色信息的装置的一个实施例的结构示意图;
图6是用来实现本申请实施例的用于输出颜色信息的方法的设备的框图。
具体实施方式
以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了可以应用本申请的用于输出颜色信息的装置的实施例的示例性系统架构100。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103可以为公共场所的电视、电脑以及平板等电子设备,在其上可以安装有各种类型的客户端应用,例如购物类应用、社交平台类应用、影音播放类应用等。用户可以通过终端设备101、102、103登录这些客户端应用,并且这些客户端应用在用户登录之后,能够基于用户选择的颜色,在应用界面上显示相应的颜色。例如,用户通过终端设备101、102、103登录某一客户端应用,在该客户端应用上能够接收用户选择的颜色,并将用户选择的颜色输出。如果用户选择的是应用背景的颜色,则将应用背景的颜色更换为用户选择的颜色,以此实现个性化显示。
终端设备101、102、103可以是硬件,也可以是软件。当终端设备101、102、103为硬件时,可以是各种电子设备,包括但不限于电视、智能手机、平板电脑、电子书阅读器、车载电脑、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时,可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务),也可以实现成单个软件或软件模块。在此不做具体限定。
服务器105可以是提供各种服务的服务器,例如获取在终端设备101、102、103中显示色相选择区域和颜色属性选择区域的应用程序的应用信息,基于应用信息,清除应用程序的显示配置,并控制终端设备101、102、103按照预设显示方式在应用程序中显示色相选择区域和颜色属性选择区域。用户可以针对色相选择区域触发色相选择指令,来选择目标色相;以及可以针对颜色属性选择区域触发属性选择指令,来选择颜色属性。可选的,服务器105还可以存储用户历史选择的色相和颜色属性,并基于用户历史选择的色相和颜色属性,生成预定义颜色信息,服务器105可以将预定义颜色信息发送给终端设备101、102、103,以使终端设备101、102、103输出预定义颜色信息供用户选择。
需要说明的是,服务器105可以是硬件,也可以是软件。当服务器105为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器。当服务器105为软件时,可以实现成多个软件或软件模块(例如用来提供分布式服务),也可以实现成单个软件或软件模块。在此不做具体限定。
需要说明的是,本申请实施例所提供用于输出颜色信息的方法一般由终端设备101、102、103执行。相应地,用于输出颜色信息的装置一般设置于终端设备101、102、103中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
继续参考图2,示出了根据本申请的用于输出颜色信息的方法的一个实施例的流程200。本实施例的用于输出颜色信息的方法,包括以下步骤:
步骤201,获取用户输入的目标色相。
本实现方式中,目标色相为用户输入的用于表示颜色色别的名称。具体的,用户可以通过对颜色选择选项进行操作来输入目标色相。颜色选择选项可以包括但不限于色相输入框、色相滑块以及色相面板选择器。其中,用户可以在色相输入框内输入色相标识来选择目标色相;或者,用户可以拖动色相滑块,将色相滑块停止滑动的位置对应的色相确定为目标色相;又或者用户可以点击色相面板选择器中的指定位置,来将该指定位置对应的色相确定为目标色相,本发明实施例中不做限定。
步骤202,获取用户输入的与目标色相对应的颜色属性。
本实现方式中,在获取用户输入的目标色相之后,可以再获取用户输入的与目标色相对应的颜色属性,在采用HSL模型(HSL模型是采用色相、饱和度和亮度构建颜色的模型)输出颜色信息的情况下,颜色属性可以包括目标色相对应的饱和度以及目标色相对应的亮度,又或者,在采用HSV模型(HSV模型是采用色相、饱和度和明度构建颜色的模型)输出颜色信息的情况下,颜色属性还可以包括目标色相对应的饱和度以及目标色相对应的明度。可选的,也可以先获取用户输入的饱和度以及亮度,再获取对应的色相,对于获取饱和度、亮度以及色相的顺序,本发明实施例中不做限定。
进一步的,用户还可以通过对颜色选择选项进行操作来输入颜色属性。其中,颜色选择选项还可以包括颜色属性输入框、颜色属性滑块以及颜色属性面板选择器。用户可以通过在颜色属性输入框中输入饱和度标识或者亮度标识来选取与目标色相对应的饱和度以及亮度;或者,用户可以拖动颜色属性滑块,基于颜色属性滑块的位置来确定与目标色相对应的饱和度以及亮度;又或者,用户可以点击颜色面板选择器中的指定位置,来将该指定位置对应的饱和度和亮度确定为与目标色相对应的饱和度以及亮度,本发明实施例中不做限定。
步骤203,根据目标色相以及颜色属性,确定目标颜色信息。
本实现方式中,在采用HSL模型输出颜色信息的情况下,目标颜色信息中至少包括目标色相、与目标色相对应的饱和度以及与目标色相对应的亮度;在采用HSV模型输出颜色信息的情况下,目标颜色信息中至少包括目标色相、与目标色相对应的饱和度以及与目标色相对应的明度。其中,目标色相、饱和度以及亮度可以基于用户输入选择,实现个性化选择。
步骤204,将目标颜色信息输出。
本实现方式中,输出目标颜色信息的方式可以为:利用目标颜色信息渲染当前页面的指定区域,当前页面可以为网页中的当前浏览页面,也可以为应用软件中的应用界面,指定区域可以为页面背景区域、页面字体区域等,本发明实施例中不做限定。可以基于用户选择的目标色相、饱和度以及亮度生成目标颜色信息,并利用目标颜色信息渲染当前页面的指定区域。又或者,可以在当前页面的输出区域输出该目标颜色信息,输出区域可以用于展示颜色信息,通过在输出区域输出用户选择的目标色相、亮度和饱和度生成的目标颜色信息,能够实现颜色选择与展示的功能。
在本实施例的一些可选的实现方式中,上述步骤201至步骤204也可以应用于不具有显示功能的电子设备中,例如可以应用于控制器,控制器可以获取用户输入的目标色相,也可以获取用户输入的与目标色相对应的颜色属性,可以根据目标色相以及颜色属性,确定目标颜色信息。可以将目标颜色信息输出至具有显示功能的电子设备(如电脑)中,以在电脑的网页界面或者应用界面上显示该目标颜色信息。或者,在电脑的网页界面或者应用界面上以该目标颜色信息渲染指定区域,本发明实施例中不做限定。
继续参见图3,其示出了根据本申请的用于输出颜色信息的方法的一个应用场景的示意图。在图3的应用场景中,上述用于输出颜色信息的方法可以应用到颜色选择器的生成场景中。首先,可以获取颜色空间301的顶面的多个色相,基于颜色空间301顶面的多个色相生成色相选择区域302,色相选择区域302中包括顶面中的色相。其中,颜色空间301可以为HSL颜色空间,也可以为HSV颜色空间等,本发明实施例中不做限定。以HSL颜色空间为例,HSL颜色空间的一种可视方法即为图3中的圆锥体,此时,色相被表示为绕圆锥中心轴的角度,饱和度被表示为圆锥的横截面的长度,亮度被表示为圆锥的横截面的宽度。通过颜色空间301生成的色相选择区域302中包含多个色相,用户可以在色相选择区域302中触发色相选择指令,来选择目标色相。比如可以在色相选择区域302上显示色相选择滑块,用户可以滑动色相选择滑块,将色相选择滑块滑至的区域对应的色相确定为目标色相。在用户输入目标色相之后,可以基于颜色空间301的纵截面生成颜色属性选择区域303,颜色属性选择区域303的宽度对应目标色相的亮度,颜色属性选择区域的长度对应目标色相的饱和度。用户可以在颜色属性选择区域303中触发属性选择指令。可选的,用户可以通过点击颜色属性选择区域303中的位置,来选取颜色属性。颜色属性选择区域303中可以具有跟随鼠标移动的按钮3031,将按钮3031所处位置对应的饱和度和亮度确定为用户输入的颜色属性。
本申请上述实施例提供的用于输出颜色信息的方法,可以获取用户输入的目标色相以及用户输入的与目标色相对应的颜色属性,根据目标色相以及颜色属性,确定目标颜色信息,并将目标颜色信息输出。这一过程可以实现用户自定义色相与颜色属性,实现了对颜色信息的个性化选择,能够提高颜色选择的定制化程度。
继续参见图4,其示出了根据本申请的用于输出颜色信息的方法的另一个实施例的流程400。如图4所示,本实施例的用于输出颜色信息的方法可以包括以下步骤:
步骤401,基于颜色空间的顶面中的色相生成色相选择区域,色相选择区域中包括顶面中的色相。
本实现方式中,颜色空间为用于描述颜色的模型,可以包括但不限于HSL颜色空间以及HSV颜色空间。其中,在颜色空间为HSL颜色空间的情况下,颜色空间的顶面中包含多个色相,具体的,绕颜色空间中心轴不同角度的顶面位置对应不同的色相。对此,可以基于颜色空间的顶面中的色相生成色相选择区域,色相选择区域可以为竖向带状,也可以为横向条状,对于色相选择区域的具体形状本发明实施例中不做限定。
步骤402,响应于接收到针对色相选择区域触发的色相选择指令,确定用户在色相选择区域中选择的目标色相。
本实现方式中,用户可以通过滑动色相滑块等方式触发色相选择指令,可以通过检测滑块位置等方式确定用户所选择的目标色相。
步骤403,基于颜色空间的纵截面生成颜色属性选择区域,颜色属性选择区域的宽度对应目标色相的亮度,颜色属性选择区域的长度对应目标色相的饱和度。
本实现方式中,颜色空间的纵截面的长度对应饱和度,颜色空间的纵截面的宽度对应亮度。可以基于颜色空间的纵截面生成长方形的颜色属性选择区域,颜色属性选择区域中的各个坐标点对应有相应的饱和度以及亮度。
步骤404,响应于接收到针对颜色属性选择区域触发的属性选择指令,确定用户在颜色属性选择区域中选择的颜色属性。
本实现方式中,用户可以通过点击颜色属性选择区域中的某个位置,触发属性选择指令,以此在颜色属性选择区域中选择该位置对应的颜色属性。
在本实施例的一些可选的实现方式中,上述用于输出颜色信息的方法还可以包括:获取显示色相选择区域和颜色属性选择区域的应用程序的应用信息;基于应用信息,清除应用程序的显示配置;按照预设显示方式在应用程序中显示色相选择区域和颜色属性选择区域。
本实现方式中,可以获取显示色相选择区域和颜色属性选择区域的应用程序的应用信息,应用信息可以包括但不限于应用类别、应用名称以及应用相关配置信息等。基于应用信息,可以清除应用程序的显示配置,将应用程序一些默认显示配置信息清除,以按照预设显示方式在应用程序中显示色相选择区域和颜色属性选择区域,可选的,还可以按照预设显示方式输出目标颜色信息。其中,应用程序的显示配置可以包括特有外观,本实现方式可以使用适用于应用信息的程序代码段来清除这种特有外观。例如,在应用信息指示使用的浏览器引擎是webkit(开源的Web浏览器引擎)的情况下,可以使用-webkit-appearance:none来清除特有外观,其中,-webkit-appearance是用于改变webkit中按钮和其它控件的外观的代码指令,-webkit-appearance:none用于表示将webkit中按钮和其它控件的外观清除,也即是清除webkit自带的特有外观。预设显示方式可以包括但不限于使用弹性盒布局使得显示的尺寸占比统一、使用适用于各个应用程序的定位属性保证层叠的一致性以及使用base64(base64是常见的用于传输8Bit字节码的编码方式之一)编码的内联图片表示透明等。
在本实施例的一些可选的实现方式中,上述用于输出颜色信息的方法还可以包括:将目标色相以及颜色属性存储于颜色对象。
本实现方式中,颜色对象是用于封装颜色数据的特定程序的函数。在这里,颜色对象中至少包括目标色相以及颜色属性,可选的,可以将目标色相以及颜色属性进行对应存储。
在本实施例的一些可选的实现方式中,上述用于输出颜色信息的方法还可以包括:响应于检测到颜色对象已更新,基于更新后的颜色对象,更新颜色选择选项对应的选项信息,颜色选择选项用于选择目标色相和/或颜色属性,选项信息至少包括选项参数和/或选项位置。
本实现方式中,如果检测到颜色对象已更新,则说明目标色相和/或颜色属性已更新。此时,可以基于更新后的目标色相和/或颜色属性,更新颜色选择选项对应的选项信息。其中,颜色选择选项用于选择目标色相或者颜色属性,具体的,可以包括但不限于上述色相输入框、上述色相滑块、上述色相面板选择器、上述颜色属性输入框、上述颜色属性滑块以及上述颜色属性面板选择器等,本发明实施例中不做限定。其中,选项参数可以为色相输入框的输入值、颜色属性输入框的输入值等,选项位置可以为色相滑块的滑块位置、色相面板选择器的选中位置、颜色属性滑块的滑块位置以及颜色属性面板选择器的选中位置等。
步骤405,获取用户输入的与目标色相对应的透明度。
本实现方式中,还可以获取用户输入的与目标色相对应的透明度,具体的,可以通过透明度选择插件实现对颜色的透明度的自定义。
步骤406,根据透明度、目标色相以及颜色属性,确定目标颜色信息。
本实现方式中,还可以根据透明度、目标色相以及颜色属性确定目标颜色信息,此时的目标颜色信息实现了透明度、色相、饱和度以及亮度的自定义,定制化程度更高。
步骤407,将目标颜色信息输出。
在本实施例的一些可选的实现方式中,上述用于输出颜色信息的方法还可以包括:基于用户历史输入的对应的色相和颜色属性,生成预定义颜色信息;响应于检测到预定义颜色选择指令,输出预定义颜色信息。
本实现方式中,还可以基于用户历史输入的色相和颜色属性,生成预定义颜色信息,预定义颜色信息可以包含多个颜色信息,每个颜色信息包含用户历史常用的色相、饱和度和亮度的组合。在用户需要输入颜色的情况下,可以输出预定义颜色信息。用户可以针对预定义颜色信息触发预定义颜色选择指令,选取已设置好色相、饱和度和亮度的预定义颜色信息,输出用户选取的预定义颜色信息。
其中,在生成预定义颜色信息之后,还可以输出预定义颜色信息选择框,每个预定义颜色信息选择框对应相应的预定义颜色信息,可选的,每个预定义颜色信息选择框可以渲染为该预定义颜色信息对应的色相、饱和度和亮度显示,以使用户直观地看到每个预定义颜色信息的显示效果。用户可以点击某一预定义颜色信息选择框触发预定义颜色信息选择指令,选择该预定义颜色信息选择框对应的预定义颜色信息。
进一步参考图5,作为对上述各图所示方法的实现,本申请提供了一种用于输出颜色信息的装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图5所示,本实施例的用于输出颜色信息的装置500包括:第一获取单元501、第二获取单元502、确定单元503以及第一输出单元504。
第一获取单元501,被配置成获取用户输入的目标色相。
第二获取单元502,被配置成获取用户输入的与目标色相对应的颜色属性。
确定单元503,被配置成根据目标色相以及颜色属性,确定目标颜色信息。
第一输出单元504,被配置成将目标颜色信息输出。
在本实施例的一些可选的实现方式中,第一获取单元501,进一步被配置成:基于颜色空间的顶面中的色相生成色相选择区域,色相选择区域中包括顶面中的色相;响应于接收到针对色相选择区域触发的色相选择指令,确定用户在色相选择区域中选择的目标色相。
在本实施例的一些可选的实现方式中,第二获取单元502,进一步被配置成:基于颜色空间的纵截面生成颜色属性选择区域,颜色属性选择区域的宽度对应目标色相的亮度,颜色属性选择区域的长度对应目标色相的饱和度;响应于接收到针对颜色属性选择区域触发的属性选择指令,确定用户在颜色属性选择区域中选择的颜色属性。
在本实施例的一些可选的实现方式中,上述用于输出颜色信息的装置还包括:存储单元,被配置成将目标色相以及颜色属性存储于颜色对象。
在本实施例的一些可选的实现方式中,上述用于输出颜色信息的装置还包括:更新单元,被配置成响应于检测到颜色对象已更新,基于更新后的颜色对象,更新颜色选择选项对应的选项信息,颜色选择选项用于选择目标色相和/或颜色属性,选项信息至少包括选项参数和/或选项位置。
在本实施例的一些可选的实现方式中,上述用于输出颜色信息的装置还包括:第三获取单元,被配置成获取用户输入的与目标色相对应的透明度;确定单元503,进一步被配置成:根据透明度、目标色相以及颜色属性,确定目标颜色信息。
在本实施例的一些可选的实现方式中,上述用于输出颜色信息的装置还包括:第四获取单元,被配置成获取显示色相选择区域和颜色属性选择区域的应用程序的应用信息;清除单元,被配置成基于应用信息,清除应用程序的显示配置;显示单元,被配置成按照预设显示方式在应用程序中显示色相选择区域和颜色属性选择区域。
在本实施例的一些可选的实现方式中,上述用于输出颜色信息的装置还包括:生成单元,被配置成基于用户历史输入的对应的色相和颜色属性,生成预定义颜色信息;第二输出单元,被配置成响应于检测到预定义颜色选择指令,输出预定义颜色信息。
应当理解,用于输出颜色信息的装置500中记载的单元501至单元504分别与参考图2中描述的方法中的各个步骤相对应。由此,上文针对用于输出颜色信息的方法描述的操作和特征同样适用于装置500及其中包含的单元,在此不再赘述。
根据本申请的实施例,本申请还提供了一种用于输出颜色信息的设备和一种可读存储介质。
如图6所示,是根据本申请实施例的执行用于输出颜色信息的方法的用于输出颜色信息的设备的框图。用于输出颜色信息的设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。用于输出颜色信息的设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本申请的实现。
如图6所示,该用于输出颜色信息的设备包括:一个或多个处理器601、存储器602,以及用于连接各部件的接口,包括高速接口和低速接口。各个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样,可以连接多个用于输出颜色信息的设备,各个设备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图6中以一个处理器601为例。
存储器602即为本申请所提供的非瞬时计算机可读存储介质。其中,存储器存储有可由至少一个处理器执行的指令,以使至少一个处理器执行本申请所提供的执行用于输出颜色信息的方法。本申请的非瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算机执行本申请所提供的执行用于输出颜色信息的方法。
存储器602作为一种非瞬时计算机可读存储介质,可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块,如本申请实施例中的执行用于输出颜色信息的方法对应的程序指令/模块(例如,附图5所示的第一获取单元501、第二获取单元502、确定单元503以及第一输出单元504)。处理器601通过运行存储在存储器602中的非瞬时软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例中的执行用于输出颜色信息的方法。
存储器602可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据执行用于输出颜色信息的设备的使用所创建的数据等。此外,存储器602可以包括高速随机存取存储器,还可以包括非瞬时存储器,例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中,存储器602可选包括相对于处理器601远程设置的存储器,这些远程存储器可以通过网络连接至执行用于输出颜色信息的设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
用于输出颜色信息的设备还可以包括:输入装置603和输出装置604。处理器601、存储器602、输入装置603和输出装置604可以通过总线或者其他方式连接,图6中以通过总线连接为例。
输入装置603可接收输入的数字或字符信息,以及产生与执行用于存储数据的电子设备的用户设置以及功能控制有关的键信号输入,例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置604可以包括显示设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
根据本申请实施例的技术方案,提供一种用于输出颜色信息的方法,能够提高颜色选择的定制化程度。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本申请保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等,均应包含在本申请保护范围之内。
Claims (14)
1.一种用于输出颜色信息的方法,所述方法包括:
获取用户输入的目标色相;
基于颜色空间的纵截面生成颜色属性选择区域,所述颜色属性选择区域的宽度对应所述目标色相的亮度,所述颜色属性选择区域的长度对应所述目标色相的饱和度;
响应于接收到针对所述颜色属性选择区域触发的属性选择指令,确定所述用户在所述颜色属性选择区域中选择的所述颜色属性;
根据所述目标色相以及所述颜色属性,确定目标颜色信息;
基于颜色空间的顶面中的色相生成色相选择区域,获取显示所述色相选择区域和所述颜色属性选择区域的应用程序的应用信息,其中,所述色相选择区域中包括所述顶面中的色相;
基于所述应用信息,清除所述应用程序的显示配置;
按照预设显示方式在所述应用程序中显示所述色相选择区域和所述颜色属性选择区域。
2.根据权利要求1所述的用于输出颜色信息的方法,其中,所述获取用户输入的目标色相,包括:
响应于接收到针对所述色相选择区域触发的色相选择指令,确定所述用户在所述色相选择区域中选择的所述目标色相。
3.根据权利要求1所述的用于输出颜色信息的方法,其中,所述方法还包括:
将所述目标色相以及所述颜色属性存储于颜色对象。
4.根据权利要求3所述的用于输出颜色信息的方法,其中,所述方法还包括:
响应于检测到所述颜色对象已更新,基于更新后的所述颜色对象,更新颜色选择选项对应的选项信息,所述颜色选择选项用于选择所述目标色相和/或所述颜色属性,所述选项信息至少包括选项参数和/或选项位置。
5.根据权利要求1所述的用于输出颜色信息的方法,其中,所述方法还包括:
获取所述用户输入的与所述目标色相对应的透明度;
所述根据所述目标色相以及所述颜色属性,确定目标颜色信息,包括:
根据所述透明度、所述目标色相以及所述颜色属性,确定所述目标颜色信息。
6.根据权利要求1至5任一项所述的用于输出颜色信息的方法,其中,所述方法还包括:
基于所述用户历史输入的对应的色相和颜色属性,生成预定义颜色信息;
响应于检测到预定义颜色选择指令,输出所述预定义颜色信息。
7.一种用于输出颜色信息的装置,所述装置包括:
第一获取单元,被配置成获取用户输入的目标色相;
第二获取单元,被配置成基于颜色空间的纵截面生成颜色属性选择区域,所述颜色属性选择区域的宽度对应所述目标色相的亮度,所述颜色属性选择区域的长度对应所述目标色相的饱和度;响应于接收到针对所述颜色属性选择区域触发的属性选择指令,确定所述用户在所述颜色属性选择区域中选择的所述颜色属性;
确定单元,被配置成根据所述目标色相以及所述颜色属性,确定目标颜色信息;
第四获取单元,被配置成基于颜色空间的顶面中的色相生成色相选择区域,获取显示所述色相选择区域和所述颜色属性选择区域的应用程序的应用信息,其中,所述色相选择区域中包括所述顶面中的色相;
清除单元,被配置成基于所述应用信息,清除所述应用程序的显示配置;
显示单元,被配置成按照预设显示方式在所述应用程序中显示所述色相选择区域和所述颜色属性选择区域。
8.根据权利要求7所述的用于输出颜色信息的装置,其中,所述第一获取单元,进一步被配置成:
响应于接收到针对所述色相选择区域触发的色相选择指令,确定所述用户在所述色相选择区域中选择的所述目标色相。
9.根据权利要求7所述的用于输出颜色信息的装置,其中,所述装置还包括:
存储单元,被配置成将所述目标色相以及所述颜色属性存储于颜色对象。
10.根据权利要求9所述的用于输出颜色信息的装置,其中,所述装置还包括:
更新单元,被配置成响应于检测到所述颜色对象已更新,基于更新后的所述颜色对象,更新颜色选择选项对应的选项信息,所述颜色选择选项用于选择所述目标色相和/或所述颜色属性,所述选项信息至少包括选项参数和/或选项位置。
11.根据权利要求7所述的用于输出颜色信息的装置,其中,所述装置还包括:
第三获取单元,被配置成获取所述用户输入的与所述目标色相对应的透明度;
所述确定单元,进一步被配置成:
根据所述透明度、所述目标色相以及所述颜色属性,确定所述目标颜色信息。
12.根据权利要求7至11任一项所述的用于输出颜色信息的装置,其中,所述装置还包括:
生成单元,被配置成基于所述用户历史输入的对应的色相和颜色属性,生成预定义颜色信息;
第二输出单元,被配置成响应于检测到预定义颜色选择指令,输出所述预定义颜色信息。
13.一种用于输出颜色信息的设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。
14.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-6中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011063243.1A CN112035210B (zh) | 2020-09-30 | 2020-09-30 | 用于输出颜色信息的方法、装置、设备和介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011063243.1A CN112035210B (zh) | 2020-09-30 | 2020-09-30 | 用于输出颜色信息的方法、装置、设备和介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112035210A CN112035210A (zh) | 2020-12-04 |
CN112035210B true CN112035210B (zh) | 2024-05-07 |
Family
ID=73573594
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011063243.1A Active CN112035210B (zh) | 2020-09-30 | 2020-09-30 | 用于输出颜色信息的方法、装置、设备和介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112035210B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113986176A (zh) * | 2021-10-29 | 2022-01-28 | 北京光启元数字科技有限公司 | 一种颜色显示方法、装置、电子设备和可读介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106204690A (zh) * | 2015-05-04 | 2016-12-07 | 阿里巴巴集团控股有限公司 | 一种图像处理方法及装置 |
CN108846879A (zh) * | 2018-06-14 | 2018-11-20 | 阿里巴巴集团控股有限公司 | 色板的生成方法及装置 |
CN110111756A (zh) * | 2019-05-15 | 2019-08-09 | 深圳市战音科技有限公司 | 一种颜色选择装置和方法 |
CN110198437A (zh) * | 2018-02-27 | 2019-09-03 | 腾讯科技(深圳)有限公司 | 图像的处理方法、装置、存储介质和电子装置 |
CN110942492A (zh) * | 2019-11-25 | 2020-03-31 | 网易(杭州)网络有限公司 | 色值选择方法、装置、电子设备及计算机可读介质 |
CN111199565A (zh) * | 2018-11-16 | 2020-05-26 | 阿里巴巴集团控股有限公司 | 数据处理方法、装置、系统、电子设备和存储介质 |
CN111476849A (zh) * | 2020-04-03 | 2020-07-31 | 腾讯科技(深圳)有限公司 | 对象颜色识别方法、装置、电子设备以及存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130093782A1 (en) * | 2011-10-13 | 2013-04-18 | Microsoft Corporation | Color Selection and Chart Styles |
-
2020
- 2020-09-30 CN CN202011063243.1A patent/CN112035210B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106204690A (zh) * | 2015-05-04 | 2016-12-07 | 阿里巴巴集团控股有限公司 | 一种图像处理方法及装置 |
CN110198437A (zh) * | 2018-02-27 | 2019-09-03 | 腾讯科技(深圳)有限公司 | 图像的处理方法、装置、存储介质和电子装置 |
CN108846879A (zh) * | 2018-06-14 | 2018-11-20 | 阿里巴巴集团控股有限公司 | 色板的生成方法及装置 |
CN111199565A (zh) * | 2018-11-16 | 2020-05-26 | 阿里巴巴集团控股有限公司 | 数据处理方法、装置、系统、电子设备和存储介质 |
CN110111756A (zh) * | 2019-05-15 | 2019-08-09 | 深圳市战音科技有限公司 | 一种颜色选择装置和方法 |
CN110942492A (zh) * | 2019-11-25 | 2020-03-31 | 网易(杭州)网络有限公司 | 色值选择方法、装置、电子设备及计算机可读介质 |
CN111476849A (zh) * | 2020-04-03 | 2020-07-31 | 腾讯科技(深圳)有限公司 | 对象颜色识别方法、装置、电子设备以及存储介质 |
Non-Patent Citations (3)
Title |
---|
Changing the Color Attributes of Icons to Inform of the Application Status;Ju, SW 等;18th IEEE International Symposium on Consumer Electronics (ISCE);20141231;全文 * |
多颜色空间取色器的设计与实现;徐尤华;熊传玉;;微型电脑应用;20141220(第12期);全文 * |
颜色的隐性属性――色彩强度;庞也驰;刘颖;孟祥文;;印刷技术;20171201(第12期);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN112035210A (zh) | 2020-12-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110704136B (zh) | 小程序组件的渲染方法、客户端、电子设备及存储介质 | |
CN110806865B (zh) | 动画生成方法、装置、设备及计算机可读存储介质 | |
KR20220033967A (ko) | 페이지 테마 결정 방법, 장치, 기기 및 저장 매체 | |
JP2016500175A (ja) | フローティングオブジェクトの実現方法及び装置 | |
CN111897619A (zh) | 浏览器页面的显示方法、装置、电子设备及存储介质 | |
CN111610972B (zh) | 页面生成方法、装置、设备及存储介质 | |
CN112346612B (zh) | 页面显示方法和装置 | |
CN110764857B (zh) | 虚拟键盘的显示效果配置方法、装置、设备及存储介质 | |
CN110727383B (zh) | 基于小程序的触控交互方法、装置、电子设备与存储介质 | |
CN112035210B (zh) | 用于输出颜色信息的方法、装置、设备和介质 | |
CN115066074A (zh) | 一种灯具匹对控制可视化的方法及装置 | |
US20150339277A1 (en) | Systems and methods for programming behavior of a website to respond to capabilities of different devices | |
KR20210039353A (ko) | 가상 키보드의 디스플레이 방법, 가상 키보드 및 디스플레이 장치 | |
CN112148196A (zh) | 虚拟键盘的显示方法和装置 | |
CN114237795B (zh) | 终端界面显示方法、装置、电子设备及可读存储介质 | |
CN115617441A (zh) | 绑定模型和图元的方法、装置、存储介质及计算机设备 | |
CN111177558B (zh) | 频道业务构建方法及装置 | |
CN117149889A (zh) | 一种图数据的处理方法和相关装置 | |
CN111638982B (zh) | 导流方法、导流装置和电子设备 | |
CN111651229A (zh) | 字体更换方法、装置及设备 | |
CN111708475A (zh) | 虚拟键盘的生成方法和装置 | |
CN112000905A (zh) | 信息的显示方法和装置 | |
CN110618944A (zh) | 设备模拟方法、装置、电子设备及存储介质 | |
KR20160057845A (ko) | 이미지 필터 처리를 위한 컴퓨터 구현 방법 | |
CN113779371B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |