平面设计配色网站

1、中国传统色

中国传统色收录了很多中国传统色，每个颜色被赋予饱含古风韵味的名字。在做中国古风主题设计时这些颜色可以被提取运用起来了。

网址：http://zhongguose.com

2 、Adobe color

出自adobe之手，挽救零基础学设计同学，没有系统学过设计配色的在设计做到配色阶段，往会感到纠结， adobe color 提供的配色方案能够提供帮助。

网址：https://color.adobe.com/zh/create/color-wheel/

网页左侧 color rule 的项目栏，提供7种不同的模式，分别为analogous (相近色)，monochromatic (单色)，triad (三元群)，complementary (补色)， compound(复合色)，shades (浓度)和 custom (自定义)。

色盘拾色杆随意拖动，可以轻易得到一组完美配色。

根据选取颜色的模式adobe color 提供一组拾色与配色方案。

3、日式传统色

日式传统色收录了很多日本传统色，网站设计十分唯美，每个颜色的名字也很好听。颜色的编码可以被简单复制并使用。在做日式风格设计，这些颜色可以被用上。

网址：http://nipponcolors.com/

4 、Paletton

和adobe color 很像，paletton为中庸者提供了四种取色模式，monochromatic（单色），adjacent colors（相近色），triad（三元群），tetrad（四分色），free style（自定义）。

网址：http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

网站亮点在网页下方的example选项，点击可以预览选取颜色在网站实际效果。

同时网页左侧功能栏有 artwork 和 animated 选项，可以预览选择颜色做成艺术效果图和动画时效果。

选择 color table export 可以把刚选好的色条导出来。汇出 CSS 格式可以复制直接用于网页。

5、 Material UI

Material UI 汇集六种不同主题配色版

material design color（材料设计颜色）；

flat UI color（扁平化UI设计颜色）；

fluent design colors（流畅的设计颜色）；

social colors（社交软件颜色）；

metro colors（汽车设计颜色）；

HTML colors（网页设计颜色）。

点击颜色可以直接把颜色的编号进行复制。

网址：https://www.materialui.co/

6 、Palettable

Palettable 为用户选择与提供个性配色方案。简约的网页设计，与简单的使用方式，都为用户使用体验感加分。

网址：https://www.palettable.io/A0918A

每个颜色上都有颜色所对应编号，方便复制取用，选色完成后可以导出为 png 格式。

7、 LOLCOLORS

简单可爱的配色网站，收集的颜色以明亮活泼为主。鼠标移动到每个水滴上都会出现那个颜色编号，方便提取和参考使用。

网址：https://www.webdesignrankings.com/resources/lolcolors/