10个好用到爆的设计必备配色网站!

 > 发布于2021-09-23 阅读 2.0k
更多

图片

身为设计师

面对各种繁杂的颜色搭配

时常感到头疼

不会提取色彩数值、没有敏锐的色感

不会配色技巧

怎么才能快速高效的解决这些问题呢?


羽番分享你10个好用到爆的色彩设计搭配神器

帮助你在工作中提高配色效率

事半功倍


图片

Uigradients

以渐变色彩为主的设计神器

uiGradients是以渐变色为主的分享网站

接近上百种渐变配色方案

设计师可根据自己风格来选择搭配

每个都很好看,拿来即用

节约了大量试颜色的时间!

图片

△uiGradients官网截图

这么好的配色网站先给你分享下如何使用?


1、在线游览,图片免费下载

可以在线浏览所有的配色

点击你喜欢的图片就可以查看大图

右上角有免费下载的按钮

选好你喜欢的配色就可以直接下

还可以分享到你的社交账号

图片
图片


2、色值一键复制

颜色取用也超级简单

每个颜色都有配置好的色值

点一下就复制了!


3、色系人性化筛选

它能根据需要的色系进行筛选!

从上方的导航栏中选中一个颜色

就显示出该色系下的所有配色

对于经常需要有针对性寻找颜色的设计师来说

是很人性化的功能


Adobe color 

在线色轮设计神器

Adobe color 是一家在线色轮提取网站

使用兼容性很强

提供RGB、CMYK、LAB、SHB、HEX

共5种色彩模式,非常人性化

用户可以根据自己的配色要求进行实时搭配

是配色的必备良器

图片

△Adobe color 官网截图


图片

zhongguose

中国传统配色网站

中国色网站源自日本的Nipponcolors

是一个中国风文艺的网站

每种配色都有一个好听的名字

一斥染、洒落柿、燕脂、雀茶、黄丹、萱草、赤香……

点击每一个颜色

网站的背景色会随之变化


整个网站的背景主色是一直在变化的

视觉效果非常棒

每个颜色有CMYK及RGB色值参数

帮助精准的辨识颜色

图片

△zhongguose中国传统配色网站


Material Palette

自动配色的线上工具

Material Palette提供Material Design在线配色

用法简单高效


你只要找出想要搭配的两种颜色

它就会显示出两种颜色搭配在一起的效果预览

提供你深或较浅的颜色选项

会自动生成任何你想要的颜色代码

图片
图片

△Material Palette官方网址截图


图片

Coolors

在线快速配色方案生成器

Coolors主要提供Generate和Explore2类功能服务

会随机产生一套包括五种颜色的方案

并展示它们的色彩参数与代码


我们可以对其中任意一种颜色单独进行

色调饱和度、亮度等选项的调整

也可直接修改其参数

△Coolors官网网页截图


图片

Colordrop四宫格配色

colordrop是在线颜色组合调试工具

也叫四宫格配色


点一个就能显示四个的色号

直接复制到ps或者是AI

非常便捷高效

图片
图片

△colordrop官网网页截图


图片

Colrd寻找色彩灵感的网站

这个网站可以根据

颜色、渐变、调色板

寻找图像资料


当你搭配颜色没有灵感想法时

可以到这个网站逛一逛

△colrd官方网页操作截图


Color Scheme Designer

在线颜色方案设计神器

作为一個免費的网络調色工具

不需注册就可使用

主要以色环的方式让使用者选择颜色

可加上6种傻瓜式配色

没有色彩基础的小白也能轻松上手


在色相环中任意设置明度

纯色,灰度,对比色等各种色彩的风格

能导出色彩清单

可以任意的调整方案

让使用者可以很容易地调出令人赏心悦目的配色


Color Scheme Designer的6种配色方案:


1、Monochromatic(单色配色)

以单一颜色做为基础色

再以饱和度、亮度变化出其它搭配的色

因为是属于同一个色系

所以这种配色法较能调配出舒适的色彩感受

图片
图片

△Color Scheme Designer中单色调配色方案的操作


2、Complementary(互补色配色)

以主色以及在色环对面的补色

调出对比效果明显的配色


3、Triad(三分色配色)

以一个主色以及在色环对面的两个补色

组成较为柔和的对比效果

图片

△Color Scheme Designer中的三分配色

图片

△三分配色降低了饱和度后的方案


4、Tetrad(四分色配色)

以两个主色以及在色环对面的两个补色

营造出一种强烈的视觉效果


5、Analogic(类似色配色)

以一个主色以及在它两旁等距的两个补色

调配出给人优雅、简洁的色彩感觉


6、Accented Analogic(互补类似色配色)

以3个类似色为基础

再加上色环对面的一个对比色

构成一种既不失优雅又能强调重点的有效配色法


LOL Colors

颜值较高的配色神器

LOL Colors是一款非常简洁

文艺又活泼,小资的色彩方案搭配神器


把鼠标移动到不同颜色的水滴上

会提示色彩代码(Hex Code)的颜色值

设计师们可以在这里找到很多不同色彩的多变组合

图片
图片

△LOL Colors搭配方案


图片

 seed

文艺又清新颜值配色神器

seed是以清新文艺风格为主的色彩搭配网页

根据选配好图片可以自动生成色彩配色

可以应用到色彩灵感的设计搭配


官方网址:www.webdesignrankings.com

图片
图片

△seed官方搭配方案

图片

好了,关于色彩的搭配神器就介绍到这里

最后,我们来小结一下:


1、Uigradients以渐变色彩为主的设计神器

2、Adobe color 在线色轮设计神器

3、zhongguose中国传统配色网站

4、Material Palette是自动配色的线上工具

5、Coolors在线快速配色方案生成器

6、Colordrop四宫格配色

7、Colrd寻找色彩灵感的网站

8、Color Scheme Designer在线颜色方案设计工具

9、LOL Colors颜值较高的配色神奇

10、seed文艺又清新颜值配色神器


色彩具有高度的情绪化和象征性

出彩的搭配让人身心舒畅

同理一个糟糕的色彩搭配就能毁掉一个设计


现在可以跟随羽番老师

【设计得到色彩训练营】

一起学习更多色彩搭配技巧


现在就开始报名

☟☟☟☟☟

14天色彩训练营、轻松落地项目配色

图片

△长按扫码,点击咨询


以下内容需要登录观看

登录

本内容仅代表作者观点,不代表本平台立场。本内容系作者授权发布,末经许可,不得转载

收起
表情
发送

来抢个沙发吧~

游客

游客 开通会员

资料 0 提问 0
笔记 0 回答 0
图文 0 人气 0

最新图文 查看更多 >