颜色家族和调色板

改变网页设计情绪的最佳方法之一是改变配色方案. 如果要使用颜色来影响情绪，了解颜色族及其代表的内容会有所帮助。颜色族将颜色控制盘划分为三种类型的颜色：

• 温暖的颜色
• 冷色
• 中性色

虽然可以使用所有三个系列的颜色进行设计，但大多数设计都具有温暖、凉爽或中性的整体感觉。

以暖色为动力

暖色包括红色、橙色和黄色的阴影以及这些颜色的变化。它们被称为暖色，因为它们能唤起一种阳光和火的感觉——温暖的东西。使用暖色的设计往往充满活力和振奋人心。他们暗示了大多数人的热情和积极的感觉。暖色往往是创造力、庆祝、激情、希望和成功的颜色。

暖色只用两种颜色:红色和黄色。这些原色合在一起就成了橙色。当混合颜色时，不要在暖色板中使用任何冷色。

用冷色放松

冷色包括深浅不一的绿色、蓝色和紫色以及这些颜色的变化。它们被称为冷色，因为它们会让人产生水、树和夜晚的感觉。它们给人一种放松、平静和矜持的感觉。使用冷色的设计通常被认为是专业的、稳重的、有条理的。

与暖色不同，冷色只有一种原色，蓝色。因此，要在调色板中获得其他颜色，可以将一些红色或黄色与蓝色混合，得到绿色和紫色。这使得绿色和紫色比蓝色更温暖，蓝色是一种纯粹的冷色。

中性色

中性色由三种原色的组合棕色和其余两种颜色组成：黑色和白色。颜色越浑浊或灰色，就越中性。中性设计是最难定义的，因为它们唤起的感觉大多来自于影响它们的暖色和冷色。黑白设计被认为是优雅而复杂的，但由于这些颜色太过鲜明，在创建有效的网页设计时可能会遇到挑战。

另一种创建中性调色板的方法是在暖色或冷色中添加黑色或白色，使颜色更灰。

在网页设计中使用颜色族

如果你想唤起一种情绪在你的网页设计中，颜色族可以帮助你做到这一点。一个很好的测试方法是在三种颜色中创建不同的调色板，并用这三种颜色来比较你的设计。您可能会注意到，当您改变颜色系列时，页面的整个色调也会发生变化。

以下是一些示例选项板，您可以在不同的颜色族中使用网页：

温暖的

• #cc333F，eb6841，edc951
• #ffd573、#ff773d、#F73E
• #ffe545、fefbaf、c2a34f、fbb829
• #ffab03， #fc7f03， #fc3903， #d1024e

酷

• # 69 d2e7 # a7dbd8 # e0e4cc
• #2a044a、0b2e59、0d6759、7ab317、a0c55f
• #8ca315， #5191c1， #1e6495， #0a4b75
• #8fbfb9、6493a7、bddb88、e0f3b2、eefaa8

中立的

• #d9ceb2、#948c75、#d5ded9、#7a6a53、#99b2b7
• #e6cba5、ede3b4、8b9e9b、bd7578
• #d8d0c8、#d2d0c8、#cbd0c8、#c4d0c8
• #182009、464b35、757661、d1ccb9