一种UI调色板确定方法、装置、设备及存储介质
摘要文本
本发明实施例提供了一种用户界面UI调色板确定方法、装置、设备及存储介质,其中,该方法可以包括:确定UI调色板中第一主题色对应的第一颜色值,第一颜色值为RGB模式;将第一主题色对应的第一颜色值转换为第一主题色对应的第二颜色值,第二颜色值为HSB模式;根据第一主题色对应的第二颜色值,计算该调色板中第二主题色对应的第二颜色值;并将第二主题色对应的第二颜色值,转换为第二主题色对应的第一颜色值;其中,第二主题色是调色板中除第一主题色之外的其他颜色。通过本发明实施例提供的UI调色板确定方法、装置、设备及存储介质,能够提高用户与界面交互过程中的视觉效果。 来自马-克-数-据
申请人信息
- 申请人:北京金山云网络技术有限公司; 北京金山云科技有限公司
- 申请人地址:100085 北京市海淀区小营西路33号3F02室
- 发明人: 北京金山云网络技术有限公司; 北京金山云科技有限公司
专利详细信息
| 项目 | 内容 |
|---|---|
| 专利名称 | 一种UI调色板确定方法、装置、设备及存储介质 |
| 专利类型 | 发明授权 |
| 申请号 | CN201811638155.2 |
| 申请日 | 2018年12月29日 |
| 公告号 | CN111381912B |
| 公开日 | 2024年2月2日 |
| IPC主分类号 | G06F9/451 |
| 权利人 | 北京金山云网络技术有限公司; 北京金山云科技有限公司 |
| 发明人 | 宋辉 |
| 地址 | 北京市海淀区西二旗中路33号院4号楼6层006号; 北京市海淀区西二旗中路33号院4号楼5层006号 |
专利主权项内容
1.一种用户界面UI调色板确定方法,其特征在于,应用于电子设备,包括:确定用户界面UI调色板中第一主题色对应的第一颜色值,所述第一颜色值为RGB模式;将所述第一主题色对应的第一颜色值转换为所述第一主题色对应的第二颜色值,所述第二颜色值为HSB模式;所述第二颜色值包括色度分量值、饱和度分量值和亮度分量值;根据所述第一主题色对应的第二颜色值,计算所述调色板中第二主题色对应的第二颜色值;并将所述第二主题色对应的第二颜色值,转换为所述第二主题色对应的第一颜色值;其中,所述第二主题色是所述调色板中除所述第一主题色之外的其他颜色;其中,所述根据所述第一主题色对应的第二颜色值,计算第二主题色对应的第二颜色值,包括:将所述第一主题色对应的色度分量值,增加或者减少预设间隔,得到所述第二主题色对应的色度分量值;确定边缘主题色对应的饱和度分量值和所述边缘主题色对应的亮度分量值,其中,所述边缘主题色包括:所述第二主题色中色号最小的颜色和色号最大的颜色;根据所述第一主题色对应的饱和度分量值和所述边缘主题色对应的饱和度分量值,通过第一预设规则,确定所述第二主题色中除所述边缘主题色之外的其他主题色对应的饱和度分量值;根据所述第一主题色对应的亮度分量值和所述边缘主题色对应的亮度分量值,通过第二预设规则,确定所述第二主题色中除所述边缘主题色之外的其他主题色对应的亮度分量值;其中,所述将所述第一主题色对应的色度分量值,增加或者减少预设间隔,得到所述第二主题色对应的色度分量值,包括:在所述第二主题色的颜色比所述第一主题色的颜色浅的情况下,将所述第一主题色对应的色度分量值,减少预设间隔,得到所述第二主题色对应的色度分量值;在所述第二主题色的颜色比所述第一主题色的颜色深的情况下,将所述第一主题色对应的色度分量值,增加预设间隔,得到所述第二主题色对应的色度分量值;所述根据所述第一主题色对应的饱和度分量值和所述边缘主题色对应的饱和度分量值,通过第一预设规则,确定所述第二主题色中除所述边缘主题色之外的其他主题色对应的饱和度分量值,包括:计算所述第一主题色对应的饱和度分量值与所述边缘主题色对应的饱和度分量值之间的第一差值绝对值;确定所述第一主题色距离所述边缘主题色的色号个数;确定所述第一差值绝对值与所述色号个数的第一比值,并将所述第一比值作为饱和度平均间隔;根据所述第一主题色对应的饱和度分量值以及所述饱和度平均间隔,确定所述其他主题色对应的饱和度分量值;所述根据所述第一主题色对应的亮度分量值和所述边缘主题色对应的亮度分量值,通过第二预设规则,确定所述第二主题色中除所述边缘主题色之外的其他主题色对应的亮度分量值,包括:计算所述第一主题色对应的亮度分量值与所述边缘主题色对应的亮度分量值之间的第四差值绝对值;确定所述第四差值绝对值与色号个数的第四比值,并将所述第四比值作为亮度平均间隔;其中,所述色号个数为所述第一主题色距离所述边缘主题色的色号个数;根据所述第一主题色对应的亮度分量值以及所述亮度平均间隔,确定所述其他主题色对应的亮度分量值。