一、网页中文字与背景：最基础的对比

1. 颜色亮度要拉开：不要用浅灰字配白底，或者深灰字配黑底。正文黑色建议用 #333333（偏黑灰），比纯黑 #000000 更柔和，同时保持高对比；背景用纯白 #FFFFFF。反之亦然。

2. 别把彩字放彩底上：新手常犯的错误是把红字放绿底上。彩色字只推荐用在纯白或纯黑背景上。如果必须在彩色背景上放字，比如运营位Banner，可以给文字加个半透明遮罩或阴影来垫底。

3. 灰色文字要慎用：WCAG无障碍标准建议，正文的对比度最低为 4.5:1。那些看着很“高级”的浅灰字（ #999999 ），在白色背景上对比度只有3:1左右，阅读起来会比较费力，只适合作为辅助说明或不可点击的提示。

二、网页设计色彩运用：用好“撞色”

1. 色轮对侧的颜色：黄色和紫色、蓝色和橙色、红色和绿色（调暗一些）是互补色。把它们放在一起，对比感会最强。比如蓝色背景上的橙色按钮，会比蓝色背景上的绿色按钮突出得多。

2. 只用一种颜色：想突出某个元素时，把它变成页面上唯一的彩色，其他所有地方都用黑白灰。这是最有效、也最容易出效果的对比手法。

三、大小与粗细：看不见的对比

有时候对比不明显，不是因为颜色不对，而是因为面积不够。

1. 大小对比：标题要大，正文要小。如果标题只比正文大2个像素，就失去了对比的意义。建议至少大 1.5倍 以上。

2. 粗细对比：粗体字和细体字搭配。标题用 Bold（700） 甚至 Black（900），正文用 Regular（400） 或 Light（300）。这种黑白之间的灰度差异，本身就是一种明显的对比。

四、留白与间距：负空间的对比

网页画面的对比不仅是“有”的部分，也可以是“无”的部分。

让重要元素独处：在重要按钮或标题周围多留一些空白，它会自然成为视觉焦点。在拥挤的信息流中，留白本身就是一种强烈的对比信号。

五、实战工具与检查方法

1. 吸色大法：拿不准颜色对比是否足够时，打开你喜欢的参考网站，吸取它的文字和背景色，看看别人是怎么配的。

2. 退后一步看：设计完成后，把页面缩小，或者眯起眼睛看。如果眯着眼还能看清主要结构和按钮位置，对比度就合格了；如果眯着眼画面糊成一团，就需要加强对比。

3. 在线检查工具：可以搜 “Web AIM Contrast Checker”。输入前景色和背景色，它会直接算出对比度数值，并告诉你是否符合WCAG标准。

总的来说，让对比度明显最直接的方法就是：白底黑字、黑底白字、关键按钮用互补色、重要文字加粗放大。