网站建设颜色混合的想法
要开始在RGB中混合,将每个通道想象成一桶红色,绿色或蓝色的颜料。每个通道8位,你需要混合多少颜色的256个粒度级别; 255是整个桶,192 =三分之三,128 =半桶,64 =四分之一桶,依此类推。一旦进入大球场,您可以通过更精细的增量调整混音(例如4 = 1 / 64Bit)。
网站建设喜欢这种方法:保留各种颜色的通道比率,并找到重新组合的方式,可以在我的调色板中的所有色板中创建更自然的色彩和谐。通过使用色彩空间本身的参数作为混合模型来构建调色板是有诗意的。当网站建设习惯这种方法时,感觉有点像当我第一次理解如何利用网格进行布局; 你不只是挑选一些看起来不错的颜色,而是描绘了一个鼓励自由决定关系的系统,以达成它。
通过简单地换一个完整的蓝色通道换一个红色的通道,我们已经到达了一个黄色,很好地补充了蔚蓝。
与HSB比较
相比之下,HSB通过改变色调+210º(7/12)或-150º(-5/12)可以达到相同的效果。由于两个主要原因,这个练习经常会变得更加随心所欲:
- 不同的色调由于不同的自然值和色度的不同而受到亮度和饱和度变化的不同影响(例如,在给定的饱和度和亮度下,我们仍然感觉到黄色比紫色明亮)。纯色调和白色之间的感知距离也可以根据您使用的色调而变化。
- 空间上将从红色到品红色的距离映射到圆的360°可以使得对色调的直观显示效果不太直观。如果颜色停止沿着这个尺度被定期地放置,则色调的一些变化可能看起来比其他变化更大,即使停止是等距的。这也是每种色调的自然价值和色度变化的结果。Roy G.Biv(红色,橙色,黄色,绿色,蓝色,靛蓝,紫罗兰色)以可视光谱的颜色从视觉上估计哪些度数对应于HSB中的哪种色调与科学类的旧助记符相对应。。请注意,这并不是干净地映射到色轮上,即使是增量(蓝色和靛蓝也不符合标准)。
所有这一切说,在HSB混合并不坏。这是一个很好的入门。这个答案的其余部分将集中在RGB混合过程的优势。
添加剂与减色
网站建设之前提到的一点是,RGB是加法的而不是减法的。什么添加剂装置是,从任何频道增加更多的色彩信息增加了光,使明亮的颜色,最终导致白色。您可以在上面的色轮图形中看到导致白色的颜色总和以及下图。比较这与减法混合,其中更多的颜色信息减去光线,使更深的颜色(最终黑色)。
示例:冷却渐变
以下是我喜欢如何在RGB中混合颜色的示例。我们将通过制作色板来创建这个很酷的渐变来开始一个调色板:
从蓝色开始
- 网站建设知道我们想要开始一个蓝色,所以让我们一路淹没蓝色通道; RGB(0,0,255)。
好的开始,但太黑了,太蓝了。
- 我们想要一个较浅的颜色 – 记住,因为RGB是可加的,我们可以通过向另一个通道添加颜色信息来获得。
- 我们将会以更绿色的色调进行匹配,所以我们添加的频道应该是绿色的。
- 回顾添加色图,将完整的蓝色通道与完整的绿色通道混合导致青色。我们想要一个浅蓝色,但不是那个光。
- 我们可以添加少量的绿色像混合油漆中找到一个甜蜜点。如果我们把我们的频道(256级)分成八分之一(256/8 = 32)呢?这样,每当我们为绿色通道添加32个等级时,就像是从全蓝到青色的1/8。
最后一次迭代看起来不错。蓝色,但不能太黑,也不要太饱和。我们在通道之间也有一个非常干净的比例:RGB(0,96,255)= 0:3:8 RGB比率。
从蓝色到绿色
现在我们有了一个漂亮的蓝色色板,让我们来看看另一个和谐的色板。看看我们预期的结果,我们希望这个更绿色,更亮一点。
- 我们先照顾绿色。
- 请记住,我们的第一个颜色主要是蓝色,但添加了一点绿色,将其移向青色。
- 交换G和B通道的值将使我们获得与青色等距的颜色,但主要是绿色而不是蓝色。
看起来没事!这些色板在亮度和饱和度方面已经非常相似,因为它们具有相似的通道比率。
- 两个色板在颜色空间中与白色等距,因为两个色板中的总量颜色是相同的。两者都有351个等级(96 + 255),但他们只是分布在蓝色和绿色的渠道上。
- 颜色的相似性由我们对添加剂颜色图表的逻辑使用强制执行。本质上,反转通道值的结果是在图表的青色轴上反射我们的原始颜色。
3.我们的开局不错,但回过头来看,我们想要一个较凉爽的调色板,可能需要一个更轻的触感蓝绿色; 更接近青色的东西,但不完全。
- 我们知道添加蓝色会让我们在那里,但是我们需要多少蓝色?现在是重新审视渠道比率的好时机。
- RGB(0,255,96)= 0:8:3 RGB比例…如果我们混合了蓝色量的两倍,该怎么办?这将使我们得到一个0:8:6的比例 - 不是所有的方式青色,但足以冷却我们的绿色。
看起来像一个甜蜜的地方:一个不错的,海蓝宝石比例为0:8:6的RGB。比例保持我们的渠道在8个部分,并与我们的其他颜色的0:3:8比例非常好地播放。
从这个角度来看,我们可以更多地调整比率,以发现我们刚刚建立的频谱内部更多和谐的色板。我们可以使用将通道级别拆分成更小的分数的相同逻辑进行更细微的调整。我们可以从之前的黑色样本中引入一些初始的蓝色,甚至开始将红色通道合并到我们现有的比例中,以获得更多对比的颜色。有很多地方可以去,但是希望这个例子能够说明RGB颜色空间中建立更多有机颜色关系的思想。
十六进制颜色
直接在RGB色彩空间中混合的额外好处是,我们可以更直观地了解其十六进制表示。因为一个颜色的十六进制表示(例如#0060FF)映射到它的RGB值,所以RGB中的混合可以使我们更多地了解这些十六进制代码,直到我们甚至直接在十六进制中混合颜色。以下是如何将十六进制颜色转换为其十进制RGB值:
- 将您的十六进制数分成3个2个字符的组。
- 例如#0060FF = 00 | 60 | FF
- 现在每组分别代表R,G或B通道
请记住,即使这里的字母是数字。
- 00红色通道意味着0红色…很简单
- 但FF = 255?什么?
- 我们习惯于十进制数字。Dec = 10; 10位数字(0-9)。
- 十六进制 = 6和十进制 = 10; 十六进制使用16位(0-F)。
- 我们已经知道如何计数从0-9,但是在十六进制中,我们只是继续用字母(A = 10,B = 11,…,F = 15)来计数。只要把这些字母想象成一个单数字表示,通常是十进制数字10-15之间的数字。
3.要将您的十六进制数转换为通道的十进制值:
- 以“十”位(十六进制中的“sixteens”位置)中的数字乘以16(1⁶¹)。
- 然后把这个位置的数字[乘以1(1⁶⁰)]。
- 把两者加在一起得到你的十进制值。
转换示例
将#0060FF转换为RGB:
#0060FF = RGB(0,96,255)
您可以通过将(十进制除法)十进制RGB值除以16来逆转这个过程。商数在十六进制数的“十”处,余数在“一”处。
将RGB(0,96,255)转换为十六进制:
RGB(0,96,255)=#0060FF
逼近十六进制通道比
精确的十六进制转换的心理数学起初可能很慢并且令人困惑。开发一个直观的十六进制RGB工作的最好方法就是近似:随着时间的推移,你将会变得更锐利,更清晰,直到第二个本质。这是一个简单的近似计划:
- 将十六进制字符串拆分为3个2个字符组,就像转换为十进制一样。
- 将每个通道的值舍入为最接近的0。
- 如果第二位数字是8或以上,则四舍五入(例如,3A到40)。您可以将高Fs舍入为理论G0
- 否则舍入(例如37轮到30)
3.现在,您的频道组合中有一个粗略的比例:第一位数字告诉您您已经添加了多少十六分之一的颜色。
例如:#873AFF四舍五入到80 | 40 | G0。8/16红,4/16绿和16/16蓝给我们一个近似2:1:4的RGB比例。
- 记得当我们以1/8的增量向我们的第一个蓝色色板添加绿色时?1/8 = 2/16; 每当绿色通道的十六进制数中的第一个数字增加2时,您可以清楚地看到我们添加了2/16的绿色。
- 当你到达可以看到#0060FF的地步时,你已经状态良好,很快就会发现它是全蓝色的,而且还有一些绿色混合在一起(不到一半的频道)。
- 使用我们从上面的估计技术,我们可以快速看到6/16绿色和16/16蓝色,这简化为“3部分绿色,8部分蓝色”。此时,您看到十六进制RGB颜色,就像画家看到的调色板。
所以,你有它,一开始混合RGB的入门。总而言之,在RGB中混合的一些优点是:
- 使用通道比率创建更多有机颜色关系的能力
- 有机会使用鼓励酌情关系的系统到达调色板(很像网格对布局)
- 使用颜色空间本身的参数来建立调色板的一致性作为混合模型
- 不必担心饱和度和亮度在不同色调或色轮的360度上有时会产生任意的影响
- 了解使用十六进制RGB颜色的便利性
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/261086.html