讲真这可能是目前最全的在线配色工具合集了

2019-10-08 12:49

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

  优优教程网:UiiiUiii.com是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

  @研习设K先生 :要想学好配色不容忽视的一点就是色调,色调是色彩构成的基础,不仅简单容易上手而且非常实用有效。 豪斯先生平面课堂系列...

  过完年即将又会有一波大学生求职,由于缺乏工作经验,以往的设计作品也多是在老师布置的情况下完成,根据企业实际需求完成的设计较少。 ...

  编者按:之前有个为设计师量身打造的Xcode系列教程,已经更新到第四期了,今天来点高能技巧,帮你瞬间提高生产力 静电的Xcode教...

  他们是UI界面的创造者,是UI设计的开创者,他们同样要在「比稿」中前进,他们认真、实在、抠细节,这篇文章是关于他们,关于最初的UI界面的故事。

  前段时间一直在做运营类设计,banner 在其中占了较大比重,为此就想写一篇阶段性总结。其中部分观点参考了相关视频教程和文章,设计新手一枚,如有不足还请大家...

  本文是优设网独家专访滴滴创意设计团队,也是滴滴Disign的负责人首次公开团队的发展状况,让我们来看看顶尖的设计团队是如何打造的。 2015年11月5日 地...

  echo:设计团队的意义是能理解分析最终用户的需求,通过专业的设计手段、方法去实现企业战略,解决相关问题。 设计理念是设计的核心思想与运作原则,是为了明确设...

  @他山之眼 :学习摄影就必定要学习后期,而学习后期有一条很好的捷径,那就是掌握各种各样的神器后期插件,它们有时候可以帮助我们极大的节省工作量,甚至实现人工无...

  作为一个前端工程师,在着手码起代码时,手上一般都拿着产品文档、交互原型、标注图和切好的图片资源。开发者只要按照这些资源的指示把内容逐一整合到自己代码里就算完...

  编者按:做设计久了,设计师很少能够真正站在用户的角度看待网站和APP。今天的文章,我们来聊聊普通用户眼里的设计细节~ 设计师对于自己的网站以及APP产品的视...

  编者按:垂直滚动网站同学们都见多了,水平滚动由于体验另类,肯定有人还没见过,特别是高质量的,更是难得。不过这类网站在展示个人作品、摄影图片、品牌宣传等方面有...

  本专题收集了最常见的面试问题和答案,而且从面试官的角度告诉你,他们在考核什么。另外还有国内各大公司的面试流程分享,以及高手是如何应对面试的。能否跨入大厂,就看你有没有收藏了!

  通过这个专题,不仅可以了解到最新的 Material Design 变化,还有 Material Design 的动效设计、可用性设计、用户引导设计等中文版本,另外还有高手总结的学习笔记和实战案例。看完这个专题,帮你全面读懂 Material Design。

  想知道你每天都在用的表情都是如何设计出来的?这里不仅有背后的设计故事,还有表情绘制技巧和设计师专用表情包,让你成为表情包大师!

  这儿不仅有实力强劲不为人知的设计大咖,也有人气超高的设计工作室,中西结合兼容并蓄。探寻大神成长史,从中汲取养分,大概就是这个专题的魅力所在。收藏起来,每月都会更新哟。

  新版 iPad 发布,如何让 iPad 从追剧变成生产力?(限时特惠)本港台 本港台j2直播网本港台开奖的

报码结果| 最快现场开奖报码室| 六合财神网| 白小姐欲线料| 王中王吃草吃菜破解玄机三码| 皇牌一码三中三图片| 大众心水论坛全年资料| 香港小六图库资料| 一肖一码期期中今期一| 黄大仙特马王311211图|