颜色搭配表本节将网页设计中常见的色彩搭配按照色相的顺序归类每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序FFFFCC#CCFFFF#FFCCCC#CCCC99#FFCCCC#FFFF99#CCCCFF#0099CC#CCCCCC#FF6666#FF9966#FF6666#FFCCCC#CC996 #CC9999#FF6666#FFFF66#99CC66#CC3333#CCCCCC#993333#CCCC00#663366#CCCC99#CC0033 #000000 #003399 #000000| #99CC00 #CC0033 #999933 #993333 #333300#FFFFCC#CCFFFF#FFCCCC#CC99CC#CCCC00#666600#FFFF66#FF9966#FFFFCC#FFCC99#CCFF99 #CCCCCC#CCCC00#999966#FFFFCC#CCCC33#FFFFFF#336699#CCCC33#999999#CCFFFF#99CCCC#99CC33#FF9900#FFCC00#99CC33#FFFFFF#oooooo|#339933|#99CC00#FFFFCC#FFFFCC#CCCC66#OO6633#99OO33#FF99OO#CCFF99#FFFFFF#66CCCC#339999#FFFFFF#99CCFF#66CC99#FFFFFF#666699#009999#66CCCC#CCFFFF#FFFFCC#CCFFFF#FFCCCC#99CCCC#FFCC99#FFFFCC#99CCFF#336699#FFFFFF#CCFFFF#99CCCC#FFFFFF#CCFFFF#FFFFFF#CCCCFF #CCCCCC #FFFFFF#FFFFCC#0099CC#FFFFCC#6666CC#9999CC #FF9999 #6666991#003399〕#FFCCCC#FFFFCC#FFFF99#FFCCCC#FF99CC#FF9966#6633991#996699〕#FFCCCC#CC99CC#996666]#CC99CC #FFCCCC #FFCC99#FF9933#663366]#333399〕#CCCCFF#CC99CC#663366#CCCCCC#CC99CC#FFFF99#993399#FF99CC#66CCCC#CCFF66#CCCCCC#CC99CC #CC3399 #CC3399 #FFCC99#FF6666#FF3399[#CCCC99#663366#663366#FFFFCC#FFCCCC#663366#CCCCCC#CC99CC#990066色彩搭配看似复杂，但并不神秘。
既然每种色彩在印象空间中都有自己的位置，那么色彩 搭配得到的印象可以用加减法来近似估算如果每种色彩都是高亮度的，那么它们的叠加 自然会是柔和、明亮的；如果每种色彩都是浓烈的，那么它们叠加，就会是浓烈的当然 在实际设计过程中，设计师还要考虑到乘除法，比如同样亮度和对比度的色彩，在色环上 的角度不同，搭配起来就会得到千变万化的感觉因此本书除了要列举出按色相的搭配， 也要将印象作为重点的搭配分类列举出来，以供读者参考亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉为了避免刺眼，设计师一般 会用低亮度的前景色调和，同时色彩在色环之间的距离也有助于避免沉闷FFFFCC#CCFFFF#FFCCCC对于柔和、清洁、爽朗的印象，色环中蓝到绿相邻的颜色应该是最适合的并且亮度偏高 可以看到，几乎每个组合都有白色参与当然在实际设计时，可以用蓝绿相反色相的高亮 度有彩色代替白色CCFFCC#FFFFFF#CCFFFF#FFFFFF可爱、快乐、有趣印象中的色彩搭配特点是，色相分布均匀，冷暖搭配，饱和度高，色彩 分辨度高活泼、快乐、有趣相对前一种印象，色彩选择更加广泛，?最重要的变化是将纯白色用低饱和有彩色或者灰色取代。
CC9999#FFFF99#FF9900#FFFF00运动的色彩要强化激烈、刺激的感受，同时还要体现健康、快乐、阳光因此饱和度较高、 亮度偏低的色彩在这类印象中经常登场华丽的印象要求页面充斥有彩色，并且饱和度偏高，而亮度适当减弱则能强化这种印象狂野的印象空间中少不了低亮度的色彩，甚至可以用适当的黑色搭配其他有彩色的饱和 度高，对比强烈女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相一般它们之间要进行高饱 和的搭配FFFF99#993399优雅的感觉很奇特，色彩的饱和度一般要降下来一般以蓝、红之间的相邻，调节亮度和 饱和度进行搭配绿色是冷静、自然印象的主角，但是绿色作为页面的主要色彩，容易陷入过于消极的感觉 传达，因此应该特别重视图案的设计传统的内容一般要降低色彩的饱和度，特别是棕色很适合前面介绍紫色也是高雅和优雅传统、稳重、古典都是保守的印象，色彩的选择上应该尽量用低亮度的暖色，这种搭配符 合成熟的审美CCCC33#CC3366亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉这样的搭配为了避免色彩过于保守 使页面僵化、消极，应当注重冷暖结合和明暗对比FFFFCC#CC9933#333366#663300简单、洁净的色彩在色相上可以用蓝、绿表现，并大面积留白。
而进步的印象可以多用蓝 色，搭配低饱和甚至灰色ABCDEF灰色是最为平衡的色彩，并且是塑料金属质感的主要色彩之一，因而要表达高雅、时尚可以适当使用，甚至大面积使用但是要注重图案和质感的构造表现进步的色彩主要以蓝色为主，搭配灰色而色彩的明度统一、色相相邻，在色彩上会 显得简洁制作 by。