• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 收藏这7个在线配色神器,再也不愁配色灵感了 !

收藏这7个在线配色神器,再也不愁配色灵感了 !

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含神器推荐,配色工具,酷站推荐等相关知识,希望在学习及工作中可以帮助到您

在设计中配色方案是必要的,也是让设计师头疼的一个问题。所以,编辑专为大家整理了一波配色神器网站,不用下载任何应用程序,打开即用,不仅能快速的做出符合设计概念的颜色组合,且有很多样品供你确认的工具。设计新手们千万别错过了!

一.?Khroma

http://khroma.co/

Khroma是一个在线颜色工具。它利用人工智能,通过分析你选择的颜色,来生成实用性非常高的调色板的配色工具。甚至可以实现更高精度的组合,可以说是能够「成长」的配色工具。

有了这个工具,你就可以在短短几分钟之内完成一个非常fashion的配色方案。

二.?LOL Colors

https://color.hailpixel.com/

这个萌萌的网站已经推荐的不止一次啦。配色低调而且简单实用,从网站上的颜色搭配也能知道某些颜色组合起来可能会有意想不到的效果。

仔细看!将鼠标光标移动到颜色上方就会立刻显示色码。你可以选取喜欢的颜色后直接复制代码使用到设计中。可以说非常便捷了。

三. Colordrop

https://colordrop.io/

这款配色工具和 LOL Colors 有点相似,网页设计相当简单,提供各种色彩组合,没有太多额外或复杂难懂的功能,实在深得我心。?不过ColorDrop 允许使用者更换不同背景颜色,预览在不同背景配色中套用某种颜色的感觉,让你在浏览网站时有更多不同体验。

四.?Colordot

https://color.hailpixel.com/

接下来给大家推荐一款非常特别的配色神器。它不提供给你任何色彩,而是给你一个空白页面,只要在上面移动鼠标就会自动调整及切换颜色,按下鼠标后就会固定颜色并显示色码。不用下载安装软件,直接从浏览器就能操作。

假如你正好想挑选配色,但又没有任何想法的话,或许上去 Colordot 摇一摇点点鼠标,可以有一些让你觉得不错的颜色出现。

五. Colourco

http://www.colourco.de/

先简单介绍一下颜色变化:

  • 色调:鼠标左右移动或「Ctrl+ ← + →」
  • 亮度:鼠标上下移动或「Ctrl + ↑ + ↓」
  • 饱和度:Ctrl+ Shift + ↑ + ↓
  • 鼠标单击锁定颜色,点击“垃圾桶”图标删除颜色

操作非常简单,快去打开网页,慢慢享受色彩世界的乐趣吧!

六.?Klart Colors

https://klart.co/colors/

这是一款来自Klart的选色神器,这家公司以开发设计师专用 Chrome 扩充功能为主,Pixels 让用户快速共享各种网站设计及排版样式,其中包含配色信息,而 Klart 就将这些颜色数据重新包装成另一网站 Colors。

使用方法很简单,打开网站,就能看到无数个调色盘,按下空格键会重新整理,加载新的颜色,也可以利用鼠标不断往下滚动,Colors 会持续加载更多的配色选项。

如果看到喜欢的配色,点击颜色后即可复制色码。如此一来,就能将颜色使用于其他任何你想使用的地方。

七.?Color Claim

http://www.vanschneider.com/colors

推荐了以上那么多配色网站,有的实用有的貌美。按理说该成为配色大师了吧!但如果你眼光和审美还不到位,真到了自己做设计的时候,还是会觉得配色不够高级。即便拿到一个好看的配色,也不知道怎么将它运用到设计中。那么,Color Claim可能会给你提供一些帮助。

它是一个设计大师自建的配色网站,每个都可以直接拿来取用。打开网站都是看起来很普通的图片,其实都是从大神个人多年来的设计中提取出的配色,凝结着配色智慧的结晶。

虽然看起来都很简单,颜色不超过三种,一共102款,但每个都有其鲜明的风格特色,我们总能从中找到适合自己的配色风格。使用方法也简单粗暴,直接存储图片到PS里取色。

那么,今天的推荐就到这里了。如果你手边有其他推荐的配色工具,也欢迎提供给我。

================明星栏目推荐================

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

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 这个网站用AI 帮你做LOGO,还可以免费下载!
  • 收藏这个神器,帮你一键生成高大上的艺术字体!
  • 超全面!八种格调超高的PPT文字设计法!
  • 我花了80天,开发出这个3分钟快速搭建界面原型的设计工具
  • 我们拿到了InVision Studio 的内测资格,设计师们关心的都在这里
  • 两分钟认识一款把 Sketch 变成 Principle 的插件:Diya
  • 小米新品的海报背景,用这个神器可以一键生成!
  • 杜蕾斯让人高潮迭起的海报,你也能快速做出来!
  • 新鲜出炉!五个超方便的Sketch 48 新功能介绍
  • 除了阿里的鲁班系统,还有哪些厉害的人工智能设计神器?

相关文章

  • 2018-08-23学会这3个方法,零基础也能做出好看的配色
  • 2017-08-06css去掉点击连接时所产生的虚线边框技巧兼容符合w3c标准的浏览器
  • 2017-08-06网站的文字还需要设计吗?
  • 2018-08-23金三银四求职季,我们为你列了最常见的20个设计面试问题和答案
  • 2018-08-23原型工具哪家强!我从10个角度对比了素描和Axure的优缺点
  • 2017-08-06网页设计中的细节分析详谈
  • 2018-08-23腾讯设计师:我做设计这七年里的心态变化
  • 2018-08-23如何制造信赖感和惊喜感?我总结了这些设计方法
  • 2018-08-23为什么你的动效特别酷炫,但一直不能落地?(附解决思路)
  • 2018-08-23超全面!为什么越来越多的移动App 使用插画设计?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 使用字符代替图片实现圆角或尖角效果研究
    • 设计师如何优雅地回复需求邮件?我总结这个详细的方法
    • 人气好文!写给网页设计师的视觉设计基础手册(二)
    • 去除在FireFox中点击链接时,出现虚线边框的解决办法
    • 创业公司精雕细琢的17个优秀网页设计
    • html5中几个不容错过的api或者tips小结
    • 同一个设计需求,新手和高手都是怎么分析的?
    • 修改网页中的FlashSWF文件的方法
    • 以Apple Music为例,为你解读格式塔7大法则
    • 这10个小技巧,帮你创造出可用性良好的微文案

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有