在Photoshop中保留值/亮度的同时转换为四种色调

我想将平面图像中的色相数量从整个范围减少到仅四个，但是我想保留值/亮度（如果可能，还可以包括饱和度）。我想要四种色调，因为我认为它看起来很酷。

我尝试使用色相调整层，但是当我使用它时，它仅在转换期间移动了范围，因此一个范围被转换为具有多种颜色的另一个范围。我想转移一个指定范围以转换为相同的色调，同时保留值/亮度（甚至可以饱和，如果可以的话）。

我正在使用Photoshop CS5

这些是我要使用的四个HSB / HSV色调值：

1. 333
2. 58
3. 193
4. 242

这就是我想要转换色调的方式：

注意：自首次发布以来，我已经修改了此问题。最初，我错误地要求响应者将图像缩小为四个RGB值，同时保持源图像中的色度/值。但是，这是不可能完成的任务，因为RGB值包含色调/亮度和色相。在RGB中，色调和色调有着千丝万缕的联系。

幸运的是，尽管措辞不佳，@ Wolff仍然能够理解我的意思，并且与@ Danielillo，@ Ryan和@Emilie一起，他帮助我理解了我真正要求的是针对四种色调，而不是四种RGB。价值观。然后，他确定了我的RGB值（以HSB / HSV为单位）中存在的四种色调。这些HSB / HSV值是我现在要求响应者在图像转换（而不是RGB）中定位的值。

另外，正如@Wolff所指出的那样，在我的帖子的第一个版本中，我没有指定如何转换完整的HSB频谱（我没有洋红色般的范围）。更新后的问题还包括以前省略的范围。

对于那些想了解混乱根源的人（由提供替代答案的一些用户正确表示），这些是我发布的原始4个RGB值：

说明更新：请注意，我的意图仅是用于屏幕，而不是用于打印。我基于这四种色调建立了一个站点，我认为如果图像的所有颜色都扭曲以匹配它们，那将是一件很圆滑的事情。同时，在四种折叠颜色的范围内，我希望保留尽可能多的由原始值/亮度编码的动态效果。我希望这有帮助。原始海报我不会奖励积分，但印刷答案的任何解释都将受到社区的赞赏。悬赏这个问题的@Emilie可以奖励她想要的任何人。

感谢@Emilie给予这笔赏金！我真的很沮丧，以前似乎没有人能够回答。

正如其他人指出的那样，这个问题的逻辑有点缺陷，但是仍然很有趣。

我的答案主要基于RGB / HSB数学，并且我承认在感知颜色，颜色配置文件等方面有很多可疑的方面，但是无论如何我还是会尝试一下。

我可以自由地重新定义问题，以便能够回答它。

首先，您显示给我们的光谱从红色变为蓝色。该品红丢失-做什么用的那部份光谱的颜色？

因此，我正在扩展您的频谱，使其两端都包含品红色。

我们遇到的另一个问题是您所称的四种色调。它们不仅是色调，而且是具有单独的饱和度和亮度值的颜色。如果我们要将它们与光谱进行比较，这没有太大意义，因此我们必须通过将饱和度和亮度都更改为100来“降低它们的色调”。

我们将在Photoshop中使用HSB / HSL滤镜（必须从Adobe网站下载），以获取图像的色相作为Alpha蒙版。然后，我们将使用“ 渐变贴图”将色相值映射到所需值，然后再次使用HSB / HSL滤镜将图像转换回RGB。

数学有点时髦，因为色调的范围是0-360（且可以环绕），alpha的范围是0-255，渐变色标的范围是0-100。

首先，我将制作一张桌子以了解正在发生的事情。我们可能不需要所有数字。

（这些值是四舍五入的，并且色调与您定义它们的方式不完全相同，因为我扩展了频谱。它们的位置当然可以不同。）

让我们拍摄彩色图像并添加光谱作为参考。（图片由Mike Goad在png上提供）。

使用HSB / HSL过滤器可为我们提供以下色调通道：

我将色相通道复制到新的灰度文档（颜色配置文件必须为Gray Gamma 2.2），以便能够在其上使用渐变贴图。我将渐变图设置如下：

设置渐变光阑需要一些摆弄（使用它很烦人）。我正在从之前制作的表中获取值。总共有8个停靠站，其中一些停靠站必须重叠才能进行硬过渡：

产生的色相通道如下所示：

最后，我将此色相通道复制回初始HSB图像，替换了旧的色相通道，并使用HSB / HSL滤镜将图像转换回RGB。

我相信这样做确实可以满足要求，但是我不确定它是否看起来像您希望的那样酷。过渡非常突然，但是当然可以通过更改渐变图来缓和它们。

编辑：Javascript方法

这是带有相同概念的Javascript版本的JSFiddle。将图像放在结果页面上，它将转换为四种色调。更改“ hueRanges”以自定义结果。该代码的主要部分带有注释。

结果与Photoshop方法略有不同，但是非常接近：

由于我不知道Photoshop滤镜背后的数学原理，所以我无法说出为什么存在这种差异。

这是一个有缺陷的概念，因为它完全是一种颜色结束而另一种颜色开始的缩影。您还谈到保留色彩，这会使色彩更加混乱。

也就是说，为了您的结果，您可以尝试：

1. 转换为LAB
2. 复制图层并用4对其进行后期处理
3. 使用4种颜色分别创建4个纯色调整层。将每个设置更改为颜色混合模式。
4. 使用“混合-如果选项”可以将这4种颜色减少为您所追求的约束素。

结果如下：

这个问题最近从一个模糊的状态被修改为一个更好的形式。现在，它需要显式预定义的色调量化和重新映射。接受的答案将其用于Photoshop。

接下来是免费软件用户。

Paint.NET有一个插件过滤器，可以直接进行色调和饱和度范围映射。此任务需要应用滤镜四次，以将总共360度映射到四个离散的色相。结果与接受的答案相同。过滤器为“条件色相/饱和度”。这是Evan效果包的一部分。

过滤器未完全抛光。我无法准确输入预定义的色相值。范围设置必须使用太小的滑块完成，不存在确切的数字输入字段。这是沃尔夫答案中使用的具有相同图像的测试：

1.将RGB图像转换为HSB

使用过滤器>其他> HSB / HSL，然后选择输入模式：RGB和行顺序：HSB。这将使图像看起来很奇怪，但允许我们使用图像通道独立于饱和度和亮度来操纵色调。

2.减少色相数量

现在，红色通道将包含图像中所有像素的色相。您想将它们量化为四种选定的色调。这是最难的部分。一种方法是将红色通道中的内容复制到新图像，然后将图像模式设置为“索引颜色”，然后创建一个自定义调色板，并将色相映射到相应的黑白值。然后将此图像粘贴回红色通道。

3.转换回RGB

减少色相数量后，再次应用HSB / HSL过滤器，但输入/行顺序设置相反，以完成此过程。

问题并未阐明图像的目的，此答案针对打算用于打印的图像（EPS DCS）

在这种情况下，将图像转换为仅四种墨水而没有黑色，则假定该图像的阴影将是最暗的颜色蓝色。

• 从具有4种颜色可用通道的CMYK图像开始，然后转到“ 图像” >“ 模式”菜单，然后选择“ 多通道”
• 单击颜色缩略图编辑每个通道颜色，然后插入RGB数字
• 将黑色通道替换为蓝色

在评论后添加并聊天

对我来说，这个问题有一个概念问题，那就是很难找到最佳结果。我猜OP正在询问RGB图像，但正在考虑CMYK混合过程。这就是为什么我使用CMYK图像而@Wolff回答使用RGB图像的原因。

• 红色很容易更改为新的RGB颜色
• 问题来自于黄色，因为在RGB图像中，黄色是绿色和红色的混合，因此无法将红色和黄色分离为两种不同的颜色。在光谱栏中，绿色和黄色应该是黄色的RGB，这意味着要摆脱RGB图像。必须将其转换为平面彩色印刷图像（或其他图像模式）才能获得。
• 青色的相同问题，绿色和蓝色的混合

它不是将许多颜色转换为4，而是用相同的色调获得4种颜色？在颜色选择器中打开第一种颜色。左右改变色调。向上使色调，向下使阴影。从您的颜色开始向上直线指定的距离。我不知道如何指定距离，我是用眼睛和手来指定距离的。如果您的原始颜色在图表的中间，请选择一个直接位于其上方的点，该点是顶部的25％（或您想要的色调多少）。注意此新颜色的十六进制值。对接下来的三种颜色进行相同的操作，尝试从原始颜色增加相同的数量。

或者，将您的4种饱和色集中在一起，并在它们上面绘制一个白色矩形，然后将透明度/差异和不透明度80％应用于矩形。您可能必须尝试其他透明胶片和不透明度，以获得正确的色彩，或者仅对矩形应用不透明度，将白色均匀地添加到颜色中以获得相同的色彩。

我可以想到几种方法，尽管在每种情况下它们都不是非常准确和方便的。

• 选项一是使用采样器/颜色选择器工具。选择它，然后将顶部的“样本大小”设置为一个较大的值，它将覆盖图像的约1/4。这样，与单个像素相比，采样器将在更大的区域上获得平均色调。如果图像太大，请先按比例缩小图像。
• 选项二是将图像缩小到仅几个像素的大小。例如，如果要使用提供的图像，并且需要4种颜色，请将图像缩小到4像素高。这样，Photoshop可以在缩放时为您找到平均颜色。注意：使用第二个选项，可能有助于将图像插值（可以在Photoshop的设置中找到）设置为“最近的邻居”。

另外，您可以使用Adobe Illustrator。

导入您使用的图像，然后查找“图像跟踪”。将图像跟踪设置为适合您需求的最佳设置。至少在CS6中，存在3或6种颜色的预设，但是如果您打开图像跟踪面板，则可以设置其他所需的颜色数量。