15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 干货必收藏!20 个超人气配色网站,轻松 Get 设计大师同款配色

干货必收藏!20 个超人气配色网站,轻松 Get 设计大师同款配色

时间:2023-09-10 11:18:01 | 来源:网站运营

时间:2023-09-10 11:18:01 来源:网站运营

干货必收藏!20 个超人气配色网站,轻松 Get 设计大师同款配色:“用色不太高级”、“色彩不够吸引人”、“颜色不够活泼”...

一个出色的设计作品,除了图文排版还要注意上色装修,颜色搭配是设计师最基础的技能。色彩有色相、明度、纯度三个属性,它是一个被低估的设计工具,用对了是“配色达人”,用错了则是“辣眼睛”,“世上没有不好看的颜色,只有不好看的搭配”。

不会配色怎么办?什么样的颜色最迷人?怎么调配出克莱因的蓝、莫奈的灰?本期文章为大家介绍 20 个配色网站,既有自动检测色值帮你做好配色,又有各类主题色卡助你明晰设计特点,设计大神的必备网站让你轻松学会配色,一起来看看吧!

1. Flat UI Colors

扁平化设计必备工具

Flat UI Colors 是一个免费、高颜值的扁平化设计调色板,采集了 13 种色彩、14 个调色板、280 种颜色,支持在线切换 HEX、RGB、RGBA ,点击色块即可复制或吸取色值。

2. WebGradients

设计师的色彩百宝箱

WebGradients180 个线性渐变的集合,免费供商业或个人使用。每种渐变色都有一个文艺的标题并标明颜色属性,用户可以复制 CSS 跨浏览器代码,也可以下载成 PSD、Sketch、 PNG 格式使用。

3. Palettable

人工智能配色

Palettable 是一个在线配色生成神器,分析数百万设计配色知识,为用户智能推荐一个颜色,你可以选择 Dislike or Like 保留或移除当前的颜色,最终生成 5 种协调的配色,复制链接或直接导出图片使用。

4. Adobe Color CC

专注色彩

Adobe Color CC 是 Adobe 官方出品的配色工具,包括多种配色规则:单色系,三元色,互补色等,提供 4 种色彩模式:RGB、CMYK、LAB、HSB,用户可以根据色轮来调整配色以确保色彩的和谐平衡。

“探索”“趋势”功能,可以查看不同行业目前的色彩趋势,根据画面实景取色并自动生成渐变色的配色方案。


5. 中国色

中国传统颜色

中国色配色网站收集了最全的中国色,每种颜色都标有 RGB 和 CMYK 两种色彩参数,网站背景颜色会随所选主色而变,帮助使用者精准识色。

6. Material Palette

致力于为设计师提供高质量颜色组合搭配

Material Palette 是基于材质设计的调色板生成器,附带 ICONS 与条状配色方案,主要包括 19 种主色,选择其中 1 个或 2 个颜色就会自动生成一组配色方案并提供 7 种下载格式,设计师可以实时预览效果图并将提取的颜色融入到 App UI 中。

7. Colourco

基于网站设计的颜色搭配工具

Colourco 可以帮助用户在线、快速地生成配色方案,根据鼠标移动的区域,颜色的亮度、色调、饱和度也会随之发生变化,可以直接修改参数进行实时调整。

8. ColorClaim

设计师的灵感来源

ColorClaim 由德国专业设计师所创建,是设计师及入门小白的配色参考网站。目前已有 120 张色卡,每个色卡都是一个主色调与一个强调色组成,可以将图片复制粘贴到 Photoshop 或 Sketch 中,然后从中选择颜色创建 moodboards,也可以直接下载完整的调色板到 Photoshop 或 Illustrator 中。

9. Uigradients

渐变色在线 CSS 生成工具

Uigradients 收录了近百种渐变色配色方案,可以直接下载使用或复制 CSS 代码用于其他设计,网站支持用户自行添加优质配色方案。

10. Color Leap

色彩时光机

Color Leap 整理了公元 2000 年到上世纪 60 年代间的流行色彩,用户可以通过年份来切换主题色,在艺术品及名画中采集复古配色并一键复制,在获取配色灵感时也深入了解每个时代经常使用的颜色色码及特色文化。

11. Reeoo

网站设计师寻找灵感和案例的必备网站之一

Reeoo 是一个专门收集优秀网页设计的网站,目前已收录了 APP 设计、Ipad 设计、Icon 设计等近千个网站案例。网站提供细分的主题板块,使用者可以通过颜色搜索成品案例,来欣赏不同角度下的色彩应用场景。

12. ColorSupply

设计师和插画师的颜色选择器




ColorSupply 收集了来自世界各地设计师的色彩搭配方案,按照五大配色:互补色、相似色、三色调、分离互补色、四色调来分类。使用者可以通过移动取色杆预览区域内的色值变化及 ICON 效果展示,点击色卡旁边的原点标志,则会直接跳转到设计师主页查看对方的更多作品。

13. Duotone by ShapeFactory

在线双色调神器

Duotone by ShapeFactory 左侧是色彩调整栏,右侧是图片预览,网站集成 Unsplash 免费素材库支持图片搜索功能,用户可以在线调整配色并下载使用。

14. BrandColors

最大的官方品牌颜色代码集合

BrandColors 现已收录 600 多个品牌 1600 种颜色代码,包括 Adidas、Adobe、Alibaba 等全球知名企业,从 A 到 Z 进行排序,颜色值不支持 RGB 拷贝,但支持下载 ASE、CSS、SCSS、LESS 格式。

15. Happy Hues

一个调色板灵感网站

这是一个在线实时展示灵感的网站,包括 17 种预设配色组、6 个基础颜色术语、8 种色彩心理学分析,点击左侧调色板时网页配色也会随之改变,单击即可复制十六进制代码,在这里你可以快速找到适合的配色指南。

16. Eva Design System

AI 智能配色神器

网站适用于产品与品牌设计配色,选择 1 个主色网站会自动生成一套配色方案。点击调色盘自由取色,可以导出 JPEG、JSON、Nebular Theme、UI Kitten Theme 4 种格式,网站支持调节日间与夜晚模式,是一个基于深度学习算法的配色网站。

17. Trianglify

在线多边形背景图片生成器

Trianglify 提供多边形背景图片的在线制作与生成,用户可以自定义颜色、图片大小与图案强度,支持免费预览图片生成效果,导出高清 PNG 与 SVG 格式时需付费下载。

18. 艺术碎片

即时配色方案

艺术碎片推荐使用谷歌 Chrome 浏览器,上传一张图片即会呈现单色、双色、对比色等百种预览配色方案,有助于用户快速为设计作品选取合适颜色。

19. 0To255

简单的取色工具

0To255 主要是帮助网页设计师取色的平台,适用于印刷、网站设计等,单击网格中的一种颜色或输入十六进制代码,右侧就会呈现由暗到亮有序的色彩变化列表,便于设计师在不同饱和度中寻找重点色。

20. Duotones Effect Generator

配对和效果生成器

该网站适用于双色调配色设计,涵盖 17 种经典双色调,一键生成饱和度极佳的图片效果,用户可以选择在线图像或自己上传,点击便可直接下载使用。

「 扫码加入社群 」获得设计资源 / 大咖课堂 / 品牌设计指南,快来添加小编微信:zibodesign06 ,回复「 进群 」,即可解锁更多社群福利~

关键词:配色,设计,大师,收藏,干货

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭