配色是网页设计里见效最快、也最容易出问题的一环。它同时影响观感、可读性，以及对品牌的第一印象。这篇文章从颜色怎么描述、怎么搭配两方面说起。
颜色在网页里怎么表示
网页上的颜色用几种方式描述。最常见的是十六进制写法，用一组代码表示具体的颜色，适合精确控制；另一种是用红、绿、蓝三个通道的数值来定义，好处是可以额外指定透明度，做半透明效果时更方便；还有一种用色相、饱和度、亮度来描述，更接近人挑选颜色时的直觉——想让它更淡一点、更鲜艳一点，直接调对应的那个值就行。三种方式可以互相换算，实际使用时按场景选就好。
搭配的第一原则是保证可读
无论配色多好看，文字看不清就没有意义。文字与背景之间要有足够的明暗或色相差，避免浅灰字配白底这类「看着雅致、读起来费劲」的组合，正文尤其要注意，它占的阅读时间最长。此外，色觉不常见的用户也需要被考虑到——只用颜色来区分信息（比如一种颜色代表错误、另一种代表成功）是不够的，最好同时给出文字或图形提示。
控制颜色的数量
一个页面里颜色过多，会显得杂乱、找不到重点。比较稳妥的做法是分三层：一个主色决定整体调性，一到两个辅助色用于区分模块，少量点缀色用于强调操作入口。中性色（黑、白以及不同深浅的灰）承担大部分背景和文字的工作，是画面的稳定器。实际搭配时，主色占的面积最大，点缀色最少——比例失衡是很多配色显得廉价的原因。
颜色要服从品牌与内容
配色不是孤立的审美选择。它需要和品牌已有的视觉体系对得上，也需要和内容的气质相符。同一套颜色，用在正式的产品说明上可能合适，用在轻松的活动页上就未必。此外要留意颜色的含义会随语境变化，同一个颜色在不同文化中的联想并不相同，面向海外用户时值得先确认一遍。
暗色模式要单独设计
把浅色页面的颜色直接反相，效果通常不好。暗色模式下，背景不适合用纯黑，文字也不宜用纯白，否则对比过强、长时间阅读容易疲劳。同时，原本在浅色背景上显得克制的颜色，放到深色背景上可能会过于刺眼，需要重新调整饱和度。
几个日常习惯
一是不要直接用默认色板里的原色。那些饱和度最高的基础色，用起来往往显得生硬，稍加调整就会好很多。二是确定用色之前，先在真实内容上试——用正式的标题、段落和长文本，而不是占位文字。三是调色时用色相、饱和度、亮度这三个维度去思考：客户说「这个蓝色再淡一点、再亮一点」，你立刻知道要降饱和度、提亮度。四是把选定的颜色整理成一份简单说明，写清楚每个颜色用在哪里，方便后续维护和交接。
配色没有标准答案，但有一条通用的判断：把页面给不了解背景的人看一眼，问他第一眼注意到什么、能不能顺畅读下去。答案和你的预期一致，这套配色就算站得住。