基于HSL色彩模型的高级灰生成方法及系统与流程

本公开涉及图像色应用，尤其涉及一种基于hsl色彩模型的高级灰生成方法、系统和电子设备。

背景技术：

1、在一个或者多个应用或系统中，为了满足客户品牌、喜好等方面的因素，往往都会有一定的主题能力。其中在主题颜色方面会提供主要颜色、成功颜色、失败颜色、警告颜色和中性灰颜色。

2、而在追求美观性，往往灰色需要有一定的色相(即与主要颜色保持相同的色系)，而这种带有一定色相的灰色通常流行称之为高级灰。高级灰的本质上其实是使灰色与当前主要颜色保持相同或相近的色相，这样在视觉感官上会更加的和谐、一致和统一，也有助于用户情绪的保持(例如购物商城领域通常使用黄色来暗示用户的积极、冲动情绪，那么带有微弱黄色的灰色也有助于在阅读灰色文本时依然能够保留该情绪)。

3、在一个或者多个应用或系统中使用中性灰相比高级灰，其存在如下缺点：

4、缺点1：色彩变化感知不强

5、在一个或者多个应用或系统中使用主题变更能力时，变更了主要颜色时，中性灰是不会发生变化的，色彩感知度不强，尤其是在大面积文本(通常文本的颜色都是灰色)的情况下感知度会更低；而高级灰会跟随主要颜色进行自适应调整，色彩感知会更明显。

6、缺点2：色彩一致性弱

7、在主要颜色和中性灰进行搭配时，在整体色彩一致性上会比高级灰弱一些，因为高级灰与主要颜色色系相同，用户视觉焦点移动的时候色彩一致性不会中断。

8、缺点3：客户情绪波动

9、有关研究表面，人类对不同的颜色会产生不同的情绪。因此，不同类型或用户群体的应用都会使用不同的主要颜色来表达主要的功能。例如商城类型应用的下单、购买、支付等按钮都会是大面积的橘色、黄色或红色，以刺激用户的点击欲望。当在阅读商品详情大面积中性灰文本的情况下，主要颜色已经离开用户焦点，情绪可能会发生变化；而如果文本是高级灰的话，情绪波动可能会更小。

技术实现思路

1、为了解决上述问题，本申请提出一种基于hsl色彩模型的高级灰生成方法、系统和电子设备。

2、本申请一方面，提出一种基于hsl色彩模型的高级灰生成方法，包括如下步骤：

3、用户输入目标颜色，令p为目标颜色、g为中性灰、e为高级灰并设定饱和度的固定值sk；

4、基于hsl色彩模型：(h,s,l)，生成高级灰e，包括如下公式步骤：

5、令：

6、p＝(hp,sp,lp)；

7、令：

8、g＝(hg,sg,lg)；

9、令：

10、e＝(he,se,le)；

11、令：

12、he＝hp；

13、则：

14、e＝(hp,se,le)；

15、令：

16、se＝sk；

17、则：

18、e＝(hp,sk,le)；

19、令：

20、le＝lg；

21、则：

22、e＝(hp,sk,lg)。

23、作为本申请的一可选实施方案，可选地，基于hsl色彩模型：(h,s,l)，生成高级灰e，具体的步骤为：

24、设定目标颜色p，以hsl色彩模型进行表示为(hp,sp,lp)，则：

25、p＝(hp,sp,lp)；

26、设定中性灰g，以hsl色彩模型进行表示为(hg,sg,lg)，则：

27、g＝(hg,sg,lg)；

28、设定高级灰e，以hsl色彩模型进行表示为(he,se,le)，则：

29、e＝(he,se,le)；

30、将高级灰e的色相(he)与目标颜色p的色相(hp)保持相同，即与目标颜色p保持相同的色系，令：

31、he＝hp，则：

32、e＝(hp,se,le)；

33、设定饱和度的固定值sk，将高级灰e的饱和度(se)修改为固定值sk，令：

34、se＝sk，则：

35、e＝(hp,sk,le)；

36、保持高级灰e的亮度(le)与中性灰g的亮度(lg)相同，即与中性灰g保持相同灰度，令：

37、le＝lg，则：

38、e＝(hp,sk,lg)，

39、获得高级灰e的hsl颜色值，e＝(hp,sk,lg)。

40、5、作为本申请的一可选实施方案，可选地，sk＝10。sk也可以是其他固定值或相近值。

41、本申请另一方面，提出一种高级灰调色板，采用所述基于hsl色彩模型的高级灰生成方法生成。

42、本申请另一方面，还提出一种实现所述基于hsl色彩模型的高级灰生成方法的系统，包括：

43、用户输入模块，用于用户输入目标颜色；

44、调色配置模块，用于基于hsl色彩模型：(h,s,l)，生成高级灰e，包括如下公式步骤：

45、令：

46、p＝(hp,sp,lp)；

47、令：

48、g＝(hg,sg,lg)；

49、令：

50、e＝(he,se,le)；

51、令：

52、he＝hp；

53、则：

54、e＝(hp,se,le)；

55、令：

56、se＝sk；

57、则：

58、e＝(hp,sk,le)；

59、令：

60、le＝lg；

61、则：

62、e＝(hp,sk,lg)。

63、本申请另一方面，还提出一种电子设备，包括：

64、处理器；

65、用于存储处理器可执行指令的存储器；

66、其中，所述处理器被配置为执行所述可执行指令时实现所述的一种基于hsl色彩模型的高级灰生成方法。

67、本发明的技术效果：

68、本申请通过用户输入主要颜色，令p为目标颜色、g为中性灰、e为高级灰并设定饱和度的固定值sk；基于hsl色彩模型：(h,s,l)，生成高级灰e。生成的高级灰相比中性灰具备如下优点特征：

69、有色相(h)：与主要颜色保持相同的色相(即与主要颜色保持相同的色系)。使其在主要颜色变化时，色相能够与主要颜色保持一致，色彩感知更明显；在色彩一致性上与主要颜色相同，视觉体验更佳；并且一致的色系能够保留用户情绪，减弱用户情绪波动。

70、低饱和(s)：一定的低饱和度，与中性灰观感一致，不会丢失原本中性灰该有的能力或作用；

71、同亮度(l)：与中性灰保持相同的亮度，与中性灰观感一致，不会丢失原本中性灰该有的能力或作用。

72、根据下面参考附图对示例性实施例的详细说明，本公开的其它特征及方面将变得清楚。

1.一种基于hsl色彩模型的高级灰生成方法，其特征在于，包括如下步骤：

2.根据权利要求1所述的一种基于hsl色彩模型的高级灰生成方法，其特征在于，基于hsl色彩模型：(h,s,l)，生成高级灰e，具体的步骤为：

3.根据权利要求2所述的一种基于hsl色彩模型的高级灰生成方法，其特征在于，sk＝10。sk也可以是其他固定值或相近值。

4.一种高级灰调色板，其特征在于，采用权利要求1-3中任一项所述基于hsl色彩模型的高级灰生成方法生成。

5.一种实现权利要求1-3中任一项所述基于hsl色彩模型的高级灰生成方法的系统，其特征在于，包括：

6.一种电子设备，其特征在于，包括：