20个最好的工具来生成调色板

每个人都喜欢的颜色。色彩是每个设计和艺术品中最重要的元素之一。作为设计师,我们每天都在设计色彩。然而,为网站、应用程序或其他产品找到最合适的调色板并不是一件容易的事情。

颜色理论是一件严肃的事情,甚至歌德也写了一本关于这个主题的书。如果你想找到完美的配色方案,有很多规则和指导方针要遵循。然而,你不必是一个专业的配色师。还有一些在线工具可以帮助您生成一个获胜的调色板。

基本色轮

图片来源:Widewalls

您可以使用图库或生成器快速创建适合您的设计的配色方案。

调色板图库是由人工设计师或算法创建的集合。如果你没有丰富的色彩理论知识,这可能是更好的选择。

调色板生成器允许您手动设计调色板。您通常必须处理一个颜色轮,并计算与颜色相关的指标,如色相、对比度、亮度等。

在web上,您还可以找到提供这两种功能的调色板应用程序。例如,您可以使用生成器创建一个调色板,完成之后,您可以在图库中查看类似的调色板(通常由其他用户生成)。

1. COLOURlovers拿来

COLOURlovers是最大的色彩在线社区,拥有800多万会员。你可以浏览会员上传的上百万个调色板。除了画廊之外,COLOURlovers还有自己的调色板生成器COPASO。除了颜色之外,您还可以在COLOURlovers上浏览模式、模式模板和形状。

色彩爱好者调色板画廊

2. Adobe颜色CC

使用Adobe的色轮,您可以创建类似的、单色的、并视的、互补的和复合的调色板。它还可以生成相同颜色的不同色度。它的界面简单易用。您可以移动色轮本身或其下方的范围滑块。Adobe Color CC也有一个颜色库,你可以在那里查看其他设计师的作品。

Adobe彩色CC调色板生成器

3.ColorDrop.io

如果您需要一个用于平面设计的调色板,那么ColorDrop是一个非常好的工具。它是一个调色板画廊,有许多组合的平面颜色。你只需要在图库中滚动,选择你喜欢的调色板。您可以将调色板添加到您的收藏夹中,或者复制颜色的十六进制/RGB代码。

彩滴调色板画廊

4. 氛围

氛围从调色师那里随机抽取调色板,并以巨大的色卡的形式显示出来。那么为什么要使用氛围呢?它的主要优点在于界面的清洁。它非常容易使用,你只需按下“生成”按钮,直到你找到一个你喜欢的调色板。只需单击一下,就可以将颜色代码复制到剪贴板。

环境调色板画廊

5. Palettable

Palettable可能是我见过的最有趣的调色板生成器。该应用程序会在你进入页面后立即显示一个随机的颜色。你可以通过按“L”或“D”键来决定你是否喜欢这种颜色。如果您喜欢颜色面板,则显示与第一个颜色匹配的第二个颜色。如果你不喜欢它,它会给你一个新的颜色,直到你点击“L”。最后,您有了一个完整的调色板,可以使用了。说真的,即使你以后不想用这个工具,也要试一试,它非常有趣。

调色板工具

6. Colorion

Colorion有三个颜色库:一个用于常规调色板,一个用于材料设计,一个用于平面UI设计。如果你点击一个颜色,你可以搜索相关的调色板。Colorion还提供了一个搜索栏,您可以在其中查找所有基本颜色及其相关的调色板。此外,它有一个简单的调色板生成器,允许您生成一个材料调色板,从您的图像上传提取。

Colorion调色板图库

7. 材料设计面板

如果你很快需要一个材料调色板,这是你的完美工具。你只需要选择两种颜色,其余的由应用程序处理。结果是一个可下载的调色板与八种和谐的颜色。除了调色板,它也有一个材料图标库,出色地补充了颜色。

材料设计调色板

8. Coolors

每当您按下空格键时,Coolors都会生成一个新的调色板。每个调色板由五种颜色组成。冷却器有几个有用的特点。例如,您可以检查每种颜色的可选色度,调整颜色的色相、饱和度和亮度,锁定颜色,为不同的视觉障碍设计调色板,等等。你也可以下载Coolors作为一个iOS应用程序,一个Adobe插件,和一个Chrome扩展。

Coolors调色板生成器

9. Colormind

Colormind是一个利用深度学习的色彩方案生成器。因此,它有能力从照片和不同的艺术品中学习色彩风格。Colormind有一个很好的博客,详细解释了这项技术是如何工作的。您可以生成随机的颜色,或者在开始时锁定一个或多个颜色,并创建相关的调色板。您还可以选择上传图片,让Colormind提取其最具代表性的颜色。

Colormind调色板生成器

10. Canva调色板生成器

Canva是一个非常简单的调色板生成器,您可以提取任何照片的颜色。它有一个很好的拖放界面,所以你可以简单地从你的电脑上拖放照片,然后让它离开。然后,只需单击一下就可以复制十六进制代码。

Canva调色板生成器

11. 颜色狩猎

Color Hunt为您提供一套精选的调色板。它最初是设计师盖尔·希尔(Gal Shir)的一个小项目,但现在它包含了数千个调色板。每天都会添加新的调色板,您可以在每周的时事通讯中获得新的发现。这是一个简单的工具,但它允许你快速浏览数百个不同的调色板。

Colorhunt调色板画廊

12. MudCube颜色范围

MudCube Color Sphere是一款非常棒的工具,但是不适合胆小的人使用。它把色轮变成了3D。你可以旋转一个球体来得到完美的颜色。它有几个选项供您选择。您可以根据不同的颜色规则创建调色板,测试调色板以改善可访问性,并创建websmart和websafe调色板。

MudCube调色板生成器

13. ColorHexa

ColorHexa是最大的在线色彩百科全书,为设计师提供了许多与色彩相关的工具。你也可以很好的使用它来创建调色板。只要在搜索栏中输入一个颜色值,ColorHexa就会显示所有相关信息,包括配色方案、色彩、色调、替代方案等。使用ColorHexa,如果你不想和色彩轮,图像上传和范围滑动器的麻烦。它只返回您运行查询的任何颜色的所有匹配颜色。

ColorHexa调色板库

14. ColourCode

ColourCode是一个复杂的调色板生成器与一个美丽的用户界面。您可以创建多种调色板,如单色、模拟、互补、并色系和其他配色方案。ColourCode有许多伟大的功能,例如你可以下载的颜色Sass和较少的文件,也在PNG格式。它还允许你创建任何颜色的永久链接。

colorcode调色板生成器

15. 颜色混合器

Color Blender不是普通的调色板生成器,因为它会在两种颜色之间生成中点。结果可以用作任何设计的调色板。您可以设置1到10个中点,并获得十六进制或RGB格式的颜色。Color Blender由Eric Meyer创建,他是响应式网页设计的创始人之一。

颜色混合调色板生成器

16. Palettr

Palettr是一个非常有趣的调色板创建器。首先,您需要在搜索栏中输入主题或位置。然后,Palettr在web上找到相关的照片,并根据这些照片生成不同的调色板。它返回少量的照片和调色板,以便您可以选择最好的一个。下面,您可以看到我在运行“New York”搜索查询后得到的一个调色板。

Palettr调色板生成器

17. Colllor

科勒注重一致性与和谐;这里没有明显的颜色。所有生成的颜色都很接近,没有对比色。科勒从相同的颜色调色板,但它也允许颜色混合。例如,当您使用绿色作为主要颜色时,您可以添加一个带蓝色的色调。这款应用程序会搜索色调、亮度和饱和度等常用参数。您可以手动选择颜色,也可以生成随机的颜色。

科勒调色板生成器

18. Pictaculous

Pictaculous是MailChimp的调色板生成器。您可以创建一个基于上传图像的调色板。该应用程序与COLOURlovers有链接,因此它也会从网站上推荐一些类似的调色板。您可以下载生成的颜色作为一个Adobe Swatch文件或简单复制十六进制代码。

Pictaculous调色板生成器

19. Colr

Colr也从图片中提取调色板,但是它有额外的选项从Flickr中提取随机图片。它还有一个小的调色板图库,在那里你可以访问别人创建的配色方案。此外,在“其他东西”标签下,你可以从任何网站获取颜色,这很酷。

Colr调色板生成器

20.Colorfavs

Colorfavs是一个复杂的工具。它从图像中提取调色板,然而不仅仅是从图像上传,也从图像url。此外,它还有一个随机的调色板生成器,它不会从图像中选择颜色,而是基于三个变量:颜色数量、色相和光度。您必须手动设置这些变量。Colorfavs还有一个小画廊,你可以在那里查看其他用户生成的调色板和颜色。

Colorfavs调色板生成器

下一个步骤

选择最佳的调色板不是一个简单的技术问题。你需要对设计有很好的眼光,不同的颜色工具肯定会有很大的帮助,但你也需要在开始之前考虑一下营销方面的问题。

最重要的是,你需要找到主色,以最有效的方式向你的观众传达你的信息。然后,您可以使用本文中提到的调色板生成器快速生成匹配的颜色。

我们的“剖析色彩在网页设计”系列可以帮助您找到最佳的原色为您的设计。我们覆盖了绿色、黄色、蓝色、红色、白色和黑色;如果你想了解更多关于这个主题的信息,可以查看这些文章中的一篇或全部。另外,不要忘记在Facebook和Twitter上关注我们,获取更多关于尖端web设计技术的文章。

2020-01-02 18:06
相关热门