[三沙网站建设公司]面向网页设计师的12大网页色彩工具

阅读  ·  发布日期 2019-07-08 10:58  ·  admin

选择完美的配色方案应该不是一项艰巨的任务。您所需要的只是适合工作和设计注意力的工具。我无法帮助你改善色彩感知,但我可以分享一套方便的工具来处理颜色,这些工具可能会在你使用它们时改善你的眼睛。[三沙网站建设公司]这些工具也都是100%免费的,因此它们很容易被标记并重复使用。它们还可以用于Web,移动,打印或任何其他需要令人难以置信的颜色的介质。

 

1. ColorHexa

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具最近[三沙网站建设公司]网站设计公司浏览网页并偶然发现了ColorHexa。它是迄今为止我见过的最酷的色彩工具之一。[三沙网站建设公司]这在技术上不是颜色生成器或方案设计工具。相反,它是所有颜色的信息库,包括建议的渐变思想,相关阴影和许多颜色代码(例如:十六进制,RGB,CMYK,CIE-LAB,HSL等)。[三沙网站建设公司]您永远不会找到更完整的颜色信息列表。这对包括网页设计师在内的所有设计师都非常有用,而且它是开始研究项目颜色的好地方。

 

2. Colors.css

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具如果你对色彩心理学进行一些研究,你将会学到不同的颜色如何叠加在一起以及它们给出了什么样的情绪。这与某些类型的颜色以及它们如何协同工作形成对比。每个浏览器都有默认颜色,通常太苛刻。Colors.css修复了这个问题。这是一个免费的CSS库,可以重新设置默认调色板。这意味着您可以使用具有完全不同值的“蓝色”和“红色”等颜色名称。他们甚至还有一个完整的辅助功能页面,其中包含匹配颜色方案的想法,这些方案可以提高您网站的可读性。

3. ColorPick Eyedropper Extension

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具您多久找一次具有漂亮配色方案的网站?我总是找到了很棒的网站,很难从样式表中导出这些颜色。您可以使用Chrome DevTools,但这需要在代码中挖掘以选择十六进制颜色。相反,您可以使用专为Google Chrome设计的ColorPick Eyedropper扩展程序。您只需单击扩展程序面板中的切换窗口,然后悬停您要学习的任何颜色。这将为您提供完整的十六进制代码以及“复制”链接,以将确切的颜色复制到剪贴板。很酷吧?它是一个免费的插件,所以尝试它没有损失的。

 

4. Coolors

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具Coolors网站是一个大型配色方案生成器。你可以在网上找到几十个生成器,但是这个有点不同,因为它支持带有自己的附加组件的Adobe程序。您也可以将其作为Chrome扩展程序,甚至作为手机的自定义iOS应用程序。真正的价值在于浏览器webapp,它可以动态自动生成颜色方案。然后,您可以混合和匹配颜色,更改设置,调整色盲,并根据特定条件随机化您自己的方案。[三沙网站建设公司]网站设计公司认为这是一个很棒的应用程序,但它带有一个小的学习曲线。不应该超过15-20分钟来弄清楚它是如何工作的。

 

5. Palettte App

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具Palettte是颜色编辑和重新映射工具。它允许您构建从一个到另一个的颜色方案,并微调单个颜色样本。您还可以导入,分析和编辑现有颜色方案。 创作者已经写了更多关于这个颜色应用背后的动机。

 

6.Material UI Colors

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具通过快速谷歌搜索,您可以在网上找到一堆甜蜜的材料设计工具。它们似乎永无止境,其中许多都依赖于Android应用中常见的颜色样式。使用Material UI Colors webapp,您可以找到符合Google材料指南的完美配色方案。使用屏幕左上角的滑块轻松更改所有颜色的色调。或随机化您的选择以匹配现有网站的颜色选择。您还可以根据所需的格式在十六进制和RGB之间切换。适合材料设计爱好者的绝佳应用。

 

7.Color Supply

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具Color Supply网站非常独特,但也很奇怪。它为您提供了一系列有趣的颜色工具,用于匹配颜色方案,选择前景和背景,以及不同的方法来比较这些颜色在页面上的外观。但这没有任何指导或具体目的。它就像一个配色方案生成器,你必须随时学习。这在《12个极简网页设计的励志范例》中也有详细的说过,可以多去了解一下。它将输出不同的颜色,并在页面底部附近使用十六进制代码进行复制。此外,它还将向您展示这些颜色如何在渐变,图标和文本中工作。不错的工具,但它也带来了一个尴尬的学习曲线。

 

8.Color Safe

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具WCAG努力寻求更易于访问的网站。颜色是在不丢失时间测试的情况下,构建可访问性的最简单方法之一。Color Safe是一款免费的webapp,可以测试您的颜色选择。您可以从一小组字体和大小中选择,然后选择您想要的前景和背景颜色。从那里,您将获得可访问性评级以及如何改善颜色选择的建议(如果需要)。对于任何关注网络可访问性的人来说,它都是非常棒的工具。

 

9. Color Hunt

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具对于用户策划的配色方案库,请查看Color Hunt。这个免费项目在几年前推出,并继续成为设计灵感的源泉。人们将自己的配色方案提交到网站,然后其他人对这些配色方案进行投票。您可以按最新或最受欢迎的方式排序,甚至可以对您的收藏进行投票。很酷吧?这是一个非常简单的Web应用程序,所以不要期望太多的功能。这只是一种可以同时在视觉上浏览多种不同颜色模式的简洁方法。

 

10.Open Color

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具寻找一些更适合网络的东西?然后查看Open Color库。这是一个围绕可访问性和浏览器支持构建的大量开源颜色选择。无论您的布局设计如何,每种颜色都经过优化,易于匹配。查看GitHub仓库以获取更多信息并下载样式的副本。

 

11. HTML颜色代码

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具HTML颜色代码是另一种以信息为中心的颜色webapp。这使您可以直接从应用程序中提取所有形式的HTML / CSS代码以供您选择颜色。您可以搜索您想要的任何颜色,或者按照他们的建议进行搜索。此外,这甚至还有一个生成调色板的工具,您可以下载为Adobe Swatch文件。不要让这个名字欺骗你:这个应用程序不仅仅是HTML颜色。对于希望轻松访问颜色代码和可重复使用调色板的所有类型的数字设计师而言,它是一款出色的工具。

 

12. Adobe Color CC

 

[三沙网站建设公司]网站设计公司:面向网页设计师的12大网页色彩工具我无法不使用令人难以置信的Adobe Color CC webapp。这个免费工具以前称为Adobe Kuler,但多年来经历了几次迭代。它仍然是一个免费的颜色选择器,但界面已经改变,使设计师更容易构建和保存配色方案。如果您是Adobe用户,则此工具值得加入书签。它在一个方案中支持多达5种不同的颜色,您甚至可以上传图像以自动提取动态配色方案。