网页设计常用色彩搭配表

摘要：在任何设计中，色彩对视觉的刺激起到第一信息传达的作用。因此，对色彩的基础知识的良好掌控，在网页设计中才能做到游刃有余。 在设计中配色方案是必要的，也是让设计师头疼的一个问题。所以，编辑专为大家整理了一波配色神器网站，不用下载任何应用程序，打开即用，不仅能快速的做出符合设计概念的颜色组合，且有很多样品供你确认的工具。设计新手们千万别错过了！

网页在线配色神器

1.Khroma

http://khroma.co/

Khroma是一个在线颜色工具。它利用人工智能，通过分析你选择的颜色，来生成实用性非常高的调色板的配色工具。甚至可以实现更高精度的组合，可以说是能够「成长」的配色工具。

有了这个工具，你就可以在短短几分钟之内完成一个非常fashion的配色方案。

2.LOL Colors

http://www.lolcolors.com//

这个萌萌的网站已经推荐的不止一次啦。配色低调而且简单实用，从网站上的颜色搭配也能知道某些颜色组合起来可能会有意想不到的效果。

仔细看！将鼠标光标移动到颜色上方就会立刻显示色码。你可以选取喜欢的颜色后直接复制代码使用到设计中。可以说非常便捷了。

3.Colordrop

https://colordrop.io/

这款配色工具和LOL Colors有点相似，网页设计相当简单，提供各种色彩组合，没有太多额外或复杂难懂的功能，实在深得我心。不过ColorDrop允许使用者更换不同背景颜色，预览在不同背景配色中套用某种颜色的感觉，让你在浏览网站时有更多不同体验。

4.Colordot

https://color.hailpixel.com/

接下来给大家推荐一款非常特别的配色神器。它不提供给你任何色彩，而是给你一个空白页面，只要在上面移动鼠标就会自动调整及切换颜色，按下鼠标后就会固定颜色并显示色码。不用下载安装软件，直接从浏览器就能操作。

假如你正好想挑选配色，但又没有任何想法的话，或许上去Colordot摇一摇点点鼠标，可以有一些让你觉得不错的颜色出现。

5.Colourco

http://www.colourco.de/

先简单介绍一下颜色变化：

色调：鼠标左右移动或「Ctrl+←+→」

亮度：鼠标上下移动或「Ctrl+↑+↓」

饱和度：Ctrl+Shift+↑+↓

鼠标单击锁定颜色，点击“垃圾桶”图标删除颜色

网页设计常用色彩搭配表