一种基于色环的图标背景色调整方法和终端技术

本发明专利技术公开了一种基于色环的图标背景色调整方法和终端，所述方法包括：预先设置色环的角度转换成RGB值的第一对应关系、以及设置RGB值转换成色环的角度的第二对应关系；检测图标的颜色，将图标转换为灰度图，计算各种颜色对应的灰度值的比重；获取所占比重最大的灰度值对应的颜色的RGB值，根据RGB值转换成色环的角度的第二对应关系计算出该颜色对应的角度，将该角度旋转180°获取该颜色的补色的角度；根据色环的角度转换成RGB值的第一对应关系计算出补色的角度对应的RGB值，将图标的背景色更改为补色的颜色。本发明专利技术采用RGB三原色的色环来对图标颜色进行调整，提高了颜色匹配的精确度，使图标与其背景色的搭配更加自然。

Icon based background color adjustment method and terminal based on color ring

The invention discloses a method and a terminal for adjusting the icon background color color ring based on the method includes: second corresponding relationship between the preset color ring angle conversion into RGB value of the first corresponding relation, and set the value of RGB color ring angle conversion; color detection icon, the icon will be converted to grayscale. The calculation of various colors gray value corresponding to the proportion; obtain accounted for the largest proportion of the gray value corresponding to the RGB color value, the color corresponding to the calculated angle according to the relationship between the RGB value of second color ring conversion angle, the rotation angle of 180 degrees get the color of the complementary angle into the first relationship; the RGB value of the color ring according to the calculated from the point of view of the complementary angle of the corresponding RGB value, change the background color icon for the complementary color. The invention adopts the RGB tricolor color ring to adjust the icon color so as to improve the accuracy of the color matching and make the matching of the icon and its background color more natural.

【技术实现步骤摘要】
一种基于色环的图标背景色调整方法和终端
本专利技术涉及终端UI设计，特别涉及一种基于色环的图标背景色调整方法和终端。
技术介绍
UI（UserInterface，用户界面），也称人机界面，是指用户和某些系统进行交互方法的集合，其为智能电视、智能手机以及Window、Linux操作系统必备不可缺的组成部分。终端的软件设计可分为编码设计与UI设计。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅可以让软件变得有个性有品味，还可以让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。一个美观的UI会给用户带来舒适的视觉享受，因此，UI设计中最主要的设计之一是色彩搭配，好的图标与背景的颜色搭配使区分效果更清楚，便于用户查找。现有的软件公司常注意应用图标的颜色制定，但是对于应用图标背景色设计常被忽略。例如，基于Windows8系统的UI界面中，由于应用图标的颜色形状是各家软件公司自己开发定制的，并未考虑图标背景色的设定，图标与其背景的配色方案存在不适配的问题，如图1所示：游戏的图标颜色102为腥红，其背景颜色101为暗绿；视频的图标颜色402为绿色，其背景颜色402为暗红。虽然红与绿属于对比色系，这两种颜色搭配能突出显示效果。但是，图1中的腥红与暗绿，暗红与绿色的组合并不是最合适的对比色；导致游戏应用的配色效果比较亮，而视频应用的配色效果比较暗。相机的图标颜色202为浅珍珠红，其背景色201为紫色，这两种颜色具有相同的色系，而紫色较多导致图标显示不突出。音乐的图标颜色302为中兰紫，其背景色301为橙红，基于橙红颜色较亮且多，导致图标形状部分失真，显示不清楚。因而现有技术还有待改进和提高。
技术实现思路
鉴于上述现有技术的不足之处，本专利技术的目的在于提供一种基于色环的图标背景色调整方法和终端，以解决现有技术从软件层面上实施信息安全保护不能确保机密信息不会泄露的问题。为了达到上述目的，本专利技术采取了以下技术方案：一种基于色环的图标背景色调整方法，其包括：A、设置色环的角度转换成RGB值的第一对应关系、以及设置RGB值转换成色环的角度的第二对应关系；B、检测图标的颜色，将图标转换为灰度图，计算各种颜色对应的灰度值的比重；C、获取所占比重最大的灰度值对应的颜色的RGB值，根据RGB值转换成色环的角度的第二对应关系计算出该颜色对应的角度，将该角度旋转180°获取该颜色的补色的角度；D、根据色环的角度转换成RGB值的第一对应关系计算出补色的角度对应的RGB值，将图标的背景色更改为补色的颜色。所述的基于色环的图标背景色调整方法中，在所述步骤C之后还包括：在以所述补色的角度为基准的预设范围内，随机获取一个角度作为该补色的设定角度；在所述步骤D中，根据色环的角度转换成RGB值的第一对应关系计算出设定角度对应的RGB值，将图标的背景色更改为设定角度对应的补色的颜色。所述的基于色环的图标背景色调整方法中，所述补色的角度为基准的预设范围为补色的角度22.5°。所述的基于色环的图标背景色调整方法中，在所述步骤A之前还包括对色环的角度初始化，具体包括：A01、将360°的色环平均分成R区、G区、B区，每个区域占120°；A02、定义R区的起始角度为0°，索引号为0，RGB值为（1.0、0.0、0.0）；定义G区的起始角度为120°，索引号为1，RGB值为（0.0、1.0、0.0）；定义B区的起始角度为240°，索引号为2，RGB值为（0.0、0.0、1.0）；A03、将定义的三个区的内容创建成角度索引对应表并存储。所述的基于色环的图标背景色调整方法中，在所述步骤A中，所述色环的角度转换成RGB值的第一对应关系包括：A1、将RGB值初始化为（0.0、0.0、0.0）；A2、获取当前角度对应的区，以及对应的索引号；根据所述区和索引号计算该角度的RGB值。所述的基于色环的图标背景色调整方法中，所述步骤A2具体包括：A21、计算当前角度除以120的商，将商做模3运算得到该角度对应的第一索引号；根据第一索引号获取当前角度对应的区，并根据第一索引号将RGB值中的相应分量赋值为1.0；A22、计算当前角度除以120的余数，比较余数与60的大小；当余数大于或等于60时，将第一索引号加1后做模3运算得到第二索引号，执行步骤A23；当余数小于60时，执行步骤A24；A23、根据第二索引号将RGB值中的相应分量赋值为1.0；第一索引号对应的RGB值的相应分量更改为，其中，x表示当前角度除以120的余数；A4、第一索引号对应的RGB值中的相应分量更改为，其中，x表示当前角度除以120的余数。所述的基于色环的图标背景色调整方法中，在所述步骤A中，所述RGB值转换成色环的角度的第二对应关系包括：A10、对RGB值中的三个分量按数值大小排序、并分别标记其对应的索引号；将RGB值做归一化处理得到归一化RGB值；A20、根据归一化RGB值计算偏离中心角度，根据索引号计算起始角度和判断角度的偏离正负向，根据偏离中心角度、起始角度、偏离正负向计算出色环的角度。所述的基于色环的图标背景色调整方法中，所述步骤A10具体包括：A101、比较RGB值中三个分量的数值大小，记录变量index_max=最大分量对应的索引号，变量index_scend=中间分量对应的索引号，变量index_third=最小分量对应的索引号；A102、将RGB值中的三个分量的值分别除以最大分量的值，得到归一化RGB值。所述的基于色环的图标背景色调整方法中，所述步骤A20具体包括：A201、计算偏离中心角度W，公式为：W=（RGB/[scend]—RGB/[third]）*step，step=60/r，r=1—RGB/[third]；其中，step表示映射步长，r表示映射半径，RGB/[third]表示归一化RGB值中的最小分量的数值；RGB/[scend]表示归一化RGB值中的中间分量的数值；A202、在角度索引对应表中查询变量index_max对应的起始角度start；A203、判断变量index_scend是否等于变量index_max加1后的和做模3运算的值：如果是，则角度的偏离正负向sign为1；如果不是，则角度的偏离正负向sign为-1；A204、计算最终的色环的角度W_last，公式为：W_last=start+sign*W。一种用于实现所述的基于色环的图标背景色调整方法的终端，其包括：转换设置模块，用于预先设置色环的角度转换成RGB值的第一对应关系、以及设置RGB值转换成色环的角度的第二对应关系；灰度处理模块，用于检测图标的颜色，将图标转换为灰度图，计算各种颜色对应的灰度值的比重；颜色角度处理模块，一方面用于获取所占比重最大的灰度值对应的颜色的RGB值，根据RGB值转换成色环的角度的第二对应关系计算出该颜色对应的角度，将该角度旋转180°获取该颜色的补色的角度；另一方面用于根据色环的角度转换成RGB值的第一对应关系计算出补色的角度对应的RGB值；颜色调整模块，用于根据颜色角度处理模块计算得到的补色的角度对应的RGB值、将图标的背景色更改为补色的颜色。相较于现有技术，本专利技术提供的基于色环的图标背景色调整方法和终端，根据图标的灰度图获取主颜色的RGB值，根据R本文档来自技高网...

【技术保护点】
一种基于色环的图标背景色调整方法，其特征在于，包括：A、预先设置色环的角度转换成RGB值的第一对应关系、以及设置RGB值转换成色环的角度的第二对应关系；B、检测图标的颜色，将图标转换为灰度图，计算各种颜色对应的灰度值的比重；C、获取所占比重最大的灰度值对应的颜色的RGB值，根据RGB值转换成色环的角度的第二对应关系计算出该颜色对应的角度，将该角度旋转180°获取该颜色的补色的角度；D、根据色环的角度转换成RGB值的第一对应关系计算出补色的角度对应的RGB值，将图标的背景色更改为补色的颜色。

【技术特征摘要】
1.一种基于色环的图标背景色调整方法，其特征在于，包括：A、预先设置色环的角度转换成RGB值的第一对应关系、以及设置RGB值转换成色环的角度的第二对应关系；B、检测图标的颜色，将图标转换为灰度图，计算各种颜色对应的灰度值的比重；C、获取所占比重最大的灰度值对应的颜色的RGB值，根据RGB值转换成色环的角度的第二对应关系计算出该颜色对应的角度，将该角度旋转180°获取该颜色的补色的角度；D、根据色环的角度转换成RGB值的第一对应关系计算出补色的角度对应的RGB值，将图标的背景色更改为补色的颜色；所述色环的角度转换成RGB值的第一对应关系包括：A1、将RGB值初始化为（0.0、0.0、0.0）；A2、获取当前角度对应的区，以及对应的索引号；根据所述区和索引号计算该角度的RGB值；具体为：计算该角度对应的第一索引号；根据第一索引号获取当前角度对应的区，并根据第一索引号将RGB值中的相应分量赋值；进一步确定在该区内，角度更接近的相邻区，将RGB值中的相应分量更改。2.根据权利要求1所述的基于色环的图标背景色调整方法，其特征在于，在所述步骤C之后还包括：在以所述补色的角度为基准的预设范围内，随机获取一个角度作为该补色的设定角度；在所述步骤D中，根据色环的角度转换成RGB值的第一对应关系计算出设定角度对应的RGB值，将图标的背景色更改为设定角度对应的补色的颜色。3.根据权利要求2所述的基于色环的图标背景色调整方法，其特征在于，所述补色的角度为基准的预设范围为补色的角度22.5°。4.根据权利要求1所述的基于色环的图标背景色调整方法，其特征在于，在所述步骤A之前还包括对色环的角度初始化，具体包括：A01、将360°的色环平均分成R区、G区、B区，每个区域占120°；A02、定义R区的起始角度为0°，索引号为0，RGB值为（1.0、0.0、0.0）；定义G区的起始角度为120°，索引号为1，RGB值为（0.0、1.0、0.0）；定义B区的起始角度为240°，索引号为2，RGB值为（0.0、0.0、1.0）；A03、将定义的三个区的内容创建成角度索引对应表并存储。5.根据权利要求4所述的基于色环的图标背景色调整方法，其特征在于，所述步骤A2具体包括：A21、计算当前角度除以120的商，将商做模3运算得到该角度对应的第一索引号；根据第一索引号获取当前角度对应的区，并根据第一索引号将RGB值中的相应分量赋值为1.0；A22、计算当前角度除以120的余数，比较余数与60的大小；当余数大于或等于60时，将第一索引号加1后做模3运算得到第二索引号，执行步骤A23；当余数小于60时，执行步骤A24；A23、根据第二索引号将RGB值中的相应分量赋值为1.0；第一索引号对应的RGB值的相应分量更改为...

【专利技术属性】
技术研发人员：赵智宝，卢伟超，
申请(专利权)人：TCL集团股份有限公司，
类型：发明
国别省市：