CN109448073B - 一种图片提取双色渐变的方法及系统 - Google Patents
一种图片提取双色渐变的方法及系统 Download PDFInfo
- Publication number
- CN109448073B CN109448073B CN201811195786.1A CN201811195786A CN109448073B CN 109448073 B CN109448073 B CN 109448073B CN 201811195786 A CN201811195786 A CN 201811195786A CN 109448073 B CN109448073 B CN 109448073B
- Authority
- CN
- China
- Prior art keywords
- color
- value
- picture
- color value
- main
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2207/00—Indexing scheme for image analysis or image enhancement
- G06T2207/10—Image acquisition modality
- G06T2207/10024—Color image
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Image Processing (AREA)
- Processing Or Creating Images (AREA)
- Processing Of Color Television Signals (AREA)
Abstract
本申请公开了一种图片提取双色渐变的方法及系统,方法包括:获取与新闻内容最为贴近的图片,将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值,提取与图片主色调的色值最为接近的色值,作为第一色值,在图片中提取与第一色值相近的邻近色的色值,将临近色的色值应用在与新闻情绪相符的界面中。本申请能够实现首页界面的双色渐变,在改版的首页界面中使图片与氛围完美融合在一起,提升了用户体验。
Description
技术领域
本申请涉及图片色彩处理技术领域,尤其涉及一种图片提取双色渐变的方法及系统。
背景技术
随着电子技术的不断发展,为满足用户日益增长的需求,在应用程序全新改版的首页界面内,需要弥补之前首页颜色单薄,氛围感不足,原生频道栏的颜色与首页氛围感脱节严重的问题。
目前,大都采用的方法是,从首页界面的海报中提取一个主色调,将其作为频道栏的衬底,以此渲染沉浸式的氛围,界面上推后则回到白色频道栏的样式。由此可以看出,现有的这种方法适用于本身就具有一定美感度、有情绪、有主色调的设计类海报,提取颜色的偏差可控制在一定范围内,但页面上推之后进入信息流则容易让用户快速脱离之前的氛围感,容易使用户感到有些突兀,用户体验较差。
因此,如何在改版的首页界面中使图片与氛围完美融合在一起,提升用户体验,是一项亟待解决的问题。
发明内容
有鉴于此,本申请提供了一种图片提取双色渐变的方法,能够实现首页界面的双色渐变,在改版的首页界面中使图片与氛围完美融合在一起,提升了用户体验。
本申请提供了一种图片提取双色渐变的方法,包括:
获取与新闻内容最为贴近的图片;
将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值;
提取与图片主色调的色值最为接近的色值,作为第一色值;
在图片中提取与所述第一色值相近的邻近色的色值;
将所述临近色的色值应用在与新闻情绪相符的界面中。
优选地,所述将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值包括:
将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A;
将获取到的色值A的亮度值取至全部色块的平均值,得到主色调的色值A1。
优选地,所述提取与图片主色调的色值最为接近的色值,作为第一色值包括:
以所述主色调的色值A1作为参考,将所述主色调的色值A1的色相值正负预设值,取图片上方8个色块中的色相值与所述主色调的色值A1的色相值正负预设值的值最接近的值,作为第一色值C。
优选地,所述在图片中提取与所述第一色值相近的邻近色的色值包括:
将所述第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与所述第一色值C相近的邻近色的色值C1。
优选地,所述预设值为所述主色调的色值A1的30%。
一种图片提取双色渐变的系统,包括:
获取模块,用于获取与新闻内容最为贴近的图片;
合成模块,用于将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值;
第一提取模块,用于提取与图片主色调的色值最为接近的色值,作为第一色值;
第二提取模块,用于在图片中提取与所述第一色值相近的邻近色的色值;
应用模块,用于将所述临近色的色值应用在与新闻情绪相符的界面中。
优选地,所述合成模块具体用于:
将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A;
将获取到的色值A的亮度值取至全部色块的平均值,得到主色调的色值A1。
优选地,所述第一提取模块具体用于:
以所述主色调的色值A1作为参考,将所述主色调的色值A1的色相值正负预设值,取图片上方8个色块中的色相值与所述主色调的色值A1的色相值正负预设值的值最接近的值,作为第一色值C。
优选地,所述第二提取模块具体用于:
将所述第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与所述第一色值C相近的邻近色的色值C1。
优选地,所述预设值为所述主色调的色值A1的30%。
综上所述,本申请公开了一种图片提取双色渐变的方法,首先获取与新闻内容最为贴近的图片,然后将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值,提取与图片主色调的色值最为接近的色值,作为第一色值,在图片中提取与第一色值相近的邻近色的色值,最后将临近色的色值应用在与新闻情绪相符的界面中。本申请能够实现首页界面的双色渐变,在改版的首页界面中使图片与氛围完美融合在一起,提升了用户体验。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请公开的一种图片提取双色渐变的方法实施例1的方法流程图;
图2为本申请公开的一种图片提取双色渐变的方法实施例2的方法流程图;
图3为本申请公开的一种图片提取双色渐变的方法实施例3的方法流程图;
图4为本申请公开的一种图片提取双色渐变的系统实施例1的结构示意图;
图5为本申请公开的一种图片提取双色渐变的系统实施例2的结构示意图;
图6为本申请公开的一种图片提取双色渐变的系统实施例3的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
如图1所示,为本申请公开的一种图片提取双色渐变的方法实施例1的方法流程图,所述方法可以包括以下步骤:
S101、获取与新闻内容最为贴近的图片;
当需要实现图片提取双色渐变时,首先进行新闻图片的选择,在选择新闻图片时,筛选与新闻内容最为贴近的图片。
S102、将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值;
当获取到与新闻内容最为贴近的图片后,进一步从色彩心理学的角度,将不同色相的颜色色值对应出与该新闻情绪相符合的色调,然后以此色调的色值为基础合成图片的基本主色调的色值。
S103、提取与图片主色调的色值最为接近的色值,作为第一色值;
然后,从合成的图片中,提取与图片主色调最为接近的色值。
S104、在图片中提取与第一色值相近的邻近色的色值;
然后,以与图片主色调最为接近的色值为基础,提取出图片中与该色值相近的邻近色的色值。
S105、将临近色的色值应用在与新闻情绪相符的界面中。
最后,将该邻近色的色值应用在于新闻情绪相符的界面中,例如频道栏的双色渐变。需要说明的是,双色渐变是指,由两种不同色值的颜色构成,双色渐变是由两种颜色有规律性的变化,渐变能给人很强的节奏感和审美情趣。
综上所述,在上述实施例中,当需要实现图片提取双色渐变时,首先获取与新闻内容最为贴近的图片,然后将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值,提取与图片主色调的色值最为接近的色值,作为第一色值,在图片中提取与第一色值相近的邻近色的色值,最后将临近色的色值应用在与新闻情绪相符的界面中。本申请能够实现首页界面的双色渐变,在改版的首页界面中使图片与氛围完美融合在一起,提升了用户体验。
如图2所示,为本申请公开的一种图片提取双色渐变的方法实施例2的方法流程图,所述方法可以包括以下步骤:
S201、获取与新闻内容最为贴近的图片;
当需要实现图片提取双色渐变时,首先进行新闻图片的选择,在选择新闻图片时,筛选与新闻内容最为贴近的图片。
S202、将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A;
当获取到与新闻内容最为贴近的图片后,基于HSB的色彩模式,将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A。例如,下方8个色块中的饱和度值分别为:S47、S55、S60、S67、S50、S55、S71、S61,则取出S71对应的色值A。其中,在HSB模式中,H表示色相,S表示饱和度,B表示亮度,HSB模式对应的媒介是人眼。需要说明的是,在取色值A时,如果遇到下方8个色块的饱和度值相同的情况下,则取亮度值较高的色块作为色值A。
S203、将获取到的色值A的亮度值取至全部色块的平均值,得到主色调的色值A1;
当获取到色值A后,将获取到的色值A的亮度值取至图片全部色块的平均值,得到主色调的色值A1。需要说明的是,主色调的色值A1的色相值不可以是40°~60°之间。
S204、以主色调的色值A1作为参考,将主色调的色值A1的色相值正负预设值,取图片上方8个色块中的色相值与主色调的色值A1的色相值正负预设值的值最接近的值,作为第一色值C;
然后,以主色调的色值A1作为参考,将主色调的色值A1的色相值正负预设值。例如,主色调的色值A1的色相值H为191°,饱和度值为71%,亮度值为55%,将主色调的色值A1的色相值191°正负预设值,并取图片上方8个色块中色相值与主色调的色值A1的色相值正负预设值的值最接近的值,作为第一色值C。例如,取图片上方8个色块的色相值分别为H218、H208、H210、H211、H212、H206、H203、H210,假设主色调的色值A1的色相值正负预设值的值为221°,则取图片上方8个色块中H218对应的色值作为第一色值C。需要说明的是,在获取第一色值C时,当图片上方8个色块中的色相值相同时,则取饱和度值与主色调的色值A1的饱和度值相近的色块的色值作为第一色值C。
S205、将第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与第一色值C相近的邻近色的色值C1;
然后,进一步将第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与第一色值C相近的邻近色的色值C1。例如,当主色调的色值A1的亮度值为55%,饱和度值为71%时,将第一色值C的亮度值和饱和度值分别调整为55%和71%,得到与第一色值C相近的邻近色的色值C1。需要说明的是,当第一色值C相近的邻近色的色值C1的色值中,如果色相值、饱和度值和亮度值完全与主色调的色值A1相同时,则将色值C1的亮度值自动加10%。
S206、将临近色的色值C1应用在与新闻情绪相符的界面中。
最后,将该邻近色的色值应用在于新闻情绪相符的界面中,例如频道栏的双色渐变。需要说明的是,双色渐变是指,由两种不同色值的颜色构成,双色渐变是由两种颜色有规律性的变化,渐变能给人很强的节奏感和审美情趣。
需要说明的是,所有的颜色的亮度值必须大于或等于50%,当遇到亮度值小于50%的情况时,自动将亮度值调整至50%。
综上所述,本申请针对现有技术对图片取色可能造成的取色失误,基于HSB的色彩模式,增加了两种颜色的取色方式,大大降低了图片取色与图片本身关联不大的失误,在界面的应用中使图片与氛围完美的融合在一起,降低了浏览中突然氛围感脱节的情况。
如图3所示,为本申请公开的一种图片提取双色渐变的方法实施例3的方法流程图,所述方法可以包括以下步骤:
S301、获取与新闻内容最为贴近的图片;
当需要实现图片提取双色渐变时,首先进行新闻图片的选择,在选择新闻图片时,筛选与新闻内容最为贴近的图片。
S302、将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A;
当获取到与新闻内容最为贴近的图片后,基于HSB的色彩模式,将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A。例如,下方8个色块中的饱和度值分别为:S47、S55、S60、S67、S50、S55、S71、S61,则取出S71对应的色值A。其中,在HSB模式中,H表示色相,S表示饱和度,B表示亮度,HSB模式对应的媒介是人眼。需要说明的是,在取色值A时,如果遇到下方8个色块的饱和度值相同的情况下,则取亮度值较高的色块作为色值A。
S303、将获取到的色值A的亮度值取至全部色块的平均值,得到主色调的色值A1;
当获取到色值A后,将获取到的色值A的亮度值取至图片全部色块的平均值,得到主色调的色值A1。需要说明的是,主色调的色值A1的色相值不可以是40°~60°之间。
S304、以主色调的色值A1作为参考,将主色调的色值A1的色相值正负30%,取图片上方8个色块中的色相值与主色调的色值A1的色相值正负30%的值最接近的值,作为第一色值C;
然后,以主色调的色值A1作为参考,将主色调的色值A1的色相值正负预设值。例如,主色调的色值A1的色相值H为191°,饱和度值为71%,亮度值为55%,将主色调的色值A1的色相值191°正负30%,并取图片上方8个色块中色相值与主色调的色值A1的色相值正负30%的值最接近的值,作为第一色值C。例如,取图片上方8个色块的色相值分别为H218、H208、H210、H211、H212、H206、H203、H210,假设主色调的色值A1的色相值正负30%的值为221°,则取图片上方8个色块中H218对应的色值作为第一色值C。需要说明的是,在获取第一色值C时,当图片上方8个色块中的色相值相同时,则取饱和度值与主色调的色值A1的饱和度值相近的色块的色值作为第一色值C。
S305、将第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与所述第一色值C相近的邻近色的色值C1;
然后,进一步将第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与第一色值C相近的邻近色的色值C1。例如,当主色调的色值A1的亮度值为55%,饱和度值为71%时,将第一色值C的亮度值和饱和度值分别调整为55%和71%,得到与第一色值C相近的邻近色的色值C1。需要说明的是,当第一色值C相近的邻近色的色值C1的色值中,如果色相值、饱和度值和亮度值完全与主色调的色值A1相同时,则将色值C1的亮度值自动加10%。
S306、将临近色的色值C1应用在与新闻情绪相符的界面中。
最后,将该邻近色的色值应用在于新闻情绪相符的界面中,例如频道栏的双色渐变。需要说明的是,双色渐变是指,由两种不同色值的颜色构成,双色渐变是由两种颜色有规律性的变化,渐变能给人很强的节奏感和审美情趣。
需要说明的是,所有的颜色的亮度值必须大于或等于50%,当遇到亮度值小于50%的情况时,自动将亮度值调整至50%。
综上所述,本申请针对现有技术对图片取色可能造成的取色失误,基于HSB的色彩模式,增加了两种颜色的取色方式,大大降低了图片取色与图片本身关联不大的失误,在界面的应用中使图片与氛围完美的融合在一起,降低了浏览中突然氛围感脱节的情况。
如图4所示,为本申请公开的一种图片提取双色渐变的系统实施例1的结构示意图,所述系统可以包括:
获取模块401,用于获取与新闻内容最为贴近的图片;
当需要实现图片提取双色渐变时,首先进行新闻图片的选择,在选择新闻图片时,筛选与新闻内容最为贴近的图片。
合成模块402,用于将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值;
当获取到与新闻内容最为贴近的图片后,进一步从色彩心理学的角度,将不同色相的颜色色值对应出与该新闻情绪相符合的色调,然后以此色调的色值为基础合成图片的基本主色调的色值。
第一提取模块403,用于提取与图片主色调的色值最为接近的色值,作为第一色值;
然后,从合成的图片中,提取与图片主色调最为接近的色值。
第二提取模块404,用于在图片中提取与第一色值相近的邻近色的色值;
然后,以与图片主色调最为接近的色值为基础,提取出图片中与该色值相近的邻近色的色值。
应用模块405,用于将临近色的色值应用在与新闻情绪相符的界面中。
最后,将该邻近色的色值应用在于新闻情绪相符的界面中,例如频道栏的双色渐变。需要说明的是,双色渐变是指,由两种不同色值的颜色构成,双色渐变是由两种颜色有规律性的变化,渐变能给人很强的节奏感和审美情趣。
综上所述,在上述实施例中,当需要实现图片提取双色渐变时,首先获取与新闻内容最为贴近的图片,然后将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值,提取与图片主色调的色值最为接近的色值,作为第一色值,在图片中提取与第一色值相近的邻近色的色值,最后将临近色的色值应用在与新闻情绪相符的界面中。本申请能够实现首页界面的双色渐变,在改版的首页界面中使图片与氛围完美融合在一起,提升了用户体验。
如图5所示,为本申请公开的一种图片提取双色渐变的系统实施例2的结构示意图,所述系统可以包括:
获取模块501,用于获取与新闻内容最为贴近的图片;
当需要实现图片提取双色渐变时,首先进行新闻图片的选择,在选择新闻图片时,筛选与新闻内容最为贴近的图片。
合成模块502,用于将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A将获取到的色值A的亮度值取至全部色块的平均值,得到主色调的色值A1;
当获取到与新闻内容最为贴近的图片后,基于HSB的色彩模式,将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A。例如,下方8个色块中的饱和度值分别为:S47、S55、S60、S67、S50、S55、S71、S61,则取出S71对应的色值A。其中,在HSB模式中,H表示色相,S表示饱和度,B表示亮度,HSB模式对应的媒介是人眼。需要说明的是,在取色值A时,如果遇到下方8个色块的饱和度值相同的情况下,则取亮度值较高的色块作为色值A。
当获取到色值A后,将获取到的色值A的亮度值取至图片全部色块的平均值,得到主色调的色值A1。需要说明的是,主色调的色值A1的色相值不可以是40°~60°之间。
第一提取模块503,用于以主色调的色值A1作为参考,将主色调的色值A1的色相值正负预设值,取图片上方8个色块中的色相值与主色调的色值A1的色相值正负预设值的值最接近的值,作为第一色值C;
然后,以主色调的色值A1作为参考,将主色调的色值A1的色相值正负预设值。例如,主色调的色值A1的色相值H为191°,饱和度值为71%,亮度值为55%,将主色调的色值A1的色相值191°正负预设值,并取图片上方8个色块中色相值与主色调的色值A1的色相值正负预设值的值最接近的值,作为第一色值C。例如,取图片上方8个色块的色相值分别为H218、H208、H210、H211、H212、H206、H203、H210,假设主色调的色值A1的色相值正负预设值的值为221°,则取图片上方8个色块中H218对应的色值作为第一色值C。需要说明的是,在获取第一色值C时,当图片上方8个色块中的色相值相同时,则取饱和度值与主色调的色值A1的饱和度值相近的色块的色值作为第一色值C。
第二提取模块504,用于将第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与所述第一色值C相近的邻近色的色值C1;
然后,进一步将第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与第一色值C相近的邻近色的色值C1。例如,当主色调的色值A1的亮度值为55%,饱和度值为71%时,将第一色值C的亮度值和饱和度值分别调整为55%和71%,得到与第一色值C相近的邻近色的色值C1。需要说明的是,当第一色值C相近的邻近色的色值C1的色值中,如果色相值、饱和度值和亮度值完全与主色调的色值A1相同时,则将色值C1的亮度值自动加10%。
应用模块505,用于将临近色的色值C1应用在与新闻情绪相符的界面中。
最后,将该邻近色的色值应用在于新闻情绪相符的界面中,例如频道栏的双色渐变。需要说明的是,双色渐变是指,由两种不同色值的颜色构成,双色渐变是由两种颜色有规律性的变化,渐变能给人很强的节奏感和审美情趣。
需要说明的是,所有的颜色的亮度值必须大于或等于50%,当遇到亮度值小于50%的情况时,自动将亮度值调整至50%。
综上所述,本申请针对现有技术对图片取色可能造成的取色失误,基于HSB的色彩模式,增加了两种颜色的取色方式,大大降低了图片取色与图片本身关联不大的失误,在界面的应用中使图片与氛围完美的融合在一起,降低了浏览中突然氛围感脱节的情况。
如图6所示,为本申请公开的一种图片提取双色渐变的系统实施例3的结构示意图,所述系统可以包括:
获取模块601,用于获取与新闻内容最为贴近的图片;
当需要实现图片提取双色渐变时,首先进行新闻图片的选择,在选择新闻图片时,筛选与新闻内容最为贴近的图片。
合成模块602,用于将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A,将获取到的色值A的亮度值取至全部色块的平均值,得到主色调的色值A1;
当获取到与新闻内容最为贴近的图片后,基于HSB的色彩模式,将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A。例如,下方8个色块中的饱和度值分别为:S47、S55、S60、S67、S50、S55、S71、S61,则取出S71对应的色值A。其中,在HSB模式中,H表示色相,S表示饱和度,B表示亮度,HSB模式对应的媒介是人眼。需要说明的是,在取色值A时,如果遇到下方8个色块的饱和度值相同的情况下,则取亮度值较高的色块作为色值A。
当获取到色值A后,将获取到的色值A的亮度值取至图片全部色块的平均值,得到主色调的色值A1。需要说明的是,主色调的色值A1的色相值不可以是40°~60°之间。
第一提取模块603,用于以主色调的色值A1作为参考,将主色调的色值A1的色相值正负30%,取图片上方8个色块中的色相值与主色调的色值A1的色相值正负30%的值最接近的值,作为第一色值C;
然后,以主色调的色值A1作为参考,将主色调的色值A1的色相值正负预设值。例如,主色调的色值A1的色相值H为191°,饱和度值为71%,亮度值为55%,将主色调的色值A1的色相值191°正负30%,并取图片上方8个色块中色相值与主色调的色值A1的色相值正负30%的值最接近的值,作为第一色值C。例如,取图片上方8个色块的色相值分别为H218、H208、H210、H211、H212、H206、H203、H210,假设主色调的色值A1的色相值正负30%的值为221°,则取图片上方8个色块中H218对应的色值作为第一色值C。需要说明的是,在获取第一色值C时,当图片上方8个色块中的色相值相同时,则取饱和度值与主色调的色值A1的饱和度值相近的色块的色值作为第一色值C。
第二提取模块604,用于将第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与所述第一色值C相近的邻近色的色值C1;
然后,进一步将第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与第一色值C相近的邻近色的色值C1。例如,当主色调的色值A1的亮度值为55%,饱和度值为71%时,将第一色值C的亮度值和饱和度值分别调整为55%和71%,得到与第一色值C相近的邻近色的色值C1。需要说明的是,当第一色值C相近的邻近色的色值C1的色值中,如果色相值、饱和度值和亮度值完全与主色调的色值A1相同时,则将色值C1的亮度值自动加10%。
应用模块605,用于将临近色的色值C1应用在与新闻情绪相符的界面中。
最后,将该邻近色的色值应用在于新闻情绪相符的界面中,例如频道栏的双色渐变。需要说明的是,双色渐变是指,由两种不同色值的颜色构成,双色渐变是由两种颜色有规律性的变化,渐变能给人很强的节奏感和审美情趣。
需要说明的是,所有的颜色的亮度值必须大于或等于50%,当遇到亮度值小于50%的情况时,自动将亮度值调整至50%。
综上所述,本申请针对现有技术对图片取色可能造成的取色失误,基于HSB的色彩模式,增加了两种颜色的取色方式,大大降低了图片取色与图片本身关联不大的失误,在界面的应用中使图片与氛围完美的融合在一起,降低了浏览中突然氛围感脱节的情况。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
专业人员还可以进一步意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下,在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,
而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (5)
1.一种图片提取双色渐变的方法,其特征在于,包括:
获取与新闻内容对应的图片;
将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值;
提取与图片主色调的色值最为接近的色值,作为第一色值;
在图片中提取与所述第一色值相近的邻近色的色值;
将所述邻近色的色值应用在与新闻情绪相符的界面中;
所述将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值包括:基于HSB的色彩模式,将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A;将获取到的色值A的亮度值取至全部色块的平均值,得到主色调的色值A1;
所述提取与图片主色调的色值最为接近的色值,作为第一色值包括:以所述主色调的色值A1作为参考,将所述主色调的色值A1的色相值正负预设值,取图片上方8个色块中的色相值与所述主色调的色值A1的色相值正负预设值中最小的值,作为第一色值C。
2.根据权利要求1所述的方法,其特征在于,所述在图片中提取与所述第一色值相近的邻近色的色值包括:
将所述第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与所述第一色值C相近的邻近色的色值C1。
3.根据权利要求2所述的方法,其特征在于,所述预设值为所述主色调的色值A1的30%。
4.一种图片提取双色渐变的系统,其特征在于,包括:
获取模块,用于获取与新闻内容对应的图片;
合成模块,用于将不同色相的颜色色值对应出与新闻情绪相符合的色调,以此色值为基础合成图片的基本主色调的色值;
第一提取模块,用于提取与图片主色调的色值最为接近的色值,作为第一色值;
第二提取模块,用于在图片中提取与所述第一色值相近的邻近色的色值;
应用模块,用于将所述邻近色的色值应用在与新闻情绪相符的界面中;
所述合成模块具体用于:基于HSB的色彩模式,将图片划分为16个色块,取下方8个色块中饱和度值最高的色值A;将获取到的色值A的亮度值取至全部色块的平均值,得到主色调的色值A1;
所述第一提取模块具体用于:以所述主色调的色值A1作为参考,将所述主色调的色值A1的色相值正负预设值,取图片上方8个色块中的色相值与所述主色调的色值A1的色相值正负预设值中最小的值,作为第一色值C。
5.根据权利要求4所述的系统,其特征在于,所述第二提取模块具体用于:
将所述第一色值C的亮度值和饱和度值调整至与主色调的色值A1的亮度值和饱和度值相同,得到与所述第一色值C相近的邻近色的色值C1。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811195786.1A CN109448073B (zh) | 2018-10-15 | 2018-10-15 | 一种图片提取双色渐变的方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811195786.1A CN109448073B (zh) | 2018-10-15 | 2018-10-15 | 一种图片提取双色渐变的方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109448073A CN109448073A (zh) | 2019-03-08 |
CN109448073B true CN109448073B (zh) | 2023-05-16 |
Family
ID=65546266
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811195786.1A Active CN109448073B (zh) | 2018-10-15 | 2018-10-15 | 一种图片提取双色渐变的方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109448073B (zh) |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105205054A (zh) * | 2014-06-04 | 2015-12-30 | 阿里巴巴集团控股有限公司 | 用于展示图片的方法和获取图片色相特征值的方法及装置 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7595920B2 (en) * | 2005-02-23 | 2009-09-29 | Brother Kogyo Kabushiki Kaisha | Processing apparatus and processing method of color image information |
CN106201535B (zh) * | 2016-07-14 | 2019-08-23 | 广州神马移动信息科技有限公司 | 工具栏背景颜色随着图片的主颜色而变换的方法和装置 |
CN108320312B (zh) * | 2017-01-18 | 2022-01-11 | 阿里巴巴集团控股有限公司 | 图片的配色方法及装置、计算机终端 |
CN106951493A (zh) * | 2017-03-14 | 2017-07-14 | 北京搜狐新媒体信息技术有限公司 | 无图新闻的自动配图展示方法及装置 |
CN107025464A (zh) * | 2017-04-13 | 2017-08-08 | 深圳市金立通信设备有限公司 | 一种选色方法及终端 |
-
2018
- 2018-10-15 CN CN201811195786.1A patent/CN109448073B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105205054A (zh) * | 2014-06-04 | 2015-12-30 | 阿里巴巴集团控股有限公司 | 用于展示图片的方法和获取图片色相特征值的方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN109448073A (zh) | 2019-03-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102082954B (zh) | 图像处理装置、图像处理方法和程序 | |
US20140198234A1 (en) | Image processing apparatus, program, image processing method, and imaging apparatus | |
JP5999359B2 (ja) | 画像処理装置及び画像処理プログラム | |
CN107958449A (zh) | 一种图像合成方法及装置 | |
US9934560B2 (en) | User sliders for simplified adjustment of images | |
KR101985880B1 (ko) | 디스플레이 장치 및 이의 제어 방법 | |
CN110264413B (zh) | 一种图像处理方法、装置、电子设备及存储介质 | |
KR101961967B1 (ko) | 화상 처리 장치, 화상 처리 방법 및 프로그램을 기록한 기록 매체 | |
CN104902088A (zh) | 移动终端调整屏幕亮度的方法及装置 | |
CN104951495A (zh) | 用于管理代表性视频图像的设备和方法 | |
CN103733219A (zh) | 图像处理装置、图像处理方法、及储存程序的储存媒体 | |
CN111062993A (zh) | 色彩合并的作画图像处理方法、装置、设备及存储介质 | |
CN102695062B (zh) | 视频自适应优化的方法及装置 | |
CN105118444A (zh) | 一种信息处理方法及电子设备 | |
CN107203312B (zh) | 移动终端及其图片的渲染方法、存储装置 | |
CN109448073B (zh) | 一种图片提取双色渐变的方法及系统 | |
JP2016177500A (ja) | 画像処理装置、画像処理システムおよびプログラム | |
CN113301414B (zh) | 界面的生成处理方法、装置、电子设备及计算机存储介质 | |
CN103516996A (zh) | 图像处理装置、图像处理方法和程序 | |
CN112950453B (zh) | 图像处理方法和图像处理装置 | |
CN108876800B (zh) | 一种信息处理方法和设备 | |
CN103986922B (zh) | 图像处理方法 | |
CN109816755A (zh) | 一种水墨图像的制作方法、装置、计算设备及存储介质 | |
DE112018007246T5 (de) | Anzeigegerät und Bildverarbeitungsverfahren dafür | |
CN112199619B (zh) | 一种页面颜色调整方法、装置、设备及可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |