这只怕是当下最全的在线配色工具合集了,调色师闲下来时候玩的应用程式

这只怕是当下最全的在线配色工具合集了,调色师闲下来时候玩的应用程式

配色从理论上说起来很简单,但是如何创造令人印象深刻的色彩风格、如何根据故事的氛围、内容等诸多因素来呈现一个恰当的影像基调,是一个非常考验调色师个人功底的东西。今天给大家介绍几款与配色相关APP,来激发你的灵感,深化对色彩的理解。

配色是设计师的基本功,也是日常设计中最核心的部分,甚至是每个设计师每天都得做的功课。为网页选择一种基础色并不难,但是想要一套可用的色彩组合,则是一件相对棘手的事情。所以,很多时候,借助配色工具来寻求配色方案是一个颇为不错的想法。

配色,简单来说就是将颜色摆在适当的位置,做一个最好的安排,达到一种和谐的融为一起的一个大效果。大多数人对色彩画面的敏感度往往敏感于文字,同时色彩是通过人的印象或者联想来产生心理上的影响,而配色的作用就是通过改变空间的舒适程度和环境气氛来满足人们的各方面的要求。

配色方法和配色工具有很多,有的工具需要配合特定的方法,而有的工具则只能应对特定的需求。今天为你整理的这个合集主要是为网页设计师所准备的在线配色工具。

用下面这张电影截图作为素材导入这些APP,介绍使用方法。

Adobe Color CC

美高梅网站mgm打不开 1

你应该知道这款Adobe 出品的配色工具,早期它是以 Adobe Kuler
的名字投入市场的,现在正式更名为 Adobe Color
CC,并且纳入到创意云套装当中了。

1. EyeDrop.me

ColourLovers

美高梅网站mgm打不开 2

ColourLovers
是一个配色爱好者社区,它包含大量的图片和它们相应的配色方案。许多配色爱好者会从漂亮的图片当中获取相应的配色方案,帮助设计师们更好地搭配。

EyeDrop.me是一款一次到位的APP,无敌的马赛克效果让你直接看到色彩关系,多格的颜色选择和与PS无缝连接,能直接发送调色板。其特点总结下来就是:

Coolors

  1. 能够查看指定网站的配色

  2. 随手拍照,生成独特配色表

  3. 配色可以发送Photoshop生成色板文件

Coolors
是一款直观而快速的配色工具,你可以以更加简单的方式创建色彩组合,同样可以直接从图片中取色,还可以生成不同的格式,比如SVG、PDF或者SCSS,可用于Android、iOS、PS和AI等不同的平台。

操作实例:

Color Snapper 2

选择好照片(可以双指缩放选择照片区域)之后,点击PULL COLORS
,照片全变马赛克了,这个马赛克可以代表这个画面大的颜色关系,这其实是一种观察颜色和还原颜色的方法。从色块的分布可以看出来这个画面是以蓝色调子为主的,中间白色色块是高光的颜色,所占的面积很小。然后把在亮部中间调子和暗部选择有代表性的软件颜色拖到下边的盒子里。

Color Snapper 2 是一款为OS X Yosemite
所专门创建的配色工具。它为专业的平面设计师而生,可以在屏幕上挑选,调整,修改,组织,保存和导出各种颜色。

美高梅网站mgm打不开 3

Colordot

颜色要是有些偏差,可以调节一下,难道是截图再导入到电脑里用吸管吸色值吗?当然不是,点击右上角的分享图标,可以把配色表发到指定邮箱,也可以直接发到PS(需要CS5以上版本)。

Colordot 这款配色工具有网页版和iOS
APP两个版本,你可以直接从调色板来创建配色方案,也能通过图片和拍照来取色,并且轻松地分享出去。

提醒:

Adobe Capture
CC

电脑和手机需要在同一局域网,在 PS 的 Edit – RemoteConnections
做好设置再与手机匹配,之后我们就会发现PS的调色板里多了我们刚才所选的那些颜色,这样原图的色彩配色方案就被记录下来了!

Adobe Capture CC 和 Adobe Color CC
虽然都是取色工具,但是各自偏重不同。Capture
是基于你所拍摄的照片来获取配色方案,然后你可以用这个配色来创建笔刷或者图案。这款工具同时兼顾到了桌面端和移动端的需求。

下载地址:

LOL
Colors

2. ColorSchemer

想要获得更多配色方案上的灵感?LOL
将许多配色方案打包提供给你,每个方案都有HEX和RGB等代码,确保你立刻可以上手使用。

美高梅网站mgm打不开 4

Gradients.io

ColorSchemer是一款非常专业和易用的配色软件,它有一个号称过千万的配色库,并有自己社区,用户超过几十万。对于配色来这说是一款非常直观和好用的APP,还有非常友好的互动理念,你也可以去别人的配色方案上找灵感。

Gradients.io
让用户可以使用渐变色来覆盖图片。这个网站中整个页面中塞满了各式各样不同的渐变色配色方案,并且搭配了这些配色方案对应的HEX值。

操作实例:

Color
Sphere

打开软件,看到一堆配色方案都是其他用户上传的,点取加号创建我们自己的配色方案。

Color Sphere
同样是一款具有针对性的配色方案,它主要是帮你生成同一色调下的配色方案。每套配色方案的色彩都会生成对应的HEX值。

美高梅网站mgm打不开 5

CheckMyColours

在选取图像菜单中选择图片,在这里我们还是选择原来的截图。

美高梅网站mgm打不开 ,CheckMyColours
可以帮你检测和对比网页中所有的位于前景和背景的DOM元素的色彩,确定他们的对比度是否合理,视力障碍人事能否清晰地分辨出这些元素。

美高梅网站mgm打不开 6

Color Hunter

分别在亮部、暗部、中间区域,选择代表性的颜色。

Color Hunter
是一个简单而实用的工具,你只需要上传你喜欢的图片,它就能帮你生成一套调色板。

美高梅网站mgm打不开 7

TinEye

ColorSchemer
提供非常直观的标准12色轮,选择色轮工具,点击每种你选择的颜色,就会在色轮上直观的看到每个色块色彩的色相、饱和度和亮度的变化,可以看到最亮的色块是偏黄的,如果要进行色彩色相的变化,只需要旋转色环,改变亮度,点击色环中间小圈,还可以通过RGB来调整色值。

TinEye 允许你从Flickr 那超过2000万的 Creative Common
图片中提取色彩。你只需要选择一种色彩,滑动选取你想要的颜色,便能在搜索框中加入这个色彩对应的标签。

美高梅网站mgm打不开 8

Pictaculous

美高梅网站mgm打不开 9

Pictaculous是MailChimp推出的配色软件,它只有一个目的:从照片中获取配色方案。它的操作也极为直接:点击“browse”按钮选取图片文件,点击“GET
MY PALETTE”按键得到色版。

在LiveSchemes工具旋转调色板中,彩块以点和线的形式表示在色盘上,我们可以直观的看到所有颜色的分布情况。以这场戏的截图来说,所有蓝色块基本都在色环夹角60度内,这属于类似色对比,所有配色都出现在蓝色和青色区域中。

Paletton

美高梅网站mgm打不开 10

Paletton 是一款和 Adobe Color CC
非常类似的工具,不同之处在于,它不再受限于5种配色,而是能够调用更多的色彩。

我们来看下高光色块的位置。切换点击屏幕左下原点,这个是HSL、HSV
两种色彩空间转换键(过于逆天,这还是个手机APP吗?)HSL对于暗部色彩倾向表现明显,HSV对于亮部色彩倾表现明显(观察俩图最亮和最暗点的位置变化)。

Colorspire

发表评论

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

网站地图xml地图