主题样式的生成方法、电子设备及介质技术

本发明专利技术涉及一种主题样式的生成方法、电子设备及介质，该方法包括：获取目标主题样式对应的目标基础色；从预先设置的调色板库中调取所述目标基础色对应的目标调色板，其中，所述调色板库中包括至少一个调色板，每一所述调色板包括一个基础色和基于该基础色生成的多个与该基础色同色系的辅助色；基于所述目标调色板生成目标主题样式页面。本发明专利技术提高了主题样式生成的效率和准确性。

【技术实现步骤摘要】
主题样式的生成方法、电子设备及介质
本专利技术涉及互联网
，尤其涉及一种主题样式的生成方法、电子设备及介质。
技术介绍
在搭建网站、开发应用程序(app)等过程中，通常会为对应的用户界面(UserInterface，UI)设置多种主题样式，不同的用户可以根据自己的颜色喜好，选择不同的主题样式。传统的主题样式的生成技术，通常需要根据目标主题样式的颜色对层叠样式表(CascadingStyleSheets简称CSS)等样式文件的颜色变量进行查找替换，这样使得主题样式生成效率低，且易出错。
技术实现思路
本专利技术目的在于，提供一种主题样式的生成方法、电子设备及介质，提高了主题样式生成的效率和准确性。根据本专利技术第一方面，提供了一种主题样式的生成方法，包括：获取目标主题样式对应的目标基础色；从预先设置的调色板库中调取所述目标基础色对应的目标调色板，其中，所述调色板库中包括至少一个调色板，每一所述调色板包括一个基础色和基于该基础色生成的多个与该基础色同色系的辅助色；基于所述目标调色板生本文档来自技高网...

【技术保护点】
1.一种主题样式的生成方法，其特征在于，包括：/n获取目标主题样式对应的目标基础色；/n从预先设置的调色板库中调取所述目标基础色对应的目标调色板，其中，所述调色板库中包括至少一个调色板，每一所述调色板包括一个基础色和基于该基础色生成的多个与该基础色同色系的辅助色；/n基于所述目标调色板生成目标主题样式页面。/n

【技术特征摘要】
1.一种主题样式的生成方法，其特征在于，包括：
获取目标主题样式对应的目标基础色；
从预先设置的调色板库中调取所述目标基础色对应的目标调色板，其中，所述调色板库中包括至少一个调色板，每一所述调色板包括一个基础色和基于该基础色生成的多个与该基础色同色系的辅助色；
基于所述目标调色板生成目标主题样式页面。


2.根据权利要求1所述的方法，其特征在于，
还包括：
获取至少一个基础色；
基于每一所述基础色生成对应的调色板，并存至所述调色板库中。


3.根据权利要求2所述的方法，其特征在于，
所述基于每一基础色生成对应的调色板，包括：
设置调色板包括M个色号，色号索引值值域为[0，M-1]，颜色从0到M-1逐渐加深，基础色索引号为m,其中，M为正整数，m属于[0，M-1]；
获取所述基础色对应的HSV参数值,所述HSV参数值包括色相、饱和度和明度；
基于所述基础色对应的HSV参数值、每一辅助色色号的索引值，确定每一辅助色的HSV参数值；
基于所述基础色对应的HSV参数值、色号索引值、以及每一辅助色的HSV参数值生成该基础色对应的调色板。


4.根据权利要求3所述的方法，其特征在于，
所述基于所述基础色对应的HSV参数值、每一辅助色色号的索引值，确定每一辅助色的HSV参数值，包括:
根据公式(1)获取辅助色色相值：
辅助色色相值＝基础色色相值+辅助色索引号-m(1),
设置色相值最大值，若公式(1)中得到的辅助色色相值大于所述色相值最大值，则根据公式(2)获取辅助色色相值：
辅助色色相值＝∣渐变色色相值-色相值最大值∣(2)；
根据公式(3)获取辅助色饱和度值：
辅助色饱和度＝(基础色饱和度+辅助色索引号)*饱和度渐变值(3),
设置饱和度最大值和饱和度最小值，若辅助色相对于基础色颜色加深，则根据公式(4)获取饱和度渐变值:



若辅助色相对于基础色颜色减淡，则根据公式(5)获取饱和度渐变值：



若所获取的辅助色饱和度大于饱和度最大值，则辅助色饱和度取最大值,若所获取的辅助色饱和度小于饱和度最小值，则辅助色饱和度取最小值...

【专利技术属性】
技术研发人员：蔡文渊，杨过，
申请(专利权)人：上海宏路数据技术股份有限公司，
类型：发明
国别省市：上海;31