网页设计师收藏最全的在线配色工具

恰年 网页设计 2017-12-09 17:19:54 463
摘要:配色是设计师的基本功,也是日常设计中最核心的部分,甚至是每个设计师每天都得做的功课。为网页选择一种基础色并不难,但是想要一套可用的色彩组合,则是一件相对棘手的事情。所以,很多时候,借助配色工具来寻求配色方案是一个颇为不错的想法。 配色方法和配色工具有很多,有的工具需要配合特定的方法,而有的工具则只能应对特定的需求。今天为你整理的这个合集主要是为网页设计师所准备的在线配色工具。

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

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

Adobe Color CC

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

ColourLovers

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

Coolors

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

Color Snapper 2

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

Colordot

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

Adobe Capture CC

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

LOL Colors

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

Gradients.io

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

Color Sphere

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

CheckMyColours

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

Color Hunter

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

TinEye

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

Pictaculous

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

Paletton

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

Colorspire

Colorspire 是一个三步式的配色搭配工具。你挑选出基本色之后,它会生成对应的配色方案,然后你就可以预览这套配色的应用效果了。

Hexu.al

Hexu.al 是一项有意思的服务,旨在为用户的留言添加色彩。当然它也能为图片和设计添加色彩。

Color Explorer

ColorExplorer 可能是目前功能最全面的在线配色工具之一。在它的帮助下,你可以创建、分析和自定义配色方案。更重要的是,它是完全免费的。

0to255

0to255致力于帮你找到同一个色彩对应的深色和浅色,它可以帮你查找特定色彩的同色系的其他色。

ColorRotate

ColorRotate 是一款为平板而生的色彩编辑APP,它的3D取色系统让你可以完全掌控配色方案。

SpyColor.com

SpyColor.com 是一款完全免费的线上配色工具,它可以提供任何色彩的信息,包括它们在不同配色体系下的代码和值,比如 RGB、CMYK、HSL、HSV等等。同时,它还提供各种相关的配色方案,无论是对比色还是近似色,或者是三色、四色、五色等多种不同类型的配色。

Designspiration

在这个网站上,你可以生成最多5种不同色调的配色方案。然后,网站会将数据库中使用类似配色的图片都展示给你,供你参考。

Color Blender

Color Blender 是一款非常易用的配色工具,它能根据你所选取的一种颜色,生成一套6色的配色方案。

Colors on the Web

Colors on the Web 是基于色彩理论来帮你探索色彩在网页中的运用。使用其中内置的配色向导、色轮和对比度分析器三个工具搭配起来能够让你更好的配色。

ColorMunki

ColorMunki 也是一款帮你创建自己配色方案的工具,你可以借助它找到相似的色彩,并且正确的将他们搭配成配色方案。

Pantone

这一服务是为苹果用户所定制的,你可以借此探索色彩的世界,发现新的色彩,了解色彩之间的关系,如何协调地搭配等等。

ColorZilla

在Colorzilla的帮助下,你可以让你所浏览的页面更加多彩,这款插件可以快速取色并粘贴到其他程序中。此外,Colorzilla可以帮你放大正在查看的页面,测量页面上任意两点之间的距离。Colorzilla内置了调色板,一方面可以方便用户获取预设的色彩,也可以保存自己从网页中抓取的色彩。DOM Spying功能能帮你监测DOM元素的各种信息。

Color Hunt

Color Hunt 是一个为配色爱好者所准备的社交媒体频道。你可以在这里找到精心挑选的配色方案,还可以获得一些热门的随机配色方案运用在自己的设计项目当中。

Material UI Colors

Material UI Colors 为扁平化风格的设计提供了对比度良好的配色方案。

ColorDrop

只需要托拽,你就可以借助 Colordrop 轻松地调整UI元素的色彩。只需要安装一个Chrome插件,就可以帮你搞定这一切。

BrandColors

BrandColors搜集了世界上最受欢迎的品牌的官方配色的配色方案,可以说是相当有价值的配色参考。


版权声明

本文仅代表作者观点,不代表本站立场。

本文系作者授权本站发表,未经许可,不得转载。

相关推荐
优能自媒体系统采用独家首创的广告赞助模式,不仅适合于个人自媒体的广告投放,更加适合于团队自媒体人集体创作。仅需999元即可享受终生授权!远非市面上其他模板网站所能比拟。优能自媒体用过才说好!
优能cms 刚刚 优能广告
作为设计师,利用设计工具化可以帮助我们节省因重复设计产生的工作时间,实现从设计支撑到设计驱动的价值转化。让我们更专注于用户体验和对产品的创新,并且把自己带到更高的视野,经过全链路实践,提高自身专业影响力和核心竞争力,从而完成设计新时代的进阶之路。
恰年 2017-12-30 815 组件化设计 
  虽然有很多优秀网站可以借鉴,但是设计一个出色的网页并不是一件容易的事。尤其对于专业从事网站设计的设计师来说,更是如此,在日复一日不间断的网站设计面前,不仅已经审美疲劳而且已经创意枯竭。可是由于现在网站都做的很漂亮,用户的审美也变的挑剔起来,如何做出富有新意且让用户满意的网站,是一个不小的挑战。
恰年 2017-12-30 726 网站设计 
看看这些体育俱乐部网站的设计理念获得灵感!这些体育俱乐部网站可以应用于任何体育相关的网站,从足球,篮球,健身,瑜伽等等。
恰年 2017-12-25 926 网页设计 
作为一名优秀的设计狗,要是没有十个八个设计素材网站,或者哪个素材网站的会员,都不好意思说自己是从事设计行业的。
恰年 2017-12-24 872 网站设计 
在各种UI表单当中,错误信息的呈现形式常常存在一些潜在问题,有些产品甚至直接忽略了报错信息。报错信息的设计不当有很多不同的呈现形式,不过大多数都表现为在错误的时候提醒,或者包含有误导性的信息。
恰年 2017-12-23 693 UI报错信息 
文章排行
  • 日榜
  • 月榜