大年夜厂设计师都在用的色彩设计指南

我们都知道，在我们的日常设计中的五要素是“形、色、字、构、质”，这五个部分的内容紧密相连，构成一全体产品的设计体系。

好的色彩设计，我们常日可以通过品牌色感想熏染一个品牌产品的状态、感情、情绪，以及要表达的精神内容。

色彩还是一项特殊好做品牌区分或行业划分的要素，因此我们在市场上才能看到不同品牌的配色不一样，比如偏商务的、科技的公司会用冷色调（比如腾讯、Facebook），餐饮方向的公司喜好用暖色调（比如美团、大众点评、麦当劳），康健行业的公司喜好用绿色系（比如说国药、泰康人寿），这都是由于人面对色彩体系具有先入为主的认知。
当然这也不完备是唯一恒定的，比如一个餐饮行业，他们是做康健餐的，那极有可能会把品牌色设定为绿色系。

除此之外，人的年事差异、兴趣爱好差异、性别差异、习气差异，都可能对同一种颜色的感想熏染不一样，这便是为什么有的人喜好蓝色、有的人喜好绿色、有的人喜好黄色，因此很多大厂在产品初始的时候都会调研目标用户的色彩趋向

但，好的色彩每每不是随意为之的，而是设计师通过生理研究、用户调研等办法终极确定的，这就须要我们具有比较完善的设计体系理论。

一、色彩根本内容

大部分设计师在初入行业的时候，设计都是纯靠自己天生的色感，但是不一定所有人的色感都是高等的，因此我们须要学会一些根本的色彩内容，理解不同的色彩逻辑的关系是怎么样的，这样更有助于我们去做色彩设计

人类看到色彩是由光产生的反射所以为的，而不同的波长的光射线就产生了不同的颜色，这里包含有单色及混色，如果光足够纯净，那我们看到的颜色都是单色的。

不过从现实中来说，人类看到的光普射线波长都是稠浊的，这也是为什么我们除了七彩虹的单色外，还能看到其他稠浊的颜色。

图片来自网络

当光的反射弥散值超过了一定的数值，我们看到的便是白色，反之，如果一个物体无法反射光，那我们看到这个物体可能便是玄色。

1. 什么是三原色

三原色的划分有2种逻辑，分别是美术三原色：红（品红）黄蓝（青）；光学三原色红绿蓝。

2. 什么是色相、饱和度、明度

色相、饱和度、明度合并成为色彩三要素，我们在设计的时候基本都须要考虑这三个维度的组合来取设定我们的颜色色值。

色相：指的是颜色本身，比如赤色、蓝色、绿色，比如下图的色组。

饱和度：也称为纯度，饱和度是一个混灰多与少的问题，混灰越多，饱和度则月尾，如果不混则越高。

明度：也称为亮度，明度与饱和度类似，但明度是混白或黑多与少的逻辑，以标准色作为明度最高的标准，混黑越多明度越低，混白越多颜色越淡，属于双向逻辑。

3. 什么是色值

在rgb模式下，通过十六进制转换而成的颜色数值（简称Hex），数值转换一样平常通过专业的设计软件或者一些在线转换的小工具来进行实现。

4. 什么是色彩模式

色彩模式是我们常再软件中并且选择的详细模式，一样平常包含有Hex、RGB、CMYK、HSB。
在利用的过程中也有区分，下面对每种模式进行项系数解释：

图片来自网络

Hex（Hexadecimal）：在设计和颜色表示中常日指的是十六进制颜色值，也称为 Hex Code。
Hex Code 是一种用于表示 RGB（红绿蓝）颜色的办法，通过六个十六进制数字来描述颜色的深浅和纯度。

RGB（Red、Green、Blue）：RGB就比较好理解了，一样平常来说与CMYK对应，RGB 是最常用的颜色模型之一，广泛用于数字图像、电脑显示器、拍照和许多其他领域。

sRGB（标准红绿蓝）是一种用于显示器、相机和互联网图像的标准 RGB 颜色空间。
它是一种广泛采取的颜色标准，旨在确保在不同设备和平台上显示的颜色保持同等性。

CMYK（Cyan、Magenta、Yellow、Black）：CMYK 是一种颜色模型，其名称代表着青色（Cyan）、品赤色（Magenta）、黄色（Yellow）、玄色（Key/Keyline）这四种颜色。
CMYK 被广泛用于印刷行业，特殊是在创建彩色印刷品时，如杂志、海报、包装等。

在 CMYK 模型中，每个颜色通道的值常日以百分比表示，表示每种颜色的浓度。
由于这种颜色模型是通过稠浊颜色的办法来创建其他颜色的，因此利用 CMYK 能够仿照出广泛的颜色。
玄色通道被添加，是由于在实际印刷中，利用纯粹的 CMY 无法完备产生深度和真实感，而加入玄色通道可以增强深度和比拟度。

HSB/HSV（色调、饱和度、亮度）：是一种颜色模型，它以人类感知颜色的办法来表示颜色。
HSB 模型常用于图形设计、图像处理和其他创意领域，由于它更直不雅观地反响了颜色的特性。
HSL与HSB属于同一种模式，唯一的差异是轴线的差异。

5. 什么是色系

色系，可以理解为颜色系列，属于色相的扩展说法，色系每每因此一整组的办法进行设计或者涌如今大家面前。

我们常说的色系有暖色系和冷色系，这个因此人类对付颜色感知的温度来划分的， 在色环中，以绿和紫色两个中性色为界，红、橙、黄等为暖色，绿、蓝绿、蓝等为冷色。

但在实际运用中，设计师会根据自己设计的内容去定义一些色系名称，比如蓝色系（冷色系），设计师一样平常会意义为海洋色系；绿色系，设计师会定义为森色系；再比如粉色系，常日会明明为芭比粉，这些命名的办法都是营销者为了让用户更加具象直不雅观的认知所定义的，在色彩学中，并没有这些说法。

图片来自网络

6. 什么是色环

色环又称色轮、色圈，是将可见光区域的颜色以环形的办法来进行展示，是色彩设计运用的常用工具，最根本的色环会包含12种不同的颜色。
但在实际设计中，设计师会根据实际的色彩运用扩展为24色环或者36色环。

7. 什么是互补色

大略来说便是2组颜色稠浊后产生非色彩的颜色（中性灰）的颜色就为互补色，互补色包含于比拟色。

从色环的逻辑来说，180直线对着的2组颜色即为互补色，但由于不同颜色系统的组成办法不同，以是我们在CMYK（消减性补色）和RGB（叠加性补色）下会产生不同的比拟色逻辑，大致如下：

互补色，分为叠加性补色和消减性补色，这个比较好理解，我们可以直接理解为叠加性为RGB模式消减性为CMYK即可，RGB中，如果2种颜色RGB值相加255，那么即为互补色。

8. 什么是比拟色

在色环中，跨度在120-179的颜色都可以称为比拟色 。

9. 什么是中差色

中差色介于临近色和比拟色之间，在色环上互为90的颜色，中差色组比拟明确，在基准色和临近色不足区分的时候，就可以考虑利用中差色来进行设计，加强色感的明确性。

10. 什么是临近色

临近色即为在色环中相邻较近的颜色，一样平常色环在60旁边的两个颜色可以定义为临近色，比如蓝色和绿色，黄色和橙色。

11. 什么是类似色

类似色与临近色比较靠近，但是类似色的区间比临近色小，一样平常在色环的30度旁边的两个颜色可以定义为类似色，比如橘黄色和黄色，蓝绿色和蓝色。

12. 什么是撞色

撞色是设计表达的一种命名办法，一样平常指2种有冲突的颜色，比如赤色和绿色，赤色和蓝色。
基于这个观点就比较好理解了，也便是说我们常说的比拟色或者互补色都可以定义为撞色逻辑。

13. 什么是稠浊色

稠浊色是基于三原色的原则下提出的色彩观点，也便是两两稠浊而成的第三种颜色，比如赤色+黄色会变成橙色，黄色+蓝色会变成绿色。
在设计的时候，稠浊色一样平常用来做过渡性的色彩搭配赞助。

二、色彩的感情

色彩感情是指，人面看到颜色时产生的情绪或感情冲动，这份感情是由于不同频率的色彩产生的光信息经由眼睛通报到大脑后产生的遐想思考结果，是从外在到内在，从生理到生理的转换遐想的结果。

从理论上来说，同一个地区的不同的人对同一种颜色产生的感情都会有奇妙的差异，但总体来说是同等的，差异便是在于感情产生的程度，色彩感情会受我们从小到大的环境所影响，从而产生不同人对付同一种颜色有较大的认知差异。

比如是常年住在树木很多的地方，自然会更喜好绿色，而从小在海边终年夜的孩子则会更喜好蓝色，这个是由于长久的环境影响对大脑反射的影响产生的情绪差异，但大家对付色彩的感情反馈大致是一样的。

不同的颜色代表不同的感情反馈

1）赤色

赤色是血液的颜色，给人的觉得每每是热辣的，使人情绪飞腾，变得激动。
赤色在所有的光谱中是频率最低的，是膨胀的。
在设计中，切忌大面积的利用赤色，除非你对颜色的运用很有履历，不然随意马虎引起视觉疲倦。

图片来自网络

2）黄色

太阳的颜色，给人温暖、辉煌、残酷的感情感想熏染。
如果在设计中利用黄色，解释了这个品牌具有较高的自傲，是一个正能量的企业。
但黄色切忌与白色进行重叠，随意马虎造成轮廓不清晰而影响内容的识别度。
黄色作为金色的赞助颜色，在设计利用上也是比较百搭的。

图片来自网络

3）蓝色

天空和大海的颜色都是蓝色，蓝色是冷色调，给人一种镇静、向内的感情感想熏染。
同时，蓝色也是一种科技、商务的色彩，大多的商业化品牌都喜好利用蓝色作为主色调，比如腾讯、Facebook等大厂。

图片来自网络

4）绿色

大自然的颜色，绿色给人一种清新、舒畅的的觉得。
属于中性色，既没有黄色的明艳，也不具备蓝色的深邃，给人一种安全感的感情代价。
市场上大多的康健类品牌会选择绿色作为主色调。
但正由于绿色属于中性色，因此在设计时须要拿捏得比较到位，才能设计出高等个感。

图片来自网络

5）橙色

橙色与黄色同属于太阳的颜色，但却比较黄色弱了几分。
橙色是由黄色和赤色稠浊而成的颜色，以是橙色的运用选择须要选择偏黄的一些，这样会给人一种自然的舒畅感，如果橙色太深则具有“”焦“”感，让设计看起来没有那么年轻。

图片来自网络

6）紫色

紫色具有一定的“魅”感，是一种比蓝色还要深邃的颜色，给人的觉得是一种邪魅、深邃、妖娆的觉得。
因此在设计的时候为了让紫色更好的表达，可以考虑适当加一些白来提亮，让紫色粉一些，来降落紫色本身的气质。

图片来自网络

7）金色

黄金的颜色，给人一种崇高、奢华、贵族的感想熏染。
市情上无论是线上，还是线下，所有的VIP的设计基本都会利用金色作为主色调，金色搭配白色、银色、玄色、紫色…都能够表示出一种高等感，因此也被誉为最百搭的颜色。
但是要在设计中利用好金色，则须要掌握好金属呈现的比例，稍有不慎则会变得“土”。

图片来自网络

8）黑白色

黑白，一阴一阳，黑白在大多数的情形下都是作为赞助性的颜色涌现，比如在品牌设计中，只有笔墨色是属于黑白的，不过纯挚利用黑白也可以设计得很高等，比如国际一线潮牌off-white，便是把黑白玩到极致了，以至于很多品牌都争先的模拟，黑白作为品牌色最大的好处便是不随意马虎过期，由于黑白是身边一定要的色调。

图片来自网络

不同的颜色可以产生不同的生理浸染。
从细节上来说这些感想熏染每个人都各不相同，但总的来说纵然是来自不同文化的人也每每有同样的感想熏染。
比如赤色使民气境激动，蓝色使人们安静。
对艺术家、建筑师、服装设计师和广告制作者等来说颜色的生理浸染是非常主要的。

除此之外人对颜色的感想熏染还有许多特殊的效应。
一个有趣的征象是如果一个画家在绘画时只利用少数几种颜色，我们的眼睛会试图将灰色或其他中立的颜色算作是缺少的颜色。
如果一幅画中只有红黄黑和白色，那么我们就会把黄和黑的稠浊色算作一种绿色，把红和黑的稠浊色算作一种紫色，而灰色会显得有点蓝。

三、组合颜色，创造新感想熏染

虽然不同的颜色产生出不同的感情感想熏染，但如果我们在设计的时候只利用单一的色彩就会显得太过于单调了，乃至，我们在大自然的天下中也不会存在完备单色的物体。

因此我们在设计时仍旧须要通过不同颜色的组合来进行设计，通过组合的颜色会通报出全新的视觉感想熏染，有的折衷、有的自然、有的新鲜、有的冲突，有的高等。

下面我们通过几组色彩来看看不同的色彩搭配觉得：

1.这组颜色整体属于中饱和度，蓝色和黄色本身便是一组匹配度较高的色调，一冷一暖，整体冲突却又折衷。

图片来自网络

2.这组颜色属于深色调性，无论是深邃的墨蓝色背景或者是深赤色都给人一种神秘感，但红蓝的撞色冲突中又带有一些折衷。

图片来自网络

3.这组颜色，主体整体比较偏粉，属于低饱和的状态，给人的觉得就很温顺、舒畅、优柔。

图片来自网络

4.这组颜色，紧张是由紫色和黄色互补而成组成，比拟强烈，给人一种神秘却又鲜活的感想熏染。

图片来自网络

5.这组水果的配色，具有高饱和度，整体的觉得便是“新鲜”。

图片来自网络

四、设计中的颜色运用

色彩设计，在图形设计中也是非常主要，在实际的产品设计中，须要通过不同的颜色来设定图形的属性、表意、内容的归属。
图标颜色的运用可以涵盖许多不同的领域，包括设计、用户界面（UI）、品牌标识等。

总体来说，图形中的颜色运用须要根据设计的目的、受众、信息层次等成分进行慎重选择，适当的颜色利用有助于提升图形设计的效果，使其更具有吸引力和表达力。

1. 担保品牌色调严谨性

公司和品牌常日利用特定的颜色来识别和区分自己，因此在任何场景下都要担保品牌色调准确，以加强品牌的可识别性和同等性。

2. 品牌主题化设计

比如星巴克的设计一贯都因此品牌绿作为主调，从logo开始，贯穿到全体产品内容、宣扬内容、APP、网站，整体都是品牌化的主题性设计，经由日积月累的韶光，用户往后看到绿色都会遐想到星巴克的品牌。

图片来自网络

3. 图形颜色同等性

在图标设计的时候，保持色彩的同等性，是图标设计的个中意向根本。
可以通过合营质感、造型等内容提升整体产品的折衷感，以及品牌的统一调性。

图片来自网络

4. UI中的运用

通过品牌色调的点缀，提升品牌的设计调性，利用留白、比拟、及强调，让用户记住色彩调性。

图片来自网络

5. 可视化虚拟界面

在可视化的界面设计的时候，由于真实环境或者虚拟环境本身已经具有一定的滋扰性，因此在设计的时候须要做到颜色更加明快，内容设计本身须要做到直接、干净、简洁。

图片来自网络

五、品牌色彩构造

品牌色彩构造是指一个品牌在设计和视觉表达中所利用的特定颜色组合。
这种颜色构造有助于建立品牌的视觉识别和同等性，使其在各种媒体和平台上都能够被认出。

品牌色彩构造的建立须要经由寻思熟虑的品牌计策和设计过程，以确保品牌在不同情境下都能够传达出同等的形象和代价不雅观。
一旦建立，品牌色彩构造将成为品牌标识的核心元素之一。

品牌色彩构造紧张包含有：主色、赞助色、中性色、强调色、互补色、色彩规范、相应色。

案例来自google search 品牌

1.主色

品牌中的核心紧张运用颜色，常日与整体品牌调性息息相关、紧密相连，在全体色彩构造中的占比也是最大，用户大多从品牌主色中感想熏染品牌的整体调性。
比如星巴克黑绿给人的宁静、麦当劳红黄给人的生动激动、Facebook蓝色给人的商务镇静。

2.赞助色

赞助色可以是与主色相配的颜色或者是撞色的设计，用来填补色彩设计单一的问题，属于品牌设计中涌现第二多的颜色。
除此之外，赞助色可以用于背景、文本、按钮等各种元素，以供应更多的设计灵巧性。

3.中性色

中性色常日来说会利用黑、白、灰，或者说深度较高带有品牌主色色相的深色。
中性色紧张的浸染是用于补充颜色运用的缺位，在一些没法利用品牌色或者赞助色的场景中涌现，比如我们的字体颜色，就可以利用中性色来进行大面积的设计，平衡整体的色彩，让笔墨类设计的可读性更高。

4.强调色

强调色，也是我们常说的highlight的颜色，大部分情形下会利用品牌主色或者赞助色，当主色没法被大面积运用的时候，可以拓展出别的颜色来进行运用。
一样平常用于强调某些内容或者某些笔墨，比如说我们的链接、人名、分外地址、按钮、图标等等。

5.互补色

互补色是与主色相对立的颜色，用于供应比拟度和吸引眼球。
互补色的利用可以使品牌在设计中更具活力和引人瞩目。

7.相应色

在建立品牌色彩构造时，要考虑到不同设备和屏幕上的表现。
确保品牌颜色在不同分辨率和屏幕上都能够保持同等性和可识别性，大部分情形下相应色会利用品牌主色或者强调色。

9.颜色规范

颜色规范即把以上的所有颜色的内容写成一份文档，建立一套颜色规范，定义主色、赞助色和其他颜色的详细数值，以确保在各种媒体和平台上都能实现同等的品牌表达，方便在后续的设计中连续运用。

图片来自网络

我们在设计品牌色彩构造的时候，须要遵照一些规则，以确保品牌的视觉识别性和同等性。
以下是我梳理的一些紧张规则：

1.同等性

同等性紧张是在运用上，也便是说，如果我们设定了一整套色彩系统或者色彩构造，我们须要担保品牌色彩在任何的场景下或者媒介下都是具有同等性。

比如谷歌的品牌系统色调的延伸设计（如下图）：

2.目标受众

须要考虑用户对品牌色的接管程度，尽可能选择用户喜好或者常见的色调来做品牌主色调，并且基于这个方向，设计出更高等的色彩质感。

图片来自网络

3.品牌代价不雅观

色彩是品牌通报的一个比较直不雅观的工具，如我们上面写到的，不同颜色代表不同的感情、情绪，因此我们在设定品牌色彩的时候也须要结合色彩感情来取定义。

图片来自网络

4.竞争对手差异化（可识别性）

品牌色差异化，是品牌设计师最基本的思考观点，避免与竞争对手产生重叠，确保自己的品牌色与竞争对手有足够大的差异化，才能产生独特点，从而让用户或者消费者可以记住品牌特点，从而提升自身品牌的可识别性，使消费者在看到品牌色时能够迅速遐想到自家的产品。
比如瑞幸和星巴克的差异化

图片来自网络

5.灵巧性

色彩的设定不应该是一成不变的，结合品牌宣扬的须要或者产品的须要，须要设计出一定的色彩容错率或冗余。
或者在设计之初提前对付多场景的运用进行考虑，担保品牌在不同的韶光段、不同的场景下都具有较高的灵巧性。
比如Apple的品牌特性，每一年的品牌大会，品牌logo的设计都会变，随之品牌色调也会有特定的设计。

图片来自网络

六、颜色的行业运用差异

行业与行业直接的利用色彩是有一定的认知壁垒在里面的，当然这个认知不是本来就有，而是长久以往被大环境的影响产生的，比如一个卖金的商家或者餐饮的商家，不太可能把品牌色设定为冷色系，科技化的公司也比较少把品牌色设定为大赤色。

色彩的认知是会直接烙印在人的大脑的，行业的色彩壁垒也是如此，这个壁垒收到基层逻辑影响，比如长久以往的所看到的影响或人类作为生物天生的认知，都会导致不同行业之间的色彩的差异壁垒。

不同行业常日会有特定的配色方向，以表示品牌的特性、业务性子，但这不是唯一的选项，只是设计行业发展多年的一份趋势，设计师可以依据一些趋势客岁夜胆的提出自己的想法，帮助品牌主在行业红海中突出自己的品牌调性。

1.科技行业：

科技行业大多以蓝色紧张紧张色调，蓝色常日可以代表创新、信赖、可靠性和平和，也有少部分利用绿色或者赤色。

图片来自网络

2.金融行业：

蓝色、金色常日是金融行业比较常见的色彩，蓝色可以表达出一种商务化氛围，选择较深一些的蓝色则会更透出一丝的沉稳的气质，而金属常日作为赞助色彩，利用在一些产品宣扬物料上，金色给人一种自然的尊贵感，前面也提到，金属很具有VIP的感情氛围。

图片来自网络

3.医疗行业：

医疗行业给人最大的色彩认知便是蓝色、绿色、白色，整体给人一种镇静、清洁、安全的感想熏染，白色和灰色用于供应专业性，而绿色和蓝色用于通报康健和舒适感。

图片来自网络

4.食品和餐饮行业：

特性颜色：赤色、橙色和黄色在食品和餐饮中很常见，由于它们能够引发食欲和活力。

中性颜色：常常利用中性的棕色、米色或玄色（日料店很喜好利用玄色作为主品牌色），以与食品本身形成比拟。

图片来自网络

5.时尚行业：

时尚行业比较常看到的色彩是黑白灰，但是时尚行业比较受消费程度和时令性趋势影响，越高等的品牌设计越简约，这也导致了品牌色调的简洁化，比如GUCCI、LV等大牌的品牌色都是玄色主调，但这不影响他们在产品设计中去利用别的颜色，这便是品牌色彩的“灵巧性”最好的表示

图片来自网络

6.艺术与文化行业：

艺术行业来说比较少有特定的颜色，由于整体行业跨度比较大，大家对付艺术的认知比较少有固定的认知。

图片来自网络

男、女及儿童的色彩设计差异：

男性与女性乃至儿童的色彩设计也是具有一定的差异性的，男女性的色彩差异比较好划分，从男女的生理上来说，男性比较偏空想，女性比较偏感性，因此就造成的在这2个方向下的色调差异，儿童的话则是另一个范畴，从非严格的意义上来讲，任何的颜色都适宜儿童。

男性行业的颜色比较偏冷色系，比如蓝色、绿色或者黑白灰等，而女性行业的颜色则会偏暖色系，比如粉色、紫色、赤色、黄色、金色…等。
但儿童行业的颜色常日会利用通亮、活泼、多彩的色彩，以吸引儿童的把稳力，传达欢快、友好和有趣的觉得。

图片来自网络

七、背景色对设计的影响

背景色是我们在设计时候比较主要的一个成分，掌握好背景色与前景的关系，可以大大提升设计的质感，相反，如果背景色过于抢眼则会导致主题弱化，变得喧宾夺主。

我们在设计背景色的时候紧张从几个维度来进行考虑：

1. 保持同等性

保持与前景颜色的同等性，这样的背景色可以达到一种折衷统一的美，比如前景是一种暖色调，我们在设计背景色时只须要考虑把前景物体颜色进行降饱和或者降亮度的方法来处理即可。

图片来自网络

2. 比拟突出

比拟突出是一种比较大胆的设计方法，采取与前景互补的颜色来进行设计，可以大大提升画面的跳脱感，提升一些生动的程度。

图片来自网络

3. 利用中性色

如果你对背景利用什么样的颜色没有把稳，那么可以考虑利用一些比较中性的颜色，比如黑白灰，或者一些比较低饱和的稠浊色，比如绿色

图片来自网络

4. 利用最靠近背景物件的色彩

如果前景具有一定的空间感，我们可以考虑利用最靠后的物体的颜色来作为背景色。
来达到空间的延伸。

图片来自网络

5. 利用品牌主色调或者赞助色

比如discord或者Apple的设计，就比较常直策应用品牌色或者赞助颜色作为网站设计的背景色，这样可以直接在视觉上给人直不雅观的色彩调性。

图片来自网络

八、潘通色

PantoneMatching System（PMS）是一种广泛用于颜色标准化的色彩匹配系统。
它是由美国公司Pantone LLC开拓的，旨在供应一种标准的、精确的方法，以确保在不同的媒体和设备上能够精准地再现相同的颜色。

潘通基于不同的场景开拓了2种场景利用的颜色系统，一种是平面设计上利用的，编号为“PMS”开头；另一种是家居+室内装潢运用的，分别是“TCX”指的是纺织品，“TPG”指的是颜料及图层。

潘通目前已经研究了15000多种颜色，目前设计软件紧张是和Adobe互助，也有供应独立的APP供用户进行利用。

我们可以再潘通的官网理解到很多关于色彩趋势的文章，相信对喜好色彩设计的你来说会很有帮助，网址：https://www.pantone.com/hk/tc/articles/colors

潘通过去这些年发布了很多的年度主题色，我们可以来看看每一年的色彩。
详细可以进入网站查看：https://www.pantone.com/hk/tc/articles/color-of-the-year

九、取色工具分享

我们在设计的时候，大多利用软件来吸取颜色，对付设计师来说这无疑是最方便的工具，但是如果你不是设计师或者你

1. Adobe Color Wheel

Adobe Color Wheel是Adobe供应的在线配色工具，可以帮助用户选择、调度和预览颜色方案。

链接：https://color.adobe.com/zh/create/color-wheel

2. Color Hunt

Color Hunt供应了各种由设计师创建的精选颜色方案，用户可以浏览、筛选和获取相应的颜色值。

链接：https://colorhunt.co/

3. Paletton

Paletton是一个在线色彩方案设计工具，用户可以通过选择根本颜色来天生单色、比拟色、三角形配色等方案。

链接：https://paletton.com/#uid=13h0u0kleqtbzEKgVuIpcmGtdhZ

4. WebGradients

WebGradients是一个在线工具，供应了丰富的渐变颜色方案，用户可以预览渐变效果并获取相应的颜色代码。

链接：https://webgradients.com/

5. Image Color Picker

Image Color Picker是一个在线取色器，用户可以上传图片或供应图片链接，然后点击图片获取所选位置的颜色信息。

链接：https://imagecolorpicker.com/

6. HTML Color Codes

HTML Color Codes是一个大略的在线工具，用户可以通过选择颜色或输入颜色代码来获取颜色信息。

链接：https://htmlcolorcodes.com/color-picker/

7. ColorHexa

ColorHexa是一个强大的在线色彩工具，供应了对颜色的详细解析，包括颜色的多种表示办法、调色板和干系信息。

链接：https://www.colorhexa.com/926471

8. Coolors

Coolors是一个在线配色工具，供应了创建、调度和探索颜色配色方案的功能。
用户可以利用该工具天生随机颜色方案，并获取对应的Hex和RGB值。

链接：https://coolors.co/

9. CSS Gradient Generator

CSS Gradient Generator是一个在线渐变天生器，用户可以选择颜色和渐变类型，然后获取对应的CSS代码。

链接：https://cssgradient.io/

十、利用灰度鉴别色彩合理性

如果我们在设计的时候，不知道利用的颜色是否过于泛滥，那么可以通过“灰度”的方法来进行测试，灰度的是一种常见的设计技巧，通过黑白灰的模式，来去看整体设计的色彩状态、色彩平衡感，以及饱和度情形。

我们在日常的设计中，在大部分的场景下都须要利用到，比如拍照、KV头图的设计、插画设计、品牌色运用、图标设计等等。

测试灰度的方法也比较大略，我们可以通过软件的去色功能或者把饱和度调到最低的方法来进行测试，去色之后，我们就可以通过色阶来查看色彩黑白灰的情形。

案例一：拍照图片

如下面2个图，图一：黑白灰的分布均有所保留，深色和灰色相对较多；图二：没有深色调，整体图片灰色调更多一些。

案例二：海报图

如下面2个图，图一：黑白灰色调均衡；图二：缺少深色调，整体色彩比较偏浅。

总结

本日禀享的的内容属于色彩设计中中的一些根本内容，更多的色彩设计还须要结合实际的产品、内容、场景来进行发散和重新定义，这样设计出来的内容才会更加具有支撑点，也会更加具有落地意义。

本文由 @DD的设计站 原创发布于大家都是产品经理。
未经作者容许，禁止转载。

题图来自Unsplash，基于CC0协议。

该文不雅观点仅代表作者本人，大家都是产品经理平台仅供应信息存储空间做事。