五款帮你在线搞定配色的WEB APP

   配色弱福音!今天来一组超实用的配色神器,第一个不仅能直接帮你生成配色方案,还可以按照配色方案生成网页Demo,绝对是懒人必备!除此之外还有在线的配色方案参考,渐变色方案和随机色列表等,以后再也不愁没有配色灵感了 >>>

  贝尼:HTML5变得越来越强大之后,很多以前需要特意安装一个软件来实现的功能,现在只需要在网页端就能够实现。这样一来,无论你是Windows用户或者MacOS用户,都能够在同样的体验下使用一个自己喜爱的工具,因为你的工具都在云端。

  决定设计好坏因素有很多,颜色就是其中一个相当重要的元素。下面为大家介绍几个最近收集的个人觉得挺有用的处理颜色的WebApp,它们中有些功能类似,但各有不同的亮点。

  Paletton(配色工具)

  这个工具是之前介绍过的Chrome插件ColorZilla中的一个外链功能。它的作用和Adobe Kuler类似(Adobe Kuler也有web app版本),可以用来为整个界面进行配色。你设定一个基色,然后通过它的一些选项和微调参数生成一套配色方案。除了Kuler的一些相同功能外,它还有个比较有意思的地方,它可以模拟色弱看到的颜色以及不同显示器参数下的颜色。另外还可以模拟一个按照这套配色方案生成的网页demo。


  下图是一个配色后网页的大致模拟~


  类似应用:www.colorhexa.com(功能更简单,界面更清新)

  Webcolourdata(配色方案参考)

  这个应用很简单,输入你喜爱的网站地址,它就能获取这个网站的配色方案。搜索栏下方成列了一些诸如Facebook、Google、Firefox等知名网站的配色方案。


  UiGradients(美观的渐变色)

  这是一个托管在github上的开源项目。打开网站映入眼帘的就是一整个屏幕的双色渐变,而且颜色相当舒服。你可以通过左右切换来探索更多的搭配方案。细心的同学会发现有一个按钮能将所有这个应用收集列表中的美丽渐变色全部显示出来。同时你还能提交自己觉得出彩的渐变给他们。对于前端工程师来说,它还提供了一键获取渐变色CSS代码的功能。小而强大。


  DraGGradients(渐变色处理)

  这个应用的界面和上面那款非常像,而且也都是处理渐变色的。不过区别在于这个应用可以让你自定义渐变,并且不止两个颜色。右侧的加号按钮可以新增颜色,然后移动画面当中的白色控制点然后移动渐变色。


  Colours(随机颜色)

  这个应用功能性不是很大,主要是每次随机罗列一套颜色,而且每个颜色上都标了css中对应的英语名字及Hex格式和Rgb格式的颜色码。也许在你没有灵感时,看看这个随机的列表会有所启发哦~另外,当你点击顶部色带中某个颜色,那么页面就会显示所有这个颜色的不同明度亮度等的衍生色。

时间: 2024-11-08 17:59:56

五款帮你在线搞定配色的WEB APP的相关文章

有哪些网站能帮你在线搞定设计?

  最近发现挺多好网站,挑选了几个好用的,帮不熟悉色彩的设计师搞定Material配色,给设计师提供网页元素组件的排版灵感,还有轻易制作Bootstrap模板并输出HTML格式的神站,全都有各自的用处,而且都是在线的,很方便,来自取咯. 一.Material Design专用在线配色工具 2015年安卓系统的Material Design UI设计风格将会流行起来,目前已经有不少APP应用尝试这类风格的设计,如果你也想开始制作Material风格的APP,那就别错过今天分享的 Material

帮你快速搞定网页配色的方法(附配色神器)

  完全零基础的新手如何做好网页配色?今天@喪心病狂十六夜貓 这篇好文,从网页基色.强调色.深色到应用整个配色方案 都有详细的流程与教学,每个步骤几乎都不用思考,用文章提供的配色神器就可以搞定了,你只要决定整个风格就行了.好东西千万別错过,来收! 目录 决定基色 决定强调色 决定深色 让我们应用配色方案 01. 首先决定基色 首先,来决定网站的基色吧!虽然说你可以使用任何你喜欢的颜色,但为了让别人理解你的设计意图和理念,尽量还是需要注意以下几点. 善于使用手边的资料 客户端的标志上常用的颜色,往

5款App帮你轻松搞定自定义锁屏

移动设备锁屏很容易被视为一件想当然的事情.锁屏可以确保你设备的安全--但是这要取决于你的设备类型,锁屏可能不会做太多的事情.不过,几乎每每个移动平台上都有可以帮助你自定义锁屏的应用.一些应用是锦上添花,也有一些会带来更多的帮助. 1. FancyLock FancyLock(如图A)是一款自定义锁屏的免费应用.它允许你选择一个自定义背景,选择所个可用的锁屏主题.主题涵盖从火红色到篮球等.这款应用唯一的缺点是它包括应用内购买. 自定义锁屏的5款免费应用 图A FancyLock针对iOS系统免费.

大数据的设计师帮你快速搞定一个极简风格网站

  如何快速做出一个极简风格网站?国外某个网站统计分析了112个明显带有极简风格的网站后,发布了这篇超级干货.全程都是以数据来说话,从占比最大的设计要素开始说起,有案例有分析,把极简风格的设计彻底发挥到了术的地步. 最小化设计的目标是移除界面当中不必要的元素或内容,减少干扰,使界面最大程度的支持用户的任务流程. 要将界面以恰当的方式简化到只保留必要元素的程度,设计师需要对一系列与最小化策略高度相关的设计模式有所了解.界面设计,就像人类的语言一样,最终是由人们的使用方式所定义的.如今,虽然"最小化

3大速成法则帮你轻松搞定极简主义网站

  今天@念经的大猕猴桃 这篇译文特别不错,对于没有经验,想借鉴他人的设计师,如果没有强大的归纳能力,阅遍极简也枉然.恰好这篇文章把极简主义必备/抛弃的元素,可以运用的技巧,如何与其他风格结合这几个关键点都说得非常仔细,怒马不多说! 如今极简设计已普遍被应用于网页设计中,当然这拥有充分理由.轻量级的布局和低维修成本使其灵活适用于响应式设计.自然优雅极具美感,使得很多品牌和机构青睐并采用.然而赞赏这一设计风格和创造它是两码事. 看起来,由于极简主义元素不多,复制某种风格似乎变的及其容易.然而事实却

三板斧帮你快速搞定移动缺省页设计

  饭饭妥妥的:缺省页面,是出现在用户没有提交任何资料或者网络连接不通畅的情况下所展现的页面.通常设计师们习惯用丰富的数据内容把页面设计得美观实用,考虑的都是界面展现的"理想状态",往往会忽视没有内容的"缺省状态".未经过精心设计的缺省页面降低了用户的使用体验,并可能给用户带来困扰,如下图iOS系统邮件App,无邮件时界面上没有任何有效反馈信息,用户不能明确得知到底是网络问题还是账号同步出错亦或者是收件箱内确实一封邮件都没有.同样的情况也出现在Pinterest和出

五步教你轻松搞定数据中心容量规划问题

无论使用大型机或云计算,数据中心容量规划依然严峻,要确保拥有业务所需的足够IT资源. 数据中心管理者面临着相同的挑战:业务需要更多的计算资源,但同时也希望降低能耗,冷却和其他设施费用.当走到评估是否需要进行数据中心这步时,一步一步的规划,是省下一大笔开支的好方法. 数据中心容量规划是朝着正确方向迈出的重要一步,而且能够增强IT与其他业务领域之间的关系.虽然IT涉及到大数据与与物联网--而这些技术将如何影响数据中心容量--是可以评估,也可以用一定的方法缓解. 这里有五个技巧,帮助您解决数据中心容量

强力吸油烟、火力猛海尔厨电帮北方妻子搞定湘菜

"他是湖南人,喜欢吃辣的,每次做饭那股辣椒味儿都呛得我直咳嗽."说这话的是一位北京女孩--小娟,嫁到南方已经有一年时间了,由于下班早,她每天都会为老公准备晚餐,但南北的饮食差异却总让小娟觉得很"崩溃".近年来,随着流动人口的增加,南北通婚的情况越发普遍,但夫妻在饮食习惯上的差异却一直很难弥合.比如小娟和丈夫,在生活上一切都好,双方父母之间关系也很和谐,但惟独在做饭吃饭上出现了分歧."为了解决油烟的问题,我们决定换一套吸力又强.火力又猛的厨电.最终我们达成一

小脑袋搜索推广助手提供五个步骤助你搞定百度竞价

百度竞价做为公司活络行进 查找引擎排行的利器,许多公司都已有百度竞价效能,怎样让百度竞价做到合理甚至超值的花费,要害字大约怎样调整设置,避免出现不可控的形势,是许多公司需要面对的疑问,百度竞价能够短期行进公司业务及知名度,之前佳盛元网络推广写过关于百度竞价调整的文章,只是对比笼统,这次关于百度竞价调整建议从以下五个方面去做调整. &http://www.aliyun.com/zixun/aggregation/37954.html">nbsp; 榜首, 挖掘具有有关性的"