[发明专利]Web页面中的HSB取色处理方法、装置、设备及存储介质

权利要求书

1.一种Web页面中的HSB取色处理方法，其特征在于，包括：

获取Web页面中的HSB颜色参数；

在所述Web页面绘制包含多个第一划分节点的色谱条框后，获取每个所述第一划分节点的第一RGB颜色参数，并将所有所述第一划分节点的颜色遍历修改为与所述第一RGB颜色参数对应的颜色；所述第一RGB颜色参数是所述第一划分节点的HSB颜色参数经过所述颜色转换函数进行转换处理后得到的；

在所述Web页面绘制包含多个第二划分节点的色域框后，获取每个所述第二划分节点的第二RGB颜色参数，并将所有所述第二划分节点的颜色遍历修改为所述第二RGB颜色参数；所述第二RGB颜色参数是所述第二划分节点的HSB颜色参数经过所述颜色转换函数进行转换处理后得到的；

在接收到用户对所述Web页面中任意的所述第一划分节点进行点击后所触发的onclick事件时，对被点击的所述第一划分节点对应的第一RGB颜色参数和所述第二划分节点对应的第二RGB颜色参数进行交互修改之后，确认对所述Web页面的中的HSB颜色参数的取色处理完成；或

在接收到用户对所述Web页面中任意的所述第二划分节点进行点击后所触发的onclick事件时，对被点击的所述第二划分节点对应的第一RGB颜色参数和所述第一划分节点对应的第一RGB颜色参数进行交互修改之后，确认对所述Web页面的中的HSB颜色参数的取色处理完成。

2.根据权利要求1所述的Web页面中的HSB取色处理方法，其特征在于，所述获取每个所述第一划分节点的第一RGB颜色参数，包括：

获取所述色谱条框中各个所述第一划分节点的位置坐标；

根据各所述位置坐标计算出每个所述第一划分节点在所述色谱条框中的位置坐标百分比；

根据所述位置坐标百分比以及所述颜色转换函数hsb2rgb获取与各个所述第一划分节点分别对应的第一RGB颜色参数。

3.根据权利要求1所述的Web页面中的HSB取色处理方法，其特征在于，所述获取每个所述第二划分节点的第二RGB颜色参数，包括：

获取所述色域框中包含各个所述第二划分节点的行列数；

根据各所述行列数计算出每个所述第一划分节点在所述色域框中的X轴百分比和Y轴百分比；

根据所述X轴百分比和Y轴百分比以及所述颜色转换函数hsb2rgb获取与各个所述第二划分节点分别对应的第二RGB颜色参数。

4.根据权利要求1所述的Web页面中的HSB取色处理方法，其特征在于，所述接收到用户对所述Web页面中任意的所述第一划分节点进行点击后所触发的onclick事件或接收到用户对所述Web页面中任意的所述第二划分节点进行点击后所触发的onclick事件之前，还包括：

对所述Web页面中的色谱条框的第一划分节点的层叠样式表属性进行设置后，生成漂浮在所述色谱条框上的第一透明遮罩；所述第一划分节点的onclick事件通过点击所述第一透明遮罩上与所述第一划分节点对应的位置触发；

对所述Web页面中的色域框的第二划分节点的层叠样式表属性进行设置后，生成漂浮在所述色域框上的第二透明遮罩；所述第二划分节点的onclick事件通过点击所述第二透明遮罩上与所述第二划分节点对应的位置触发。

5.根据权利要求1所述的Web页面中的HSB取色处理方法，其特征在于，所述HSB颜色参数包括H颜色参数、S颜色参数和B颜色参数；所述在接收到用户对所述Web页面中任意的所述第一划分节点进行点击后所触发的onclick事件时，对被点击的所述第一划分节点对应的第一RGB颜色参数和所述第二划分节点对应的第二RGB颜色参数进行交互修改，包括：

接收onclick事件，若确认所述onclick事件为点击所述第一透明遮罩上与所述第一划分节点对应的位置触发，则获取所述色谱条框中与被点击的所述第一划分节点对应的HSB颜色参数的H颜色参数；

将获取的所述H颜色参数通过所述颜色转换函数转换为第三RGB颜色参数；

通过所述第三RGB颜色参数修改与所有的所述第二划分节点对应的第二RGB颜色参数，以在所述色域框中重新绘制出色域。