(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211141482.3 (22)申请日 2022.09.20 (71)申请人 中国银行股份有限公司 地址 100818 北京市西城区复兴门内大街1 号 (72)发明人 黄佳兴　 (74)专利代理 机构 北京三友知识产权代理有限 公司 11127 专利代理师 贾磊　许曼 (51)Int.Cl. G06F 9/451(2018.01) G06F 16/957(2019.01) G06F 16/958(2019.01) G06F 3/04845(2022.01) G06T 7/90(2017.01)G06V 10/762(2022.01) (54)发明名称 一种浏览器动态皮肤颜色的实现方法及装 置 (57)摘要 本发明涉及计算机技术领域， 尤其涉及一种 浏览器动态皮肤颜色的实现方法及装置， 包括： 对浏览器中的页面进行截屏， 得到页面图像； 生 成所述页面图像的像素数据， 所述像素数据包括 多个数据点， 每个数据点包括RGB三通道的数值； 采用聚类分析法对所述像素数据进行分析， 确定 所述页面图像的主体颜色； 确定与所述主体颜色 对应的目标颜色； 将所述浏览器的皮肤颜色修改 为所述目标颜色。 通过本发明实施例， 实现了精 确计算页面的主体颜色， 并根据页面的主体颜色 对浏览器皮肤的颜色进行动态调整， 从而提高用 户体验， 解决现有技术中浏览器皮肤的颜色不能 跟随页面的主题颜色动态改变， 影 响用户体验的 问题。 权利要求书2页 说明书9页 附图4页 CN 115454555 A 2022.12.09 CN 115454555 A 1.一种浏览器动态皮肤颜色的实现方法， 其特 征在于， 所述方法包括： 对浏览器中的页面进行截屏， 得到页面图像； 生成所述页面图像的像素数据， 所述像素数据包括多个数据点， 每个数据点包括RGB三 通道的数值； 采用聚类分析法对所述像素 数据进行分析， 确定所述页面图像的主体颜色； 确定与所述主体颜色对应的目标颜色； 将所述浏览器的皮肤颜色修改为所述目标颜色。 2.根据权利要求1所述的方法， 其特征在于， 采用聚类分析法对所述像素数据进行分 析， 确定所述页面图像的主体颜色进一 步包括， 设置所述像素 数据中的多个数据点 为未标记； 从所述像素数据中选取一个未被标记的数据点作为第 一核心点， 对所述第 一核心点添 加标记； 计算所述像素数据中其他数据点的RGB三通道的数值与所述第一核心点的RGB三通道 的数值之间的差值， 作为第一距离； 计算所述第 一距离小于第 一预设门限值的数据点的数量作为第 二门限值， 并将所述第 一核心点加入到第一数据簇中； 将所述第一距离小于第一预设门限值的数据点划分到第一子集中； 从所述第一子集中选取未标记的数据点作为第二核心点， 对所述第二核心点添加标 记； 计算所述像素数据中的数据点的RGB三通道的数值与所述第二核心点的RGB三通道的 数值之间的差值， 作为第二距离， 并计算所述第二距离小于第一预设门限值的数据点的数 量， 并判断所述第二距离小于第一预设门限值的数据点的数量是否小于所述第二门限值； 若否， 则将所述第二核心点加入到所述第一数据簇中， 并重复执行在所述第一子集中 选未标记的数据点作为第二核心点的步骤， 直到所述第一子集中的所有数据点均被标记， 得到的所述第一数据簇中包括 一个或多个第二核心点； 针对一个第 二核心点， 将与 该第二核心点对应的所述第 二距离小于第 一预设门限值的 数据点划分到第二子集中， 将所述第二子集作为所述第一子集， 并重复执行从所述第一子 集中选取未标记的数据点作为第二核心点， 对所述第二核心点添加标记的步骤， 直到所述 第一子集中不存在未标记的数据点或所述第一子集中不存在任何数据点后， 重复执行从所 述像素数据中选取一个未被标记的数据点作为第一核心 点的步骤， 并将得到的第一核心 点 和/或第二核心点加入到新的第一数据簇中， 直到所述像素数据中所有的数据点均被标记 后， 得到多个第一数据簇； 分别计算每 个第一数据簇中数据点的数量与所述像素 数据中数据点的数量的比值； 根据所述比值 最大的所述第一数据簇中的数据点计算所述页面图像的主体颜色。 3.根据权利要求2所述的方法， 其特征在于， 根据 所述比值最大的所述第 一数据簇 中的 数据点计算所述页面图像的主体颜色进一 步包括， 计算所述比值 最大的所述第一数据簇中多个RGB三 通道的数值的平均值； 将所述平均值作为所述页面图像的主体颜色。 4.根据权利要求1所述的方法， 其特征在于， 确定与所述主体颜色对应的目标颜色进一权　利　要　求　书 1/2 页 2 CN 115454555 A 2步包括， 在预设的颜色列表中确定与所述主体颜色对应的颜色作为所述目标颜色。 5.根据权利要求1所述的方法， 其特征在于， 将所述浏览器的皮肤颜色修改为所述目标 颜色进一 步包括， 按照预定时间和RGB三通道 的数值的步长对所述浏览器的皮肤颜色进行调整， 直至调 整为所述目标颜色。 6.根据权利要求1所述的方法， 其特征在于， 生成所述页面图像的像素数据进一步包 括， 采用canvas图形软件将所述页面图像的每个像素点转化为RGB三通道的数值， 将每个 像素点的RGB三通道的数值构成的数组作为该像素点的数据点， 得到所述页面图像的像素 数据。 7.一种浏览器动态皮肤颜色的实现装置， 其特 征在于， 包括： 页面图像获取 单元， 用于对浏览器中的页面进行截屏， 得到页面图像； 像素数据生成单元， 用于生成所述页面图像的像素数据， 所述像素数据包括多个数据 点， 每个数据点包括RGB三 通道的数值； 页面主体颜色确定单元， 用于采用聚类分析法对所述像素数据进行分析， 确定所述页 面图像的主体颜色； 目标颜色确定单 元， 用于确定与所述主体颜色对应的目标颜色； 浏览器皮肤颜色修改单 元， 用于将所述浏览器的皮肤颜色修改为所述目标颜色。 8.一种计算机设备， 包括存储器、 处理器及存储在存储器上并可在处理器上运行的计 算机程序， 其特征在于， 所述处理器执行所述计算机程序时实现权利要求1至6任一所述方 法。 9.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质存储有计算机程 序， 所述计算机程序被处 理器执行时实现权利要求1至 6任一所述方法。 10.一种计算机程序产品， 其特征在于， 所述计算机程序产品包括计算机程序， 所述计 算机程序被处 理器执行时实现权利要求1至 6任一所述方法。权　利　要　求　书 2/2 页 3 CN 115454555 A 3