广告技术内容营销营销工具销售和营销培训

为什么我们的眼睛需要互补的调色板方案……以及在何处可以使用它们

您是否知道两种或多种颜色如何相互补充背后实际上存在生物学科学? 我不是眼科医生或验光师,但我会尝试为像我这样简单的人翻译这里的科学。 让我们从一般的颜色开始。

颜色就是频率

苹果是红色的……对吧? 好吧,不是真的。 光从苹果表面反射和折射的频率使其可以被检测到,被我们的眼睛转换为信号,并发送到我们的大脑,我们将其识别为“红色”。 呃……想想就头疼。 这是真的……颜色只是光的频率。 这是电磁波谱和每种颜色频率的视图:

颜色和电磁光谱

这就是为什么指向棱镜的白光会产生彩虹的原因。 真正发生的是,随着光的折射,晶体正在改变波长的频率:

棱镜
水晶棱镜将白光分散为多种颜色。

您的眼睛是频率检测器

您的眼睛实际上只是电磁频谱上色频范围的频率检测器。 您检测颜色的能力是通过眼壁中不同类型的视锥细胞来实现的,然后视锥细胞连接到视神经。 每个频率范围都由这些视锥细胞中的某些视锥细胞检测到,然后转化为信号传递到您的视神经,并发送到您的大脑,在此进行识别。

您是否注意到您可以长时间凝视非常高的对比度,将视线移开,并继续看到与您原来看到的颜色不匹配的残像? 假设这是白墙上的蓝色方块:

一段时间后,眼睛中处理蓝光的细胞会变得疲倦,使它们发送到大脑的信号略微减弱。 由于视觉光谱的这一部分受到了轻微抑制,因此,当您凝视着蓝色正方形并看着白色的墙壁时,会看到淡淡的橙色余像。 您所看到的是墙壁上的白色光谱,减去一小部分蓝色,您的大脑会变成橙色。

颜色理论101:使互补色为您工作

如果没有发生这种疲劳,那么我们的眼睛和大脑就不必费力地解释他们所看到的多种波长(例如颜色)。

视觉噪声与和谐

让我们将声音与颜色进行类比。 如果您聆听的频率和音量互不相同,那么您会认为这是 噪声。 这与颜色不同,在颜色中检测到的亮度,对比度和颜色可以是 视觉 嘈杂或互补。 在任何视觉媒体中,我们都希望努力实现和谐。

这就是为什么在穿着鲜红色衬衫的电影背景中看不到多余内容的原因。 这就是为什么室内装饰人员努力工作以在其设计的房间的墙壁,家具,艺术品和其他功能中寻找互补色的原因。 颜色对于根据访客大脑解释颜色的难易程度来创建访客进入时产生的心情至关重要。

您一站式解决方案 调色板 相当于以美丽和谐的方式组建乐队。 就像声音和乐器的组装紧密地在音量和频率上对齐一样……调色板的互补色也是如此。 调色板设计对于已微调其色彩检测的专业人士而言,确实是一种艺术形式,但由于可以计算出互补频率,因此它绝对也是一门计算科学。

即将有更多关于和声的知识……让我们回到色彩理论。

RGB颜色

数字光谱中的像素是红色,绿色和蓝色的组合。 红色= 0,绿色= 0,蓝色= 0显示为 白色 红色= 255,绿色= 255和蓝色= 255被视为 黑色。 两者之间的所有内容都是由这三种颜色组成的不同颜色。 计算补色的基本原理非常简单……只需为新的RGB值从255中减去RGB值即可。 这是一个例子:

橙色和蓝色之间的这种光频率差异相距甚远,足以形成对比,但相差无几,以至于我们的眼睛难以理解。 颜色频率与我们的接收器互补且令人愉悦!

计算一种颜色很容易...计算3种或更多互补色需要您计算每个选项之间的等效数量。 这就是为什么 调色板方案生成器 进来很方便! 这些工具只需要很少的计算,就可以为您提供几种可以相互补充的颜色。

色轮

理解颜色之间的关系最好使用色轮可视化。 颜色不是根据它们的相对频率排列在一个圆圈中。 径向距离是颜色的饱和度,圆上的方位角位置是颜色的色调。

色轮

有趣的事实: 艾萨克·牛顿爵士(Isaac Newton)爵士于1665年首先开发了色轮,这是他对棱镜进行实验的基础。 他的实验引出了一个理论,即红色,黄色和蓝色是所有其他颜色的原色。 旁注...他甚至在每种颜色上都使用了音乐“注解”。

用和谐武装我……

牛顿色环

颜色和声的类型

之间的关系以及如何计算每组互补色被称为 和声。 这是一个很棒的概述视频:

每种类型有不同的特征:

  • 类似的 –在色轮上彼此相邻的颜色组。 
  • 单色 –从单一基本色调派生并使用其阴影,色调和色调扩展的组。
  • 黑社会 –周围均匀分布的颜色组 颜色 轮
  • 补充 –在色轮上彼此相反的颜色组。
  • 分割互补 –补语的变体,其中使用与补语相邻的两种颜色。
  • 矩形(四边形) –使用排列成两个互补对的四种颜色
  • 广场 –与矩形类似,但所有四种颜色在色环周围均匀分布
  • 复合肥产线 –颜色和与其互补色相邻的两种颜色
  • 灯罩 –调整原色的色调(增加亮度)或阴影(暗度)。

这些不是主观主题,它们是实际的数学计算,并且应用了漂亮的名称,有助于我们更好地理解这些计算。

调色板方案生成器

使用调色板方案生成器,您可以得到漂亮的,互补的颜色组合,如下所示:

在客户端站点上工作时,我经常使用调色板方案生成器。 因为我不是颜色专家,所以这些工具可以帮助我更好地选择背景,边框,页脚背景,主按钮和辅助按钮颜色。 结果是一个使网站更加令人愉悦的网站! 从广告到整个网站,这都是适用于任何设计的微妙,强大的策略。

以下是一些出色的调色板方案生成器:

  • 土砖 –多达5种颜色的出色工具,您可以在其中测试不同类型,进行调整,甚至将主题保存在任何Adobe产品中。
  • 品牌色彩 –周围最大的官方品牌颜色代码集合。
  • canva –上传照片,他们将用它作为您调色板的基础!
  • Colllor –只需单击几下即可生成一致的Web调色板。 
  • 色彩设计师 –只需选择一种颜色或使用预先选择的颜色,剩下的就由应用程序完成。 
  • 寻色 –免费开放的平台,可提供数千种精选的流行趋势来激发色彩灵感
  • 卡乐库勒 –为Instagram生成一个调色板,使其更加美观。
  • Colormind –使用深度学习的配色方案生成器。 它可以从照片,电影和流行艺术中学习色彩样式。
  • 色彩空间 –只需输入一到三种颜色并生成一些方案即可!
  • 颜色代码 –在整个屏幕上提供非常酷的体验,可在左侧创建多种和声样式来创建您的调色板。
  • 恋人 –一个创意社区,来自世界各地的人们可以创建和共享颜色,调色板和图案,讨论最新趋势并探索色彩缤纷的文章。
  • 冷却器 –创建完美的调色板或从数千种美丽的配色方案中汲取灵感。
  • 数据颜色选择器 –使用调色板选择器创建一系列的颜色,这些颜色是 视觉等距
  • Khroma –使用AI来学习喜欢的颜色,并创建调色板以供发现,搜索和保存。
  • 材料设计 –为您的UI创建,共享和应用配色方案。 它甚至附带了您的应用程序的导出功能!
  • Muzli颜色 –添加颜色名称或代码,并生成漂亮的调色板。
  • Paletton –选择一种基本颜色并受到启发。

颜色和辅助功能

在决定设计下一个调色板方案时,请记住,有大量视力障碍和色彩缺陷的人需要与您的体验进行交互。

  • 对比度 –每个独立的颜色都有一个 亮度。 覆盖物和相邻对象的颜色必须具有4.5:1的相对亮度比,以使有视觉障碍的人能够区分它们。 我不会自己尝试计算比率的麻烦,您可以使用来测试两种颜色的比率 对比度, 要么 色彩安全.
  • 影像学 –用红色突出显示一个字段不会对有颜色不足的人有所帮助。 确保应用某种消息或图标,以使他们也知道存在问题。
  • 专注焦点 – 许多人使用键盘或屏幕阅读器进行导航。 确保您的用户界面经过适当设计,并带有所有可访问性标记,以便他们可以利用您的网站。 对于有视觉障碍的人来说,使用空白以及在不破坏布局的情况下增大或减小字体大小的能力至关重要。

您是眼科专家吗? 色彩专家? 辅助功能专家? 请随时为我提供任何改进本文的指导!

披露:我在本文中使用会员链接。

Douglas Karr

Douglas Karr 首席营销官是 开放洞察 和创始人 Martech Zone。 道格拉斯帮助了数十家成功的 MarTech 初创公司,协助进行了超过 5 亿美元的 MarTech 收购和投资尽职调查,并继续协助公司实施和自动化其销售和营销策略。 道格拉斯是国际公认的数字化转型和 MarTech 专家和演讲者。 道格拉斯还是一本傻瓜指南和一本商业领导力书籍的出版作者。

相关文章

返回顶部按钮
关闭

检测到Adblock

Martech Zone 我们能够免费为您提供这些内容,因为我们通过广告收入、联属链接和赞助从我们的网站中获利。 如果您在浏览我们的网站时删除广告拦截器,我们将不胜感激。