您好,欢迎光临海口高端网站建设公司极简慕枫

您当前位置: 海口网站建设 > 新闻动态 > 海口网站设计:面向网页设计师的12款基于Web的色彩工具

海口网站设计:面向网页设计师的12款基于Web的色彩工具

海口网站设计

选择完美的配色方案不应该是一项痛苦的任务。你所需要的只是适合工作的工具和设计的眼睛。

我无法帮助你的眼睛挑选颜色,但我可以分享一堆方便的颜色工具,可能会提高你的眼睛,因为你使用它们。

这些工具都是100%免费的,所以它们很容易被书签和重复使用时间和时间。他们也可以工作的网页,移动,印刷,或任何其他媒体,需要难以置信的颜色。

1. ColorHexa

“材质UI颜色”

最近,我正在浏览网页,偶然发现了ColeHexa。这是我见过的最酷的彩色工具之一。

从技术上讲,这不是一个颜色生成器或方案设计工具。相反,它是一个关于所有颜色的信息库,包含建议的渐变概念、相关的色调和数十个颜色代码(例如:十六进制、RGB、CMYK、CIE-lab、HSL等等)。

你再也找不到更完整的颜色信息列表了。这对包括网页设计师在内的所有设计师都是非常有用的,而且它也是一个为你的项目研究颜色的好地方。

2.彩色

Adobe彩色cc网络应用程序

如果你对颜色心理学做了一些研究,你就会知道不同的颜色是如何叠加在一起的&他们给出了什么样的情绪。对于某些类型的颜色和它们是如何一起工作的,这就形成了对比。

每个浏览器都带有默认的颜色,这些颜色往往过于苛刻。css修复了这个问题。

它是一个免费的CSS库,可以重新设置默认调色板的样式。这意味着您可以使用颜色名称,如“蓝色”和“红色”与完全不同的值。

他们甚至有一个完整的可访问性页面,充满了匹配色彩方案的想法,这将提高您的网站的可读性。

3.彩色点滴扩张器

冷却器webapp

你多久找一次有漂亮色彩的网站?我总是能找到令人惊叹的网站,而且很海口网站设计难从样式表导出这些颜色。

您可以使用ChromeDevTools,但这需要在代码中挖掘,以确定十六进制颜色。相反,你可以使用专为谷歌Chrome制作的CololPick滴管扩展。

您只需单击“扩展”面板中的“切换”窗口,然后将要研究的任何颜色悬停。这将为您提供完整的十六进制代码以及一个“复制”链接,以将确切的颜色复制到您的剪贴板上。

很酷吧?这是一个免费的插件,所以试用它没有什么损失。

4. Coolors

色寻网页

Coolors站点是一个大型的配色方案生成器。你可以在网络上找到几十个生成器,但这个版本有点不同,因为它支持Adobe程序,并有自己的插件。

你也可以作为一个Chrome扩展,甚至作为一个定制的iOS应用程序为您的手机。

真正的价值在于自动生成动态配色的浏览器webapp。然后,您可以混合和匹配颜色,更改设置,调整色盲,并根据特定的标准随机化您自己的方案。

它是一个很好的应用,但它有一个小的学习曲线。不应该花15-2海口网站设计0分钟时间来弄清楚它是如何工作的。

5. 周围环境,气氛

彩色安全WCAG应用程序

气氛是另一个配色网站,但它的工作方式有点不同。这一个从彩色情人调色板,并显示在一个容易消费的风格。

这意味着,您将需要检查原始链接的颜色情人,以找到更多的数据,任何特定的方案。

我仍然认为Ambiance是一个方便的网站,书签只是因为它的可用性。这个应用程序使用起来比彩色情人要简单得多,所以更容易将颜色组合在一起并让它们正常工作。

6.材料UI颜色

颜色

通过快速的谷歌搜索,你会在网上找到一堆可爱的材料设计工具。它们似乎是永无止境的,它们中的许多都依赖于Android应用程序中典型的颜色样式。

使用材质UI颜色WebApp,您可以找到与Google的材料指南匹配的完美配色方案。

使用屏幕左上角的滑块很容易地改变所有颜色的色调。或者随机选择以匹配现有站点的颜色选择。

你也可以在十六进制和RGB之间切换,这取决于你想要的任何格式。一个伟大的应用程序材料设计爱好者。

7.色彩供应

开放色彩网页

色彩供应网站是相当独特的,但也非常奇怪。它为您提供了大量有趣的颜色工具,用于匹配配色方案、选择前景和背景,以及比较这些颜色在页面上的外观的不同方法。

但这没有任何指南或具体目的。它的作用就像一个配色方案海口网站设计生成器,当你走的时候,你必须学习它。

它将输出不同的颜色与六角码附近的页面底部,以复制。此外,它还将向您展示这些颜色是如何在渐变、图标和文本中工作的。不错的工具,但它有一个尴尬的学习曲线。

8.颜色安全

彩色网页

WCAG致力于建立一个更容易访海口网站设计问的网络。颜色是在不浪费时间测试的情况下构建可访问性的最简单方法之一。

颜色安全是一个免费的网页应用程序,可以测试您的颜色选择。你从一小部分字体和尺寸中挑选,然后为你的前景和背景选择你想要的任何颜色。

从那里,您将得到一个可访问性评级,以及如何改善您的颜色选择(如果需要的话)的建议。

对于任何关心网络可访问性的人来说,这是一个非常好的工具。

9.彩色狩猎

HTML颜色码生成器

对于一个用户策划的色彩方案画廊,请看一看颜色亨特。

这个免费项目是在几年前启动的,并且一直是设计灵感的源泉。人们将自己的配色方案提交到网站中,然后其他人对这些配色方案进行投票。

你可以根据最新的或最受欢迎的分类,甚至投票给你的最爱。很酷吧?

这是一个非常简单的web应用程序,所以不要期望太多的功能。这只是一个简洁的方式,视觉浏览许多不同的颜色模式在一次。

10.开色

彩色铬adon

想找些更适合网络的东西?然后查看打开颜色库。

这是一个围绕可访问性和浏览器支持构建的大量开放源码颜色选择集合。无论布局的设计如何,每种颜色都经过了优化,以便于匹配。

查看GitHubrepo以获得更多信息,并下载样式的副本。

11.HTML颜色代码

彩色供应网

HTML颜色代码是另一个以信息为中心的彩色网页。

这允许您从应用程序中提取所有HTML/CSS代码,用于颜色选择。你可以搜索任何你想要的颜色,或者根据他们的推荐。此外,它还提供了一个生成调色板的工具,您可以将其作为AdobeSwatch文件下载。

不要让这个名字欺骗你:这个应用程序不仅仅是HTML颜色。

这是一个优秀的工具,为所有类型的数字设计师,谁想容易访问颜色代码和可重用调色板。

12.Adobe颜色CC

我无法通过不可思议的AdobeColor CC网络应用程序。

这个免费的工具曾经被称为AdobeKuler,但是多年来它经历了几次迭代。它仍然是一个免费的颜色选择,但界面已经改变,使设计师更容易建立和保存配色方案。

如果您是Adobe用户,则此工具值得书签。它支持多达5种不同的颜色在一个方案,你甚至可以上传图像,以拉动态配色方案自动。

上一个:网站建设海口:为自由职业设计师提供10个免费Excel模板
下一个:龙华网站设计:廉价电子商务的麻烦