网站经典配色(颜色设计工具)

现在的网页设计也是一样，越来越多的设计师想尝试更大胆的配色，所以我们收集整理了一个包含58个颜色工具的超全网站。app也有插件帮助你做出更好的设计。当然，这些色彩组合并非凭空捏造，而是从各个地方获得的灵感。结合色彩心理学，这些色彩组合不仅漂亮，还能满足你更高的情感需求。
1.穆兹利颜色
网站：https://colors.muz.li/
使用这个工具，您可以快速创建一个编辑调色板。最大的特点是可以根据自己创建的配色方案直接在app设计模板上预览，也可以下载。
2.可着色的
网站：https://colorable.jxnblk.com/
这个工具主要看字体颜色和背景颜色的对比。
3.色彩飞跃——历史的调色板
网站：https://colorleap.app/home
这个工具可以搜索过去4000年中使用过的180种调色板。
4.显眼的
网站：https://picular.co/
这是一个颜色搜索工具。只要输入搜索关键词，就可以像google一样显示相关颜色，复制色号，使用颜色查看图片。
5.颜色代码
网站：https://colourco.de/
Colourco.de是一个在线设计工具，可以让你直观地组合各种颜色。
6.Palettte应用
网站：https://palettte.app/
Palettte不同于以前的网站。这是一个颜色编辑和重新映射工具，可以帮助您从一种颜色构建另一种颜色。它还支持单一颜色的微调。
7.色彩灵感
网站：https://www.colorinspire.io/
选择各种颜色灵感，可以立即用于您的设计项目。
8.彩色空间
网站：https://mycolor.space/
调色板生成器和渐变工具。只要你输入你的颜色，网站就会立即生成一个渐变和调色板与之匹配。
9.色素
网站：https://pigment.shapefactory.co/
基于光线和颜料的清新明亮的调色板。
10.Adobe颜色
网站：https://color.adobe.com/create
这个adobe出品的调色板应该很熟悉。每个配色方案由五种颜色组成。可以自己生成，也可以看看流行的搭配方案。
11.颜色字体
网站：https://www.colorsandfonts.com/
这是一个为开发者和设计师提供的调色板、渐变和字体的灵感库。
12.HueSnap
网站：https://www.huesnap.com/
这是一个你可以创建自己的配色方案并与他人分享的网站。可以看图，也可以自己选颜色。
13.库尔斯
网站：https://culrs.com/
Culrs为您提供了一个简单明了的选择调色板的方法。
14.Eva设计系统
网站：https://colors.eva.design/
使用深度学习算法生成调色板。比较好的是深色模式，可以看到颜色在深色背景上的效果。
15.规模
网站：https://hihayk.github.io/scale/
一种全新的产生颜色的方法。调整两边的颜色，在中间生成混合色。
16.网站调色板
网站：http://palette.site/
可以查看您正在访问的网页的配色方案的浏览器插件。设计师和前端工程师必备工具。
17.品牌颜色
网站：https://brandcolors.net/
收集了500多个不同品牌的官方颜色，包括facebook、Twitter、instagram等。
18.色彩方面
网站：https://colorwise.io/
这个网站在产品搜索中投票最高，应该会受到设计师的喜爱。
19.HTML颜色代码
网站：https://htmlcolorcodes.com/
使用这个网站，你可以很容易地找到你的网站的各种颜色的十六进制色码，RGB颜色值和HSL颜色值。
20.色彩盒子
网站：https://www.colorbox.io/
这是一个生成渐变颜色值的工具。
21.生成—Coolors.co
网站：https://coolors.co/
快速生成具有各种调色板的网站，您可以保存和共享这些配色方案。
22.颜色—云状耀斑设计
网站：https://cloudflare.design/color/
一个用于ui界面设计的调色板工具，可以实时查看背景文字图标选择框的颜色效果。
23.即时双色调效果发生器
网站：https://duotones.co/
上传图片，可以查看生成漂亮的双色效果。在网站上预置了十几个常用的双色调配工具。
24.颜色工具—材料设计
网站：https://material.io/resources/color/#!/view . left=0 view . right=0
Android界面设计的好帮手，可以为Android界面创建调色板，测试配色的可及性。
25.Blendy
网站：https://blendy.ml/
这是通过css代码实现特效后图片效果的快速预览。您可以复制css代码以在设计中使用。
26.LOL颜色
网站：https://www.webdesignrankings.com/resources/lolcolors/
精选配色灵感。
27.颜色搜索
网站：https://colorhunt.co/
Color Hunt是一个免费开放的色彩灵感平台，拥有数以千计的时尚手工选择配色调色板。
28.色彩
网站：https://colorme.io/
可视化css颜色调试网站。
29.偏光石
网站：https://www.polarite.app/
Polarite是一款机器学习色彩生成app，用来生成和谐的配色方案。
30.梯度搜索
网站：https://gradienthunt.com/
精选上千个时尚渐变网站，每日更新。
31.可放置的
网站：https://www.palettable.io/4EDED7
一个个自动生成颜色，让你选择喜欢还是不喜欢。所有展示给你的颜色都是从数百万设计师的选择中产生的。
32.彩色火花
网站：https://colorspark.app/
一个非常简单的单色和渐变随机生成器。
33.SVG彩色化器
网站：https://www.iconshock.com/svg-color/
自动着色svg图标和插图。这些svg文件可以由网站提供，也可以自己上传。
34.啜饮
网站：https://sipapp.io/
Mac的调色软件，可以收集，整理，分享各种配色。
35.酷派2.0
网站：https://webkul.github.io/coolhue/sketch-plugin/
草图上使用的渐变调色板插件。
36.彩色考拉
网站：https://colorkoala.xyz/
快速生成调色板的工具，可以定义深色、浅色和色系。
37.配色方案
网站：https://www.schemecolor.com/
这是一个包含成千上万美丽色调的网站。网站不仅可以查看和下载配色方案，还可以展示配色方案的灵感图片。
38.自由网格渐变集合
网站：https://www.ls.graphics/meshgradients
这是一个生成融合在一起的各种渐变工具的网站。可以下载sketch，ai，eps，jpg等格式。
39.web渐变
网站：https://webgradients.com/
顶级设计师策划的180种渐变色。可以下载sketch格式和psd格式的文件，保存png文件，获取css3代码。
40.渐变按钮
网站：https://gradientbuttons.colorion.co/
按钮具有渐变设计和悬停效果，您可以复制css代码在您的设计中使用。
41.颜色套件
网站：https://colorkit.io/
混色工具，将两种颜色混合生成多种颜色。
42.鸡蛋配料
网站：https://www.eggradients.com/
金蛋形状显示渐变颜色，可以复制十六进制颜色值和css代码。
43.酷酷的背景
网站：https://coolbackgrounds.io/
具有纹理效果的渐变背景生成器，可用于博客、网站、桌面和壁纸背景。
44.谷歌艺术文化实验——艺术调色板
网址：3359 arts experiments . with Google . com/art palette/colors/242726-886 c5f-d04b 18-DFB 24 a-D4 C5AA
结合对艺术文化的体验和探索，通过选择色彩搭配来寻找艺术作品。
45.GradPad
网站：http://ourownthing.co.uk/gradpad.html
渐变生成器，随意移动两个按钮，在网页中创建一个可爱的渐变。
46.克洛玛
网站：http://khroma.co/
Khroma是一个很好的工具，用于生成、发现、搜索和保存您想要使用的颜色组合和调色板。
47.调色板
网站：https://www.canva.com/colors/color-palettes/
浏览Canva上千种颜色组合！不仅仅针对设计师。
48.颜色安全
网站：http://colorsafe.co/
测试网站颜色使用的可及性，让你的网站美观易用。
49.配色工具
网站：http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
使用色轮创建调色板。
50.彩色圆点
网站：https://color.hailpixel.com/
非常简单的颜色选择器。
51.彩色
网站：https://klart.io/colors/
100%收集由数据驱动的配色方案。
52.对比率
网站：https://contrast-ratio.com/
一个可以轻松计算颜色对比度的配色工具。
53.彩色丽莎
网站：http://www.colorlisa.com/
世界上最伟大的艺术家的彩色杰作。
54.色彩设计师
网站：https://colordesigner.io/
只需选择一种颜色，Color Designer就会帮助我们建立一个系统的配色方案，并根据我们选择的颜色生成各种深浅和阴影。
55.颜色.回顾
网站：https://color.review/
探索和寻找可及颜色的现代工具。确保每个人都能看到你的作品。
56.混合
网站：http://www.colinkeany.com/blend/
并创建一个漂亮的CSS3渐变。
57.对比
网站：https://usecontrast.com/
MacOS软件快速访问WCAG色彩对比。
58.Grabient
网站：https://www.grabient.com/
一个非常漂亮实用的渐变网站，支持CSS样式代码复制，360度渐变旋转，自由增删渐变颜色等功能。
这么多颜色工具先放在这里~
如果朋友们发现有什么其他牛逼的配色网站，请留言告诉我们~