四色式（矩形搭配）是最难以调和的，平衡的适当会使画面显得绚丽多彩。这种配色方案利用两对互补色，它们之间隔两个色格，这四种颜色在色环上的连线形成一个矩形。在设计过程中若让一个颜色成为主色，效果会更加，同时要注意冷暖色的平衡。我不建议在一开始就采用这种配色方案，因为如果没有经验，很难去控制它。但是它在较大的设计中使用会显得非常漂亮，所以它值得被牢记。
对比是网页设计的永恒话题。对比度是页面上的两个对象之间的清晰程度。最值得注意的包括段落、链接和标题文本。如果文本和背景颜色之间没有足够的对比，那么文字就很难阅读(太亮或太暗)。
最安全的选择是始终退回到一个明暗尺度——灰色在白色上或白色在灰色上。深色的文字在亮色的背景上更加明显，反之亦然。然而，一些颜色经常产生一种不和谐的效果，如红色和绿色。这种对比在某些情况下是精美的艺术，但不是任何情况下。在布局当中，如果遇到颜色丰富的地方，在给链接和按钮用色时要非常小心。
看Duplos的网页，你可以看到一些颜色不同的对话气泡，使用相同的白色文字。由于背景颜色够深，文字在各种颜色背景下都可读。这种不是单纯的基于文本的界面，值得我们在设计中去学习追求。
思考一下，图标或具有行为召唤能力的按钮，在设计中所需要的对比度级别。和谐的高对比度元素，自然能引起人们地关注。当某个按钮或者注册区域需要更多的关注，高对比度往往是一个很好的解决方案。颜色如果使用得当，能产生均衡的对比。
从美学界获得一些建议，就是避免纯黑色。当你看到现实生活中的物体，你几乎看不到纯黑色。事情看起来很暗，但它的HEX色值（十六进制）不太可能是＃000。你甚至可以尝试拍摄照片，并在Photoshop中测试它的HEX色值。
最近我发现了Ian Storm Taylor写的一篇文章， ，题目叫做《不要使用黑色》。它指出，通过避免在界面上使用纯黑色，能更真实地反映现实世界。这可能是一个有偏见的说法，不过近些年来，我发现这是一个极好的建议。
为了实践这一观点，尽量避免在较亮的背景上使用＃000。取而代之，选择一个暗灰色，可能是混合色（深蓝色，深绿色，深橙色等）。我总是觉得，在白色背景上的深灰色文字，比纯黑色文字的可读性高出10倍。
纯黑色与其它颜色相比，反差非常大。这一点让我很苦恼，但即使是一点积极的差异，还是有区别的，所以我的建议是避免使用＃000。
入门色彩理论，最简单的方法可能是从一个单一的颜色开始入手，并使用在线指导工具。没有人与生俱来就理解色彩的选择。但随着不断的重复，它就变成了你的第二天性。
选择配色方案的时间，会在启动一个Web项目并收集想法（线框图，草图，页面元素）之后。这可能发生在设计一个简单的模型之前或者之后，但方法仍然是相同的。只需选择一种颜色，可以与基于内容、形式、风格或情感的布局很好地工作。
在线web应用，如Paletton是早期的方案设计中必不可少的。你输入一个单色，然后选择你喜欢的（相近色，三色式，四色式等）匹配方案。每种配色方案允许额外补充一个，与你选择的颜色相反的颜色。
Paletton是我个人最喜欢的，因为它提供了一系列基于调整饱和度的相对色。它还提供了基于你所选择的颜色，相同的颜色范围的预设方案。最重要的是，它是完全免费的！
另一个流行的选择是Adobe Color，它有非常相似的设置，但界面有些复杂。你依然需要基于输入一个单色，来选择配色方案。不过Adobe Color使用色轮展示匹配的颜，每一种颜色是灵活的，易于移动的，在维持颜色模式一致性之内。
当谈到提炼自己的配色方案，我强烈建议选择这两个中的一个。它们都是基于Web的免费工具，并提供足够的功能，让你开始构造可爱和丰富多彩的项目。
除了令人称奇的配色生产器，也有一些其它工具，值得保存以供将来参考。我觉得这些工具和资源，对数码设计，例如如图形或网站设计最有帮助。但你应该从中精选那些最有益于您的工作流的资源。
如果你正在寻找预建的配色方案，有很多可用的网站。一种选择是ColorSchemer，它有大量的附加功能，如移动应用程序和桌面软件。但该网站本身是免费的，并提供了用户生成的一个大型的配色方案展示库。
飞特游客
圈圈@
大宝
委托设计