[發明專利]頁面配色的方法、裝置、存儲介質和芯片

有效

• 申請號: 201911422117.8
• 申請日: 2019-12-31
• 公開（公告）號: CN111191424B
• 公開（公告）日: 2023-03-03
• 發明（設計）人: 張韻疊;劉愛兵
• 申請（專利權）人: 北京華為數字技術有限公司
• 主分類號: G06F40/166
• 分類號: G06F40/166;G06F40/189
• 代理公司: 北京龍雙利達知識產權代理有限公司 11329
• 代理人: 陳洪艷;王君

本申請提供了一種頁面配色的方法，該方法包括：獲取第一頁面中的第一圖像的顏色信息，該顏色信息包括所述第一圖像包括的顏色的占比；根據該第一圖像的顏色信息，確定第二頁面的目標頁面元素的配色，該目標頁面元素包括以下至少一項：頁面全局背景、頁面分塊背景、標題背景、標題文字、按鈕背景、按鈕文字、正文文字。根據本申請提供的頁面配色的方法，通過第一圖像中的顏色信息，可以實現第二頁面的目標頁面元素的自動配色，提高了頁面配色的效率，簡化了頁面設計的過程，且使得配色后的整個頁面前后景明確區分，文字可讀性強，頁面和諧美觀。

技術領域

本申請涉及多媒體領域，并且更具體地，涉及一種頁面配色的方法、裝置、存儲介質和芯片。

背景技術

隨著智能終端設備的大范圍普及，頁面設計應用廣泛，例如，超文本標記語言(hypertext marked language,HTML)頁面的設計。

在設計該頁面時，設計人員通常會事先對該頁面進行排版，配色等，每一個頁面的組成部分的色彩均需要進行單獨設計，因此，在設計頁面時會耗費大量的時間、效率較低。

因此，亟需一種頁面自動配色的方法。

發明內容

本申請提供一種頁面配色方法、裝置、存儲介質和芯片，能夠對頁面的各個組成元素進行自動配色，提高了頁面設計的效率。

第一方面，提供了一種頁面配色的方法，該方法包括：獲取第一頁面中的第一圖像的顏色信息，該顏色信息包括該第一圖像包括的顏色的占比；根據該第一圖像的顏色信息，確定第二頁面的目標頁面元素的配色，該目標頁面元素包括以下至少一項：頁面全局背景、頁面分塊背景、標題背景、標題文字、按鈕背景、按鈕文字、正文文字。

上述技術方案根據第一頁面中第一圖像的顏色信息，能夠實現對第二頁面的各個組成元素的自動配色，提高了頁面設計的效率，簡化了頁面設計的過程，且使得配色后的整個頁面前后景明確區分，文字可讀性強，頁面和諧美觀。

可選地，該第一頁面和第二頁面可以是相同的頁面，也可以是不同的頁面。

結合第一方面，在第一方面的一些實現方式中，根據該第一圖像的顏色信息，確定第二頁面的目標頁面元素的配色，包括：選擇該第一圖像包括的顏色中的占比最大的顏色作為該頁面全局背景的顏色；或者選擇該第一圖像的第一比例處的顏色作為過渡色，從該第一圖像包括的顏色占比最大的前三個色系中選擇與該過渡色最接近的顏色作為頁面全局背景的顏色。

該技術方案可使得第二頁面的頁面全局背景色與第一頁面的顏色保持一致，使得第二頁面的配色和諧美觀。

結合第一方面，在第一方面的一些實現方式中，該頁面全局背景的顏色所屬的明度值-飽和度值-色相角度值LCH空間上的明度值小于或等于第一閾值；和/或該頁面全局背景的顏色所屬LCH空間上的飽和度值小于或等于第二閾值。

該技術方案通過設置全局背景色該LCH空間上的明度值和飽和度值在閾值之內，可保證頁面的整體基調統一，避免出現某個顏色過于突出，導致頁面配色不和諧的現象。

結合第一方面，在第一方面的一些實現方式中，根據該第一圖像的顏色信息，確定第二頁面的目標頁面元素的配色，包括：當該第一圖像的顏色信息指示該第一圖像的色系配置為絕對主色系時，若該頁面全局背景的顏色屬于第一色系，則選擇該第二色系中的至少一個顏色作為該頁面分塊背景的顏色，其中，該第一色系是該第一圖像包括的顏色所屬于的色系中占比最大的色系，該第二色系是該第一圖像包括的顏色所屬于的色系中除該第一色系以外的色系；若該頁面全局背景的顏色不屬于該第一色系，則選擇該第一色系中的至少一個顏色作為該頁面分塊背景的顏色。

該技術方案根據將取色結果中占比較大的顏色作為頁面分塊背景的顏色，并且與頁面全局背景的顏色區分開來，使得頁面前后景明確，配色和諧。