学习Web配色方案和工具，如何打造高颜值网站？

嘿，老友们！今天我们聊聊怎么让你的网站像美 说实话... 食一样让人垂涎——那就是配色方案和工具啦！

为什么颜色这么重要？

你知道吗？大概80%的第一印象都来自颜色。 如果你的网站背景太暗或者字体跟背景撞色，那用户就会立刻跑掉。 所以选对颜色就像给网站装上心跳，让它活灵活现。

情绪与品牌的关系

不如... 红色能激发热情；蓝色传递专业；绿色则给人自然、放心的感觉。 这不是随便玩玩，而是把心理学搬到网页上。 你要先想好，你的网站想给人什么感觉，然后再挑配色。

基本理论速览

说实话，我以前也跟你们一样只会点点点。 但只要记住三个关键词：主色、辅色、点缀色，就能搞定大部分需求。

主色

这是最抢眼的那块颜色， 用来做logo、导航栏或者大标题。

辅色

盘它... 主色的搭档， 它可以是互补或者相近调子，让页面有层次感。

点缀色

小细节用来强调按钮、 链接或提示信息，让用户注意到重要动作，可能.….。

选择配色方案的步骤

#1 找到你的基调 #2 决定是否使用冷暖系 #3 调 嗯，就这么回事儿。 整饱和度和明度 #4 检测可访问性 #5 做一次整体预览

#1 找到你的基调

先在纸上画个简笔图标，然后把它涂成你想要的风格。比如科技感可以选蓝紫组合；而手工艺风则偏向土黄棕。

#2 决定是否使用冷暖系

心情复杂。 "冷暖"*就是指蓝类或红类，你可以把它当作“气氛”标签来选。

#4 检测可访问性

被割韭菜了。 "不对不对， 应该是先检查对比度，再看看是不是符合WCAG标准。"哈哈，就是先确认白字黑底还是黑字白底再决定亮度。