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

一. Khroma

http://khroma.co/

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

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

二. LOL Colors

http://www.lolcolors.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里取色。

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/color-artifact-web

转载于:https://www.cnblogs.com/hechangchun/p/10444965.html

学习笔记59—收藏这7个在线配色神器,再也不愁配色灵感了相关推荐

  1. 小迪安全视频-学习笔记(收藏)

    视频学习笔记 · 语雀 https://www.yuque.com/gemaxianrenhm/hahwdw 渗透测试体系化学习笔记 - 随笔分类 - 九~月 - 博客园 https://www.cn ...

  2. Synopsys Design compiler 学习笔记(收藏)

    IC学习・成长加油站 LoveIC Synopsys Design compiler 学习笔记    design compiler流程 Design compiler工作流程大致分为四步: 1)Lo ...

  3. Java面试被问框架源码看过吗?70道SSM面试题及学习笔记值得收藏!

    java思维导图 ​ 前言 很多小伙伴可能会很困惑,为什么BAT的面试官总是喜欢问源码?其实我们常用的Spring.MyBaits这样的框架可以说是JAVA里面最经典的教科书,从中你能学习到很多写代码 ...

  4. 超全MySQL学习笔记,416页满满知识,看完再也不怕学不会了

    全世界都在用MySQL,这句话毋庸置疑,数据库流行榜中揭示,MySQL排第二,仅次于Oracle,但排行榜上还有一个不容忽视的力量:MariaDB,如果把这支MySQL的独特力量与MySQL合并,My ...

  5. Angular 4 学习笔记 从入门到实战 打造在线竞拍网站 基础知识 快速入门 个人感悟

    最近搞到手了一部Angular4的视频教程,这几天正好有时间变学了一下,可以用来做一些前后端分离的网站,也可以直接去打包web app. 先上个效果图: 环境&版本信息声明 运行ng -v @ ...

  6. 学习笔记(59):Python实战编程-Graphics

    立即学习:https://edu.csdn.net/course/play/19711/343123?utm_source=blogtoedu 1.graphics:图形界面组件的绘制,利用的是坐标的 ...

  7. C/C++学习笔记:算法知识之平衡树学习笔记,收藏一波吧!

    平衡树存储: size就是节点的个数. value是节点代表的权值. 权值相同的两个节点被视为一个,num记录折叠数量. rand是随机数,用来维护平衡树. son就是两个儿子. 平衡树size更新: ...

  8. 鸟哥的Linux私房菜学习笔记(2)登录与在线求助

    以管理员身份运行VMware Player,点击之前安装好的CentOS 7版本的虚拟机,会出现以下界面:  这是我建立的一般账户,ROOT由于身份比较特殊,所以没有被列出来.  点击 "未 ...

  9. 大数据学习笔记59:初探Kafka消息系统

    文章目录 一.Kafka概述 (一)Kafka是什么? (二)Kafka能做什么? (三)Kafka基本概念 1.Broker(经纪人) 2.Topic(主题) 3.Partition(分区) 4.P ...

最新文章

  1. Buffer的工作方式
  2. 从普本到北大:我的跨校跨专业考研经验
  3. R语言使用psych包的fa函数对指定数据集进行因子分析(输入数据为相关性矩阵)、使用nfactors参数指定抽取的因子的个数、fa函数因子分析结果解读(Extracting common facto
  4. java正则表达式 过滤特殊字符的正则表达式
  5. MATLAB算法(函数)编译为C++动态库遇到的问题
  6. Matlab 图像的邻域和块操作
  7. java中构造器快捷方式_java 构造器 (构造方法)
  8. 【Tiny4412】烧写最小文件系统到EMMC
  9. java 读取split_Java报错系列——split
  10. js整体缩小网页_SEO网页优化的原则是什么?
  11. linux redis 启动用户,redis 进程使用root用户启动 -- 整改方案
  12. javascript--DOM概念
  13. apb外设怎么分配地址
  14. C#百度OCR-身份证图片识别提取信息
  15. linux创建文件夹共享文件夹,Linux创建文件夹共享
  16. 李炎恢html5资源,李炎恢HTML5视频资料分享
  17. 【文献学习】DeepReceiver: A Deep Learning-Based Intelligent Receiver for Wireless Communications in the Ph
  18. 微信小程序tabbar 小程序自定义 tabbar怎么做
  19. 毕业论文知网查重之应对办法
  20. 辅助知识-第2 章 项目合同管理

热门文章

  1. 堪称最美丽的3D场景模型:大雪后的城堡 制作全过程分享
  2. 蓝桥杯单片机12届第二场
  3. [agc013d] Pilling Up
  4. 高德地图-初始化的时候获取行政区边界和中心点
  5. matlab 场仿真,利用MATLAB软件实现温度场的仿真
  6. strip: Unable to recognise the format of the input file
  7. [转]冬天上厕所,马桶太冷怎么办?
  8. js怎么获取电脑硬件信息
  9. 2017-12-16 机器视觉表面缺陷检测综述
  10. 网页图片加载优化方法总结