#配色##网站##素材##免费##编辑#

创建有效的网页设计配色方案(个实用配色小工具)(1)

配色在整个网站设计中占有举足轻重的地位,它可以直接影响用户对网页的体验感。作为网页设计师的你还停留在苦苦比对色卡,一个一个不停

创建有效的网页设计配色方案(个实用配色小工具)(2)

的尝试中?

NO!NO!NO!小编在这里为小伙伴们带来了适合网页设计师使用的9个在线配色工具让配色变得简单,想怎么试色就怎么试色!!

1

colorhexa

创建有效的网页设计配色方案(个实用配色小工具)(3)

https://www.colorhexa.com/

ColorHexa是一款免费的颜色转换工具,用惯了PS吸管工具的小伙伴们,会在这里惊讶的发现,原来除了吸管工具还有这么多类似功能的工具可以用!

创建有效的网页设计配色方案(个实用配色小工具)(4)

假如用户想指定颜色,只需要简单的在搜索框内输入某个颜色名称,它就能显示出一个十分详细的信息,并且还将其分别转换成对应的十六进制、二进制、RGB、CMYK、HSL、HSV、 CIE-Lab、Hunter-Lab、CIE-Luv、CIE-LCH、XYZ、xyY值。

创建有效的网页设计配色方案(个实用配色小工具)(5)

从同色系,到对比色、或者是自动生成的HTML元素等等都有显示。

创建有效的网页设计配色方案(个实用配色小工具)(6)

ColorHexa网站的存在足以满足各种配色工作。对网页设计的朋友来说,ColorHexa是工作中必不可少的网站。

2

coolors

创建有效的网页设计配色方案(个实用配色小工具)(7)

https://coolors.co

Coolors是一个在线生成配色的工具,快速、简单的配色方式可以帮助用户在最短的时间内找到最适合的配色方案。Coolors每次会挑选五种颜色组成的调色板,并且都配有颜色色值,方便大家使用。

创建有效的网页设计配色方案(个实用配色小工具)(8)

如果是第一次使用这个网站的用户,也不用太担心,因为它会有一个简单的使用介绍,告诉你不同的按钮有着什么样的用途,对于全英文的网站来说,这个小介绍还是蛮实用的。

创建有效的网页设计配色方案(个实用配色小工具)(9)

假如你有看中的颜色,可以就在此网页上快速选取,或修改成你更需要的颜色颜色。Coolors整体的使用感还是不错的,当你们想要快速寻找一些配色的方案,可以去Coolors 看一看,也许会有意外的收获哦~

创建有效的网页设计配色方案(个实用配色小工具)(10)

3

palettte

创建有效的网页设计配色方案(个实用配色小工具)(11)

https://palettte.app/

palettte和之前见到的网站不太一样,它是一款色彩编辑和重映射工具,能够帮助你从一个颜色中构建出另一种颜色,还支持单个颜色微调。

创建有效的网页设计配色方案(个实用配色小工具)(12)

不过,小编对这个网站最初的兴趣并不是网站本身,而是设计者在这个网页背后的故事。有空可以去看看,也许会对你有所感触。

4

colorsupplyyy

创建有效的网页设计配色方案(个实用配色小工具)(13)

https://colorsupplyyy.com/app

ColorSupply 收集了全世界设计师们优秀的色彩搭配方案,并且根据五大配色方案进行分类。

创建有效的网页设计配色方案(个实用配色小工具)(14)

创建有效的网页设计配色方案(个实用配色小工具)(15)

网站有一些不同形状的几何插图,用户可以根据上面选中的配色方案。

5

materialuicolors

创建有效的网页设计配色方案(个实用配色小工具)(16)

https://materialuicolors.co

materialui网站的色板是个从基础颜色到逐渐扩充的过程。主要是针对需要快速寻找设计颜色代码的工作人员。在点击颜色时可以对相应配色进行及时的预览。

6

colorhunt

创建有效的网页设计配色方案(个实用配色小工具)(17)

https://www.colorhunt.co

Color Hunt 这个网站的建立已经有一段时间了,它的存在为众多设计师们提供了许多优秀的配色方案。

并且用户还可以在colorhunt上以票选的形式,选出最喜欢的方案,供大家参考。

7

colorsafe

创建有效的网页设计配色方案(个实用配色小工具)(18)

https://colorsafe.co

Color Safe网站是一个免费的 WebAPP,它可以根据用户选中的配色显示出相关建议。非常的实用。

8

adobe color

创建有效的网页设计配色方案(个实用配色小工具)(19)

https://color.adobe.com

Adobe Color CC之前的名字叫做Adobe Kuler,它是一款Web 的取色器,虽然更新换代多次,但是核心的调色,取色功能并没有改变。

9

open-color

创建有效的网页设计配色方案(个实用配色小工具)(20)

https://yeun.github.io/open-color/

open-color网站对于色彩都经过了优化处理,网页设置上的访问性会更强。

创建有效的网页设计配色方案(个实用配色小工具)(21)

线上配色网站的确是一个快捷的工具,但是对色彩搭配的感觉还是需要设计师们常常留心观察、训练。当然,也要注意审美水平的逐步提高哦~一个方便快捷的工具,以及设计师们独特的配色审美相结合,才能创造出更好的作品。

创建有效的网页设计配色方案(个实用配色小工具)(22)

-end-

原创编辑整理,图片版权归原作者所有

如有问题联系我们

,