• 新浪微博:
  • 微信 :
按键精灵电脑版
立即下载

软件版本:2014.05
软件大小:21.6M
更新时间:07-04

按键精灵安卓版
立即下载

软件版本:3.3.1
软件大小:62.5M
更新时间:5-24

按键精灵iOS版
立即下载

软件版本:1.3.5
软件大小:29.2M
更新时间:06-14

最新企业版UiBot
立即下载

软件版本:2.0
软件大小:194M
更新时间:03-15

快捷导航

登录 后使用快捷导航
没有帐号? 注册

登录 注册
返回列表 12345678» / 15
发新话题 回复该主题

[技术交流] 【院刊】-【201502期】HSV搞定偏色,简单暴-力! [复制链接]

1#

HSV搞定偏色,简单暴-力!

本文按键学院提供技术支持


按键学院交流群(1群已满):376122403

零基础学按键精灵群(2群):372671254




院刊《如何识别渐变色或半透明的文字》中,
我们分享了如何通过设置偏色来查找渐变文字,
我们使用的是RGB方式,然后配合偏色计算器来计算出偏色的。

今天我们换个方式,不使用偏色计算器,依靠肉眼对颜色的感觉,看看能不能搞定偏色~





HSV颜色模型

了解HSV颜色模型前,我们先来看看RGB颜色模型




RGB颜色空间采用物理三基色表示:绿
任何一个颜色都是有三基色混合而成的。但是,人的视觉不适应这种颜色体制,
人的肉眼看颜色,不可能像机器一样,分析出颜色里含有多少比重的
绿
肉眼看颜色,是通过色相(Hue,简H),饱和度(Saturation,简S)和色明度(Value,简V)来识别我们看到的是什么颜色


HSV就是用
色相饱和度色明度来形容颜色,所以它适合人的视觉。



这个色彩缤纷的圆锥形就是HSV色彩空间
我们举个例子好好的理解下它
例如,我们要找的颜色是,下图中红色点的颜色:





怎样才能描述这个颜色在圆锥里的位置呢?


首先要看圆锥的平面圆,这是一个被颜色块分割了的圆。(这个圆表示的是色相
H
图中为了便于查看,只分了几个大块,实际上,圆的360度每一度都表示着一种颜色。
我们看到了,我们要找的颜色它是在紫色的那一块。


接着我们看圆锥被切开的那个口子,
横向数进去,我们看到,红色点的颜色位于紫色块的第五个位置,
而且,我们发现,越靠近圆锥心,颜色就越淡,好像被掺和了水一样变得不纯洁了。
这就是颜色的纯度,即饱和度 S


最后,我们看圆锥被切开的口子,往圆锥底部而下的变化。
越往下颜色就越暗淡。
这就是颜色的亮度
色明度 V
我们发现我们要找的点是在最亮的地方。

三步骤我们就确定了颜色的所在位置。
那么,真正应用到偏色里要怎么应用呢?





我们找个实例操作下~





偏色
处理




我们看图片里的465字样,
颜色由亮往下逐渐变暗,颜色也从原来的橙红色得越来越偏于红色

我们用大漠综合工具,取465字中的一个中间颜色,和一个最暗的颜色



中间颜色:
H:40
S:83
V:86


最暗的颜色:
H:17
S:90
V:55



我们看H的值,HSV色彩空间的圆锥体的圆面是用来表现H的,360度我们可以分成几个大块:
绿再加上品红,
也就是每种颜色占了45度,红色是0度到44度

所以H的值越靠近45度,则颜色就变得越橙

中间颜色的H值是40度,和45度很接近,所以它的颜色看上去是比较深的橙色。
而暗的那个颜色,它的H值是170度纯红色,越接近0度,颜色就越红。

两个颜色H值 相差 23


我们再看S的值,也就是颜色的纯洁度,我们肉眼看到的465字样的颜色,没感觉它是那种特别淡的颜色,颜色给人的感觉是很饱满的,所以两个颜色的S值不会相差多少,一个83,一个90,相差 7



V明亮度差 相差31



所以它的偏色应该设置为23,7,31
对吗?
我们最好还是把值加大一些,毕竟我们取中间色和最暗的颜色,只是估计的去取的,实际上它们不一定是真正的中间色和最暗的颜色。

我们设置偏色为:25,10,35
注意:我们为什么不取最亮的颜色和最暗的颜色,而要取中间色和最暗的呢?
例如,我们H的偏色设置为23,那么17-40 和 40-63 都符合偏色的范围
如果我们是取最亮的点的话,那和最暗的颜色计算之后得到的偏色,其实是放大了两倍的范围。


效果如图:






我们再观察一张图片


假设我们现在要找vip字样的偏色
我们观察这个字,会发现,这个字里的颜色变化不大,也就是说色相H的值偏得比较轻微。
颜色的纯洁度也看不出有很大的偏差。
唯独亮度偏的比较厉害。


我们抓中间颜色最暗的颜色设置偏色后查看下:




果然是亮度v的值偏得最大。
也就是说,用HSV我们完全可以靠视觉去判断,不像RGB方式,看一个颜色你得分析出里面的三基色各占的比重才能描述出颜色来。
不过RGBRGB的好处,有些偏色用RGB更精准更快速。
HSVHSV的便捷之处,多学一种,以后遇到问题也多一种解决方式。



RGB偏色计算相关帖子:
【院刊】-【201409期】如何识别渐变色或半透明的文字



本文按键学院提供技术支持

【招生】主流回合制常见功能网络辅助教学——你懂得!



    已有4评分我要评分查看所有评分

    本主题由 超级版主 n15976906190 于 2017/9/2 8:41:24 执行 审核主题 操作
    按键学院免费交流群:376122403

    按键学院招生计划
    按键学院系统教程
    2#

    回复 1楼果兒的帖子

    这个只能适用于颜色指定顺序变化的字,假设说,这个456颜色从最深色,到最浅色,颜色随机变化,那么hsv还能这样写?

    3#

    高端暴力

    4#

    】HSV搞定偏色,简单暴-力!修改.

    5#

    谢谢

    6#

    RE:【院刊】-【201502期】HSV搞定偏色,简单暴-力!修改

    7#

    额,学习学习

    8#

    12345123

    9#

    666666666666666666

    10#

    hao fu za de yangzi..

    11#

    学习

    12#

    好好学习 天天向上

    13#

    666666666666

    14#

    恢复 恢复

    15#

    Ggg%ggggggggggg

    16#

    是的范德萨范德萨

    17#

    看看

    18#


    19#

    553358

    20#

    00000000000000000

    发新话题 回复该主题