性色网站（色彩的秘密）

色彩理论：概述为什么要学习色彩理论？如果您参与了视觉文档的创建或设计，那么在将颜色融入您自己的设计时，对颜色的理解会有所帮助。关于颜色的选择通常看起来相当神秘，因为许多人似乎只根据“看起来不错”做出决定。尽管经常被告知我对颜色有敏锐的洞察力，但为什么有些颜色可以搭配而另一些颜色并不总是让我着迷，我发现对色彩理论的研究很有趣。在明尼苏达大学上学期间，我几乎从不同部门注册了所有课程：平面设计、室内设计和美术。在我的学习中，我了解到学者们研究颜色的主要原因有两个——第一个涉及颜色的交流；另一个涉及颜色的应用。“最纯粹、最深思熟虑的人是最喜欢色彩的人。”— 约翰·拉斯金传达色彩什么是红色？糖果苹果红、血红、番茄酱红、玫瑰红……如果没有某种编码系统，很难尝试传达特定的色调。早在 1900 年代，波士顿一所艺术学校的教授 Albert Munsell 开发了一种颜色系统，该系统提供了一种命名颜色的方法。使用已发布的系统，人们可以具体说明他们指的是哪种红色。Munsell 的系统经过重新设计，可用于今天的 Pantone 颜色系统、TRUEMATCH、CIE 系统和其他系统。HTML 红色彩通®红Pantone® 暖红TRUEMATCH® 6-a颜色应用就艺术而言，色彩是形式的写实、视觉表现的一部分，但一群画家摒弃了传统的绘画色彩做法。这群艺术家受到塞尚、梵高和高更的影响。在亨利·马蒂斯 (Henri Matisse) 的领导下，他们被称为野兽派，或“野兽”。他们对鲜艳色调的大量使用似乎无视模仿色彩1。其他艺术家使用颜色来描述物体，而野兽派则让颜色成为他们绘画的主题。“野兽派风格”的一幅画是一种与颜色形状相关的画；作品不是将设计与线条统一起来，而是在整体关系中寻求表现力。本网站接下来的几页提供了有关色彩理论的教程。在查阅资料后，我希望您会看到颜色的成功使用并不神秘，通过了解一些有关颜色的知识，可以基于经过测试的概念和方法充满信心地融入您的设计中。“艺术不是再现可见的；相反，它使可见。”— 保罗·克利色彩基础颜色是由颜色名称描述的光的感知特性。具体来说，颜色就是光，而光是由多种颜色组成的——我们看到的就是可见光谱的颜色：红、橙、黄、绿、蓝、紫。物体吸收某些波长并将其他波长反射回观察者。我们将这些波长视为颜色。描述颜色一种颜色可以用三种方式来描述：通过它的名称、它的纯度或饱和度以及它的价值或亮度。尽管粉红色、深红色和砖红色都是红色的变体，但每种色调都是独特的，并因其色度、饱和度、强度和值而有所不同。色度、强度、饱和度和亮度/值是相互关联的术语，与颜色的描述有关。色度：色调相对于灰色的纯度饱和度：色调的纯度。强度：色调的亮度或暗度。可以通过添加白色或黑色来降低强度。亮度/值：衡量从色调反射的光量。那些白色含量高的色调具有更高的亮度或值。阴影和色调是指色调变化的术语。阴影：通过添加黑色产生的色调。色调：通过添加白色产生的色调。“颜色不断欺骗。”— 约瑟夫·阿尔伯斯色彩系统可用的颜色系统取决于设计师使用的媒介。绘画时，艺术家有多种颜料可供选择，混合颜色是通过减色法实现的。当设计师利用计算机生成数字媒体时，颜色是通过加色法实现的。减色。当我们使用油漆或通过印刷过程混合颜色时，我们使用的是减色法。减色混合是指以白色开始，以黑色结束；随着颜色的增加，结果会变暗并趋于黑色。CMYK 颜色系统是用于印刷的颜色系统。绘画中使用的那些颜色——减色法的一个例子。添加剂颜色。如果我们在电脑上工作，我们在屏幕上看到的颜色是使用加色法用光创建的。加色混合以黑色开始，以白色结束；添加的颜色越多，结果越亮且趋于白色。RGB 颜色是光原色，颜色是用光创建的。红光、绿光和蓝光的百分比用于在计算机屏幕上生成颜色。使用系统可见光谱由数十亿种颜色组成，显示器可以显示数百万种颜色，高质量打印机只能生产数千种颜色，而较旧的计算机系统可能仅限于 216 种跨平台颜色。对于印刷的数字媒体而言，再现颜色可能会出现问题，因为我们所看到的并不是可能获得的。尽管显示器可能能够显示“真彩色”（16,000,000 种颜色），但其中数百万种颜色超出了打印机的可用范围。由于数字设计是使用 RGB 颜色是系统生成的，因此这些设计中使用的颜色必须是 CMYK 光谱的一部分，否则它们将无法以正确的显色性再现。在 CMYK 颜色系统内工作，或者从 Pantone© 调色板中选择颜色可确保正确的显色性。“所有的颜色都是他们邻居的朋友，也是他们对立面的情人。”— 马克·夏加尔色轮色轮（也称为色环）是根据颜色关系排列的颜色的视觉表示。通过将主色调彼此等距定位来开始色轮，然后使用二级和三级颜色在原色之间建立桥梁。颜色术语原色：基本本质的颜色；那些不能通过混合其他颜色产生的颜色。二次色：由两种原色混合而成的颜色。三色：由原色和第二色混合而成的颜色。互补色：在色轮上彼此相对的那些颜色。类似色：在色轮上靠得很近的那些颜色。主动和被动颜色色轮可以分为视觉主动或被动的范围。当与被动色调相对时，主动颜色会显得更高级。当与主动色调相对时，被动颜色看起来会后退。前进的色调通常被认为比后退的色调具有更少的视觉重量。大多数情况下，温暖的、饱和的、浅色的色调是“活跃的”并且视觉上有进步。冷色调、低饱和度、暗色调是“被动的”并且视觉上会后退。具有低饱和度的色调或色调看起来比阴影或高度饱和的颜色更亮。有些颜色在视觉上保持中性或冷漠。颜色关系颜色关系可以显示为色轮或颜色三角形。画家的颜色三角形由我们在美术课上经常使用的颜色组成——那些我们在孩提时代就学到的颜色。主要色调是红色、蓝色和黄色。打印机的颜色三角形是打印过程中使用的一组颜色。原色是红色、青色和黄色。歌德的九部分谐波三角形从印刷机的原色开始；形成的次级是画家的初级；并且由此形成的第三层是暗中形成的。“互补色是一对奇怪的颜色。它们是对立的，但又是相互需要的。它们在一起时会相互激发，以达到最大的鲜艳度；而在混合时会相互湮灭。”— 约翰内斯·伊滕混合补体正如约翰内斯·伊滕 (Johannes Itten) 所说，互补色在混合与创建暗中性色时会相互抵消：推荐书籍互补色我们查看色轮以了解颜色之间的关系。类似的定位方式是为了模仿混合色调时发生的过程。彼此相对的颜色是互补色。将这些相互直接对立的色调称为“互补色”是合适的。互补色相互衬托出最好的一面。当完全饱和的互补色组合在一起时，有趣的效果是显而易见的。如果创建要阅读的视觉效果，这可能是一种理想的错觉，或者是一个问题。视觉错觉振动边界请注意突出显示的边缘和凸起的文本的错觉。当相反的颜色放在一起时，可能会发生这种情况。感知对立面。我们从色轮显示的关系中了解到，每种颜色都有一个相反的颜色。每种颜色都有一个对立的色轮和一个感知对立的色轮。没有色轮，仍然可以找到颜色的对立面，这是由于我们的眼睛现象。由于个体之间的生理差异，每个人的看法确实有所不同——下面显示的互补是我自己感知的对立面：来源>>结果“谁会相信这么小的空间可以包含宇宙的所有图像。”— 列奥纳多·达·芬奇（Leonardo da Vinci）（指的是眼睛。）后图像颜色是光，有色物体吸收和反射不同的波长。由于两种类型的感光细胞——杆状细胞和锥状细胞——位于眼睛的视网膜中，人眼可以看到光和颜色。视杆对光和暗敏感；视锥细胞对红、绿、蓝光敏感，负责色觉。这些光感受器将光的颜色传递给我们的大脑。当我们的眼睛长时间暴露在某种色调下时，视杆和视锥细胞会变得疲劳。如果您正在彩色纸上阅读某些内容，然后移开视线，您可能会注意到这一点——您经常会看到图像的反面或互补色。如果您正在寻找颜色的相反或对比，这种情况可能是有利的。如果长时间暴露于彩色屏幕或阅读材料，这可能会让观众感到沮丧。每种颜色都有对立面，虽然每个人的感知确实有所不同，但看到的后像范围是一致的。进行后图像测试盯着这张图片至少 20 秒。完成后，单击下面的图像或链接进入下一页。了解有关感知对立的更多信息。继续本教程并查看：图像后 – 结果你在这里看到的是所谓的后图像。这可能非常微弱；如果您没有看到任何内容，请再试一次！要查看大多数人看到的图像，请向下滚动页面。这些是许多/大多数人会看到的后图像颜色。人们看到相反的颜色或负面图像，因为长时间盯着一种颜色会使眼睛的视杆和视锥细胞疲劳。当人们在相同的一般色调系列中看到图像时，后图像有一些恒定性。当您专注于 [强烈刺激] 时，视网膜中的光敏光感受器（其工作是将光转化为电活动）会对入射光做出反应。从这些光感受器接收输入的其他神经元也会做出反应。当您继续盯着 [强烈刺激] 时，您的光感受器会变得不敏感（或疲劳）。你的感光色素被这种持续的刺激“漂白”了。对于查看图形最亮部分的细胞，脱敏作用最强，但对于查看图形最暗部分的细胞，脱敏作用较弱。然后，当屏幕变白时，消耗最少的细胞比它们的邻居反应更强烈，产生残像中最亮的部分。大多数残像只持续几秒钟到一分钟，因为在没有强烈刺激的情况下，大多数神经细胞会迅速重新调整。视网膜脱敏对于生存很重要。一个持续的刺激通常会被大脑忽略，而有利于改变的刺激，因为变化的刺激通常更重要。但脱敏也会导致残像。残影一直伴随着我们。当我们看到一道明亮的闪光、短暂地看向太阳或在夜间被接近的汽车的前灯弄瞎时，我们会看到正负残像。为防止对您的眼睛造成永久性伤害，切勿注视任何明亮的光源，尤其是太阳。英国心理学家肯尼思·克雷克 (Kenneth Craik) 在他的右侧视网膜上烧了一个小洞，在他直视太阳两分钟时，他的眼睛在那个地方留下了永久的疤痕。不要在家里尝试这个！在他的实验之后的最初几天——他想知道眼睛中的这种病变是否可见——他看到一个闭着眼睛的暗橙色圆盘（正残像）和一个睁开眼睛的黑色残像。幸运的是，一年左右后，克雷克眼中那个位置的视力似乎恢复了正常。他的大脑在这片受损的视网膜上巧妙地填充了信息。“你会明白，我把自己限制在简单的颜色上……我没有选择‘漂亮’的颜色……”- 文森特 – 梵高颜色组合颜色组合在令人愉悦时可能会被忽视，但当构图似乎发生冲突时，会显着冒犯。我们在最终形式或构图中寻求的一个结果是对色彩的成功使用。我们通过批判性地评估最终构图的视觉平衡与和谐来确定我们是否成功——平衡与和谐是通过颜色组合之间存在的视觉对比来实现的。规划成功的颜色组合始于对颜色关系的调查和理解。使用色轮和模板，颜色之间的关系很容易识别。单色关系颜色是相同色调的阴影或色调变化。互补关系在色轮上相互交叉的那些颜色。分裂互补关系一种色调加上另两种与其互补色相距相等的色调。双互补关系两套互补色；所选互补对之间的距离将影响最终构图的整体对比度。相似关系在色轮上彼此相邻的那些颜色。三合一关系在色轮上同等定位的三种色调“颜色，就像五官一样，随着情绪的变化而变化。”- 巴勃罗毕加索颜色和对比度每个视觉呈现都涉及图形与背景的关系。主体（或图形）与其周围领域（地面）之间的这种关系将证明一定程度的对比度；一个物体与其周围的对比越强烈，它就越明显。由于图形和地面之间的对比度低，某些组合难以阅读：白色背景上的黄色文本。黑色背景上的蓝色文本。当我们创建旨在阅读的视觉效果时，在背景（纸张或屏幕）和文本之间为观众提供足够的对比度很重要。理想情况下，文本演示文稿在图形和背景之间提供至少 80% 的对比度。（白底黑字比较理想。）如果图形和地面的对比度不够，观看者会眯着眼睛看文字，造成眼睛疲劳。同时对比一些颜色组合放在一起时会造成错觉：蓝色背景上的红色文本当相反的颜色彼此靠近时，可能会发生一种被称为“同时对比”（或染色质）的现象。文本可能会出现振动或投下阴影。如果查看者长时间专注于显示类似属性的文档，则会导致眼睛疲劳和疲劳。色盲缺陷。视觉文件或标牌的设计不考虑图形和地面之间的整体对比度水平，对于有视力缺陷的人来说可能是有问题的。我的第一手经验发生在几年前，当时我和一位色盲朋友一起去医院。医院创造性地用“路线图”在地板上标出了通往实验室、大厅等各个区域的“路线图”。不幸的是，他们使用了红色和绿色的线条，我的朋友无法区分颜色。如果视觉文档使用颜色来关联重要信息，请确保在颜色不可用时没有信息丢失或可能被误解。选择互补色选择互补色时，完全饱和的颜色将提供最高水平的对比度。从色调系列中的色调或阴影中进行选择会降低构图的整体对比度。“颜色就是生命；因为一个没有颜色的世界在我们看来就像死了一样。”— 约翰内斯·伊滕ITTEN的颜色对比Johannes Itten 是最早定义和确定成功色彩组合策略的人之一。通过他的研究，他设计了七种方法来利用色调的对比特性来协调颜色。这些对比在各个色调的强度方面增加了其他变化；即，对比度可能由于浅、中或暗值而获得。饱和度对比对比度是由明暗值及其相对饱和度的并置形成的。明暗对比对比是由明暗值的并置形成的。这可以是单色构图。延伸对比也称为比例对比。通过分配与颜色的视觉权重相关的比例场大小来形成对比度。互补品的对比对比是由色轮或感知对立的并置形成的。同时对比当颜色之间的边界在感知上振动时形成对比。通过这种对比完成了一些有趣的错觉。色调对比对比是由不同色调的并置形成的。色轮上色调之间的距离越大，对比度就越大。色调的对比 – 原色对比是由主要色调的并置形成的。冷暖对比这种对比是由被认为是“暖”或“冷”的色调的并列形成的。“颜色的关系和比例的关系都是建立在位置的关系上的。”— 皮特蒙德里安比例和强度当颜色并置时，我们的眼睛会感知到视觉混合。这种混合将根据分配区域的比例而有所不同。比例面积最大的颜色是主色（地面）。较小的区域是次要颜色。强调色是那些相对面积较小但由于色调、强度或饱和度（图）的变化而提供对比度的颜色。在深色背景上放置一小块浅色区域，或在浅色背景上放置一小块深色区域会产生强调。如果使用大面积的浅色调，则整个区域会显得明亮；相反，如果使用大面积的暗值，则整个区域都显得暗。按强度而不是按比例交替颜色也会改变感知的视觉混合颜色。比例示例主色次主色强调 色主色次主色强调 色主色次主色强调 色“简单的颜色更能影响亲密的感觉，因为它们很简单。”— 亨利·马蒂斯对比与优势在创作构图时——无论是自由形式，还是更多基于文本的布局，都需要确定整个演示文稿的最终影响。您的意图是制作一个充满活力、引人注目的广告，还是一个低对比度或更中等对比度的演示文稿？这些决定涉及所谓的设计的主要元素。主导元素可以分类为“对比主导”或“价值主导”。然后将证明对比度优势或价值优势的设计细分为低、中和高对比度，或浅、中和暗值类别。颜色的选择将增强或最小化整体影响。从远处或稍微眯一下眼睛，最容易理解以下构图中的主要元素之间的差异。如果斜视时相邻色调之间的接近度不太明显，则整体构图 a 显示较低的对比度；如果整体构图看起来很亮，则它具有光值。相反，如果色调之间的区别非常明显，则对比度较高，如果整体构图显得较暗，则值级别较暗。了解所选调色板的颜色之间的关系将如何影响整体构图的最终结果，对于掌握颜色的使用是不可或缺的。对比优势的例子在下面的示例中，构图的整体对比度水平随着所选色调之间的亮度范围而变化。低对比度低对比度组合使用的颜色在光度或亮度水平的狭窄范围内。中等对比度中等对比度组合使用中等亮度或亮度级别范围内的颜色。高对比度高对比度组合物的颜色范围从非常亮（高亮度）到非常暗（低亮度）。价值支配的例子在下面的示例中，每个组合的整体值随着所包含色调的相对饱和度而变化。光值由色调组成的合成，显示整体光值。中值中值构图由色调、饱和色调和阴影之间的平衡组成。暗值暗值合成主要显示阴影。“蓝色是唯一在所有色调中都保持其自身特征的颜色。从最深到最浅的所有细微差别中汲取蓝色——它将始终保持蓝色。”— 拉乌尔·杜菲示例中使用的图像在明尼苏达大学注册色彩课程时，我们的教授玛丽安·奥托尔夫-巴格利 (Marian Ortolf-Bagley) 鼓励我们使用抽象图像，以专注于构图中的色彩而不是主题。我们的任务从绘制一棵树的轮廓开始。从那里我们将互补色“倒入”空隙中，然后去除任何线性元素。树的轮廓图颜色涌入空隙（鼠标悬停在图像上）为锻炼而剪裁颜色阴影和色调使用分为各种色调和色调的色轮是识别配色方案可能选项的一种方法。这个例子中显示的分裂互补关系呈现了许多可能的组合。通过改变饱和度并在色调关系中尝试阴影和色调，您可以获得多种调色板选项。（单击上方的滚轮可查看大图。）例子中等高对比度、中等价值、使用完全饱和色调的构图。高对比度、中等值、使用阴影、色调和各种饱和度的构图。中等低对比度，中等光值，使用色调和各种饱和度。中等对比度，中等值，使用阴影、色调和各种饱和度。中等低对比度，中暗值，使用阴影和各种饱和度。低对比度，中等值，使用阴影、色调和各种饱和度。中等高对比度，中等值，使用阴影、色调和各种饱和度。高对比度、光值、使用阴影、色调和各种饱和度。“颜色和我是一体的。”— 保罗·克利色彩研究互补关系的颜色。互补关系的颜色分配相等的比例。颜色以分配给主要和次要区域的比例重新分配。颜色强度和比例已修改。使用原始颜色的色调和阴影会产生中等水平的对比度和中等值。应用于构图的颜色。颜色强度和比例修改 – 整个区域显示中等高对比度和中等值。应用于构图的颜色。三合会关系的颜色。三元组关系的颜色分配相等的比例。颜色以分配给主要、次要和重点区域的比例重新分配。修改了颜色强度和饱和度 – 整个区域显示出中等高的对比度。应用于构图的颜色。修改了颜色强度和饱和度 – 整个区域显示出中等偏低的对比度。应用于构图的颜色。颜色强度和饱和度已修改 – 整个区域显示中/暗值。应用于构图的颜色。颜色强度和饱和度修改 – 整个区域显示一个光值，应用于构图的颜色。PETER PIPER 的调色板选择器窗体顶端指示单击下面的输入框之一，然后从左侧的调色板中选择您的颜色，或输入您自己的十六进制 (Hex) 值。要更改您的颜色选择之一，请单击您要更改的合成区域（或相关输入框），然后从左侧的调色板中选择一种新颜色。窗体底端PETER PIPER 的调色板选择器窗体顶端指示单击下面的输入框之一，然后从左侧的调色板中选择您的颜色，或输入您自己的十六进制 (Hex) 值。要更改您的颜色选择之一，请单击您要更改的合成区域（或相关输入框），然后从左侧的调色板中选择一种新颜色。修改色调十六进制值类似于 RGB 值。增加或减少色调十六进制数的各个数字将提供所选颜色的变化。前两位数字表示红色值，接下来的两位数字表示绿色，最后一位是蓝色值。可以赋予其中一个光源的最小值是 0（十六进制 #00）。最高值为 255（十六进制 #FF）。最低到最高：0 1 2 3 4 5 6 7 8 9 ABCDEF您可以将这些值复制并粘贴到输入区域以查看红色的变化：#330000、#660000、#AA0000、#DD0000、#FF0000、#FF7777、 ＆#FF3333。