10种免费的工具来帮助你创建完美的色板。
作为一个网页设计师,对我们来说最重要的一个选择是进行我们的颜色选择。选择了一个错误的颜色,也许你将会失去一次机会。我们的选择将会对浏览者产生心理影响是一个不争的事实。
例如,红色通常来说是一种充满能量的颜色,而蓝色则代表着冷静与和平。为了说明这一点,你可以考虑一下在儿童玩具售卖网站跟律师网站上的颜色运用。有可能你将运用明亮、充满活力的颜色在前者之上,而在后者上运用沉寂的蓝色和灰色。
但是你知道那些颜色搭配起来会好看吗?幸运的是,你不需要成为一个管理者,按照色彩理论来创建一个可行的色板。为了帮助你完成色彩选择这个重要的任务,这里为你准备了几种免费的在线色彩管理工具(文章最后有mac用户的福利)。

1.Adobe Color CC

尽管已经面世一段时间,但依旧是非常有用的

免费工具Adobe Color CC面世已经有一段时间了,它是选最好的色彩工具之一,你可以用它来轻易选择合适的色板。你不仅可以创建自己的配色方案,还可以探索别人创造的配色方案。

你可以从色轮或图像中选择一种颜色,并应用颜色规则,例如仅使用所选颜色的补色,单色或阴影来生成色板。或者,单击每种颜色并浏览色轮以自定义选择。另外,你还可以将创建的主题保存到Adobe库中。

2.Colordot

利用简单的鼠标手势即可构建你自己的色板

Colordot by Hailpixel是一款优秀的免费在线色板创建工具。使用简单的鼠标手势,您可以选择并保存颜色。来来回回移动你的鼠标可以调整色调; 上下移动来调整明度; 滚动以进行饱和调整,然后单击以将颜色保存到色板。点击齿轮图标查看RGB和HSL的各种颜色值。
与此同时它还有一个付费iOS应用程序,允许您利用相机来捕捉颜色。

3.147 Colors


这个免费工具运行标准的css色

当您负责生成易于阅读的CSS时,有时使用标准颜色和颜色名称是可行的。感谢Brian Maier Jr的 147种颜色,您可以看到所有的颜色,并选择适合您的颜色。

它包含17个标准颜色,加上130个其他CSS颜色名称。通过蓝色,绿色等色调过滤结果,或从147色的全彩色中选择。

4.Color Palette Generator


这个来自Canva的颜色工具可以依靠图像来创建可用的色板

如果你正在寻找从图像创建色板,Canva的色板生成器是完美的。使用此工具,你可以上传图像,生成器将反馈出其中所包含的五种主要颜色的色板。

你可以点击你喜欢的颜色,并将HEX值复制到剪贴板。

5.Material Design Palette


基于Google材料设计原则来进行色板创作

使用“ 材料设计调色板”,您可以选择两种颜色,然后将其转换为全色色板供您下载,并附有预览。
该公司还提供材料设计颜色,使设计人员可以看到不同颜色的色调以及相应的HEX值。

6.ColorCode

浏览色板,保存并导出为SCSS,LESS或PNG文件

Tamino MartiniusAndreas Storm的ColourCode类似于Colordot,但它提供了更多的指导。使用ColourCode,你可以沿色轮设置不同的选项来创建不同的组合。
你还可以保存色板或将其导出为SCSS或LESS文件。如果你愿意的话,你甚至可以导出到PNG。

7.Color Calculator

选择一种颜色和色彩协调

Color Calculator是直接的:你选择一种颜色和色彩协调选项,作为结果你将会收到推荐的色彩分类。
不过,这个网站的好处还在于其中有关于颜色理论的一些细节,以及所涉及到你的颜色选择。

8.Color Calculator


这套工具包括标准颜色名称列表

Dixon&Moe提供的免费套件包括一个深入的颜色选择器,其中有众多色彩规则的解释; 一系列具有平面设计颜色的彩色图表,Google的材料设计方案和经典的网络安全调色板; 以及标准HTML颜色名称和代码的列表。
该网站还为网页设计师提供教程和其他资源,以及将工具的结果导出为HEX代码,HTML,CSS和SCSS样式的选项。

9.W3Schools:Color Tutorial


这个免费的教程包括一些方便的颜色工具的链接

如果你正在寻找一个包含颜色指南的一体化解决方案,以及许多不同的工具,那么W3Schools的“Color Tutorial”就是完美的选择。
你不仅可以了解颜色理论,色轮和色彩,还可以使用其他工具,如色彩转换器。使用此工具,你可以将任何颜色转换为来自名称,HEX代码,RGB,HSL,HWB和CMYK值。

10.Digital Color Meter(Mac)


Mac的内置工具可让你从屏幕上获取颜色

Emmm…这是一个专属于Mac用户的工具。使用Mac内置的Digital Color Meter工具,你可以从屏幕上任何地方“抓住”一种颜色,然后以十进制,十六进制或百分比形式获取该颜色的值。
此外,你甚至可以将所选颜色“复制”为文本或图像。

作者: Tammy Coron

via.http://www.creativebloq.com/advice/the-best-colour-tools-for-web-designers?ref=webdesignernews.com

网页设计师必备的10种优秀配色工具》上有12条评论

  1. 陈铭

    看完之后,个人看好Adobe这款配色工具,功能挺多,能够自定自己所需的配色方案,还能更快选出色板,而且可以参考其他设计师们创造的配色,不孬不孬~

    回复
  2. 周佳敏

    感觉Digital color Meter 挺高级,我还特地在Mac端使用了一下,很好用,获取颜色值的效率挺高,打算继续用着。

    回复
  3. 李平健

    总结得不错,希望设计日报能够继续为大家多多推送各种干货哈哈哈,赞。

    回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注