如何获得易于识别的 10 种不同颜色

平面设计 颜色 颜色理论 洞察力
2022-01-03 18:41:08

我确实有一份 10 支球队的名单,每支球队都有自己的颜色。

我确实必须制作显示具有各自颜色的团队的图形,并且需要一种方法来找到 10 种“足够不同”以被识别的颜色。

但是,颜色有一些条件:

  • 不允许粉红色或类似颜色。红色和紫色都可以,但其他“女性化”颜色则不行。
  • 每种颜色的饱和度应该大致相同。
  • 必须避免暗淡/单调的颜色,例如棕色。

现在,显然问题不在于让你给我 10 种颜色。我更想了解以符合上述条件的方式找到这些颜色的好方法是什么。用颜色选择器手动进行并没有带来好的结果,所以也许有一种数学方法或工具这样做。

4个回答

有了这些限制,你可能不能。

这是一个类似的问题,用户问了大约 20 个但没有限制。

以下是如何使用大都会地铁颜色的搜索。

现在让我们看一个过程,看看结果。

您需要从色轮开始,它不是色轮,而是颜色纯色。在这种情况下是一个圆锥。

在此处输入图像描述

设置您的限制。但是因为你想要相同的饱和度,你只需要圆锥的上层。

较低的层用于亮度,但它们的饱和度也会降低。

在此处输入图像描述

现在让我们看看我们可以在机械上拥有什么颜色(D),然后通过一些调整来区分更多的机械选择。(E)

在此处输入图像描述

  • 葡萄?
  • 蓝色
  • “浅蓝色”(很多人不知道青色这个词)
  • 绿松石?有时很难将它与青色区分开来。
  • 绿色(这种荧光绿色很难与绿松石区分开来。
  • 酸橙?这是绿色还是黄色?
  • 黄色的。但明显的亮度很难与白色文字相结合。一些地铁系统无法使其具有可读性。
  • 橘子
  • 红色的

在不考虑色盲用户的情况下,我们有 6 种颜色和一些 3 种可能的颜色。

现在让我们看看我们是否可以将其扩展一点以消除饱和度(因此亮度限制)

在此处输入图像描述

我们可以将绿色变为深绿色,将石灰变为不饱和的“草”色,我们可以使用棕色,我们可以使用灰色,可能还有海蓝色,你可以有米色,一些柔和的紫色......

正如我提供的第一个链接中所解释的,如果不将它们放在一起,人类将无法识别这么多颜色。

此外,每个用户都有很多差异化。

这是一个有趣的图像。http://www.thedoghousediaries.com/1406

在此处输入图像描述

因为颜色是一门科学,您可以使用多种方法来确定几乎任何方面。关于颜色的几乎任何方面都有很多论文。

但是,当您开始寻找完全不同的不同颜色时,您会遇到问题。

要求没有“女性化”颜色是很困难的,因为没有明确的方法来告诉算法什么被认为是“女性化”颜色。是的,我们的文化规范认为粉红色和紫色是“女性化的”,但色彩理论却并非如此。你选择的颜色越多,就越难在每种颜色之间产生相同的变化水平。


现在有几种方法可以用来解决您的问题。第一个是一套漂亮的20 种不同颜色的Sasha Trubetskoy,改编自Kelly 的 22 Colors of Maximum Contrast

在此处输入图像描述

这是一个很好的用作标准“跳跃点”的集合,因为它们是:

  • 易于区分
  • 高雅明亮
  • 给定简单直观的名称
  • 提供十六进制、RGB 和 CMYK 值

所有这些都使它们成为网络和印刷使用的绝佳候选者。


第二个 Gavin Kistne 采用了这个想法并制作了一个很棒的网站,它允许您设置色调、饱和度和亮度参数以生成一组颜色。然后,您可以通过更改阈值和交错来进一步调整结果。

在此处输入图像描述


最后是真正的数学,您可以无休止地使用 Gregor Aisch 的chroma.js

这就是色彩操控的香饽饽。当您想深入了解使用 HSV、LAB 和贝塞尔插值来实现平滑配色方案的超级细节时,这是您的一站式商店!

有一个令人惊叹的交互式文档,您可以立即开始使用。

从第一种方法中提取20 (22)种颜色,您可以进一步推断和实验。您还可以获取颜色,计算它们的 deltaE 并从那里通过数学方式使用 deltaE 映射出具有所需差异级别的颜色。

此外,还有一个网站采用 chroma.js 并将其包装在一个漂亮的界面中以选择和导出颜色。

这是一种探索性的方法,而不是“最终结果”的方法。

我通常从大约 50% 的必要颜色开始,或者如果不是偶数 50%,则使用“奇数最大一半”。然后在颜色之间混合以创建颜色变化的半步。除非您将白色/黑色用作其中一种基色,否则您很少会以这种方式获得过度不饱和的颜色或粉红色。棕色可以根据起始颜色发生。所以,只是丢弃那些。

5 种基色,然后在步骤之间混合得到 4 种以上.....

在此处输入图像描述

什么是或不是“女性化”真的在旁观者的眼中。

而且你总是可以继续在颜色之间混合以获得更多......

在此处输入图像描述

找到各种颜色的最佳子集以最大化子集的每种颜色之间的最小距离是一个 (NP) 难题,但如果您的原始颜色集不太大,则可以轻松解决。

我建议从 X11 颜色开始(155 种颜色)。你说你不想要粉色或其他颜色,最好是你先在X11颜色中选择适合你的颜色。

然后,使用颜色之间的Lab距离(理论上,颜色越远,它们应该在视觉上越明显),您可以“随机”构建 10 种颜色的子集并保留最佳颜色。

我已经为自己编写了一个这样的工具(https://mokole.com/palette.html),您可以自己调整代码。

这是我使用所有 X11 颜色拍摄几张照片后得到的结果:

10 种不同的颜色,对不起 fushia