配色指南 - 优设网 - 学设计上优设

配色神器配色不用愁！可精准控制配色效果的AI神器Huemint

今天为大家推荐一款使用人工智能生成和谐配色方案的神器「Huemint」。它最大的亮点是可以智能识别前景色、背景色和重点色，并且可以让用户自己控制配色倾向和色彩对比度，轻松生成层次清晰、符合设计风格的配色方案，能极大提升我们的配色效率。

夏花生 2.5w 人阅读 2022/11/10 色彩搭配 配色工具

1

配色神器矢量插画必备！对本地文件一键配色的神器「Color-editor」

今天为大家推荐一个我最新发现的配色工具「Color-editor」，它允许用户上传自己的文件，并利用预设的配色方案对其进行上色。

夏花生 1.7w 人阅读 2022/10/27 Color-editor 色彩搭配

2

海报配色拿走直接用！4种简单好用的万圣节海报配色思路

今天为大家推荐 4 种我精心整理的万圣节海拔配色思路，简单好看实操性强，正准备做海报的小伙伴千万不要错过~

夏花生 2.2w 人阅读 2022/10/17 万圣节 万圣节字体

3

配色技巧坚持画100张速涂之后，总结出这4个万能的配色技巧

在坚持画了 100 张速涂之后，我 get 到了这 4 点配色小技巧。

Asen-阿森 3.2w 人阅读 2022/10/08 手绘 手绘技巧

4

配色神器一个网站8种工具！一站式在线配色网站 Color Designer

今天继续为大家推荐另一款好用的在线配色神器 Color Designer，它聚合了色卡生成、渐变色卡、图片提取颜色、图片提取色卡、随机配色等 8 种用途，功能全面实用，让配色方案的生成更加简单快捷。

夏花生 3.5w 人阅读 2022/08/29 Color Designer 配色工具

5

配色神器检查网页配色是否符合WCAG规范的神器「Color review」

本文要推荐的「Color.review」是用来计算两种颜色对比度、检查是否符合 WCAG 2.1 规范的在线工具，也能协助使用者找出看起来好看、又适合每个人的色彩组合。

土拨鼠 1.5w 人阅读 2022/08/24 Color.review WCAG 2.1

6

配色神器拯救配色废！让配色效率暴涨10倍的预览神器 Palettemaker

Palettemaker 能根据色卡自动生成100+配色方案，并让配色结果呈现在设计模板上，让设计师对配色效果有直观的预览，以此调整完善配色方案，让配色效率蹭蹭上涨~

夏花生 6.2w 人阅读 2022/08/11 色彩搭配 设计神器

7

配色技巧 8个实操改稿案例，帮你搞定配色难题！

本文以一幅海报为例，做了 8 版色彩改稿演示，帮助大家从原理上搞定色彩搭配的难题。

土拨鼠 3.4w 人阅读 2022/07/28 色彩搭配 配色

8

PCCS色彩体系配色找不到感觉？这个PCCS色彩体系帮你从根本上解决（三）

今天继续为大家讲解色彩性能方面的知识，主要包括色彩的前进行与后退性、色彩的收缩性和膨胀性、色彩的轻重和色彩的视觉认知 4 个方面。

夏花生 4.5w 人阅读 2022/05/27 PCCS色彩体系 色彩搭配

9

PCCS色彩体系配色找不到感觉？这个PCCS色彩体系帮你从根本上解决（二）

今天带大家更深入地了解 PCCS 对色彩明度和纯度的分类，帮助大家在设计时找到合适的配色。

夏花生 4.3w 人阅读 2022/02/24 PCCS色彩体系 色彩明度

10

PCCS色彩体系配色找不到感觉？这个PCCS色彩体系帮你从根本上解决！

今天为大家介绍一种专业实用的色彩体系：PCCS（日本色彩研究所配色体系），让大家以更便捷直观的方式来理解颜色的分类及连续变化，快速准确找到合适的色彩。

夏花生 6.9w 人阅读 2022/02/11 PCCS色彩体系 色彩体系

11

色彩理论取色法如何制定产品主色？试试超容易上手的色彩理论取色法

从零做一款产品的时候，怎么制定产品的主色呢？本文将结合实例来为大家进行讲解。

牙线y2x 6.6w 人阅读 2022/04/12 产品主色 色彩搭配

12

海报配色新手如何做好海报配色？我总结了这5个即学即会的方法！

配色是海报设计的重点之一，看多了优秀海报中精妙和谐的配色，自己对配色的想法也很多，但是动手时却又担心把握不好对不对？

夏花生 7.3w 人阅读 2022/02/21 海报设计 海报配色

13

配色技巧 4000字干货！从零开始帮你提高配色水平！

本文从色彩的基础知识、配色工具与标准、配色的设计应用等3个方面，帮你提高配色水平。

😊 4.4w 人阅读 2022/01/30 UI设计 UI配色

14

HSB色彩模式学会HSB色彩模式，让配色有理有据！

我结合在近期项目中对于 HSB 色彩模式的应用，与大家分享 HSB 色彩模式帮助我们进行配色的理论和技巧。

土拨鼠 9.2w 人阅读 2021/04/08 HSB 色彩搭配

15

UI配色 10年经验的资深设计师，总结了这份 UI 配色终极奥义

如果你还对配色一无所知，完全不知道配色应该怎么入手，那么你需要了解一下，我10年经验总结的配色思路。

酸梅干超人 8.3w 人阅读 2020/07/30 UI配色 色彩搭配

16

配色技巧这篇设计配色干货，值得你抄两页笔记！

用一篇配色干货帮你彻底搞懂色彩知识点，掌握配色基本方法论，真正做到配色不求人（文末附配色网站推荐）。

张家彬 4.6w 人阅读 2020/02/17 平面设计 色彩

17

配色神器配色网站合集！最全的45个配色网站全都在这里了！

今天为大家整理了最全的45个配色网站，大家可以按照自己的喜好挑选。特别感谢评论的课代表敲出了配色网站的网址，也欢迎大家留言补充更多。优设特别推荐 https://colors.muz.liMuzli Colors 这款调色板生成器，可以自己添加颜色代码或名称查看相关的配色，并且预览UI套件，也可以选择初始颜色，快速生成和编辑多种配色方案。

土拨鼠 7.2w 人阅读 2019/08/31 神器推荐 色彩搭配

18

焦点配色法用一篇超强干货，帮你学会高手都在用的焦点配色法

本期教程不仅通过超多案例说明了色彩焦点的重要性，而且讲解了形成/强调焦点的方法，最后还补充了焦点配色中存在的潜规则。

土拨鼠 6.4w 人阅读 2013/04/27 对比 对比色

19

CMYK配色法为什么高手的配色那么抢眼？原来是用了CMYK 配色法！

曾经遇到过一个用色高手，他的配色干净、舒服、有感染力。被深深吸引后，我开始研究他的配色，才发现这个高手都在用的 CMYK 配色法！

程远 15.2w 人阅读 2019/07/02 水手哥学设计 色彩搭配

20

十字形配色法用我自创的十字形配色法，让你快速入门配色！

@研习设K先生：其实无论是色彩学还是配色方法，最本质的东西就那些，更多的还是需要设计师在日后的工作中不断的摸索和积累。在之前的文章中我们也讲解过很多关于色彩学和配色方法上的一些相关理论，但是我个人认为比较重要的就是色调以及色彩的对比和统一，如果这几点能够做好，那么其他的配色方法对你来说只能算是锦上添花。而本期教程可以算作是色调的一个简化版，也就是十字形配色法。

程远 5.9w 人阅读 2013/03/07 十字形配色法 平面设计

21

配色技巧所谓配色达人，就是一次出48个方案

@研习设K先生：说到色彩或配色，其实无论是方法还是理论都可以算作是规律的总结，但是同样的规律对于有的人来说吸收起来就比较容易，而对于有的不会灵活变通的人就只能自己在那研究来研究去，最后还是丈二的和尚摸不着头脑。不过没关系大家也不用灰心，因为今天我们要为大家讲解的这个配色规律非常简单，简单到什么程度呢？可以说只要你会数数，能从一数到三就可以，到底是什么内容呢？

程远 9.5w 人阅读 2019/02/14 研习设K先生 色彩搭配

22

配色神器我删除了所有配色网站，只留下这一个

本文安利的不止是一个特别好用的配色神器，而且会帮你学会建立色彩库。配色基础薄弱的新手建议阅读收藏。

土拨鼠 12.2w 人阅读 2013/08/03 Adobe color 色彩搭配

23

入门必看涨姿势！为什么有的颜色看起来非常高档？

@-eno-one- ：高档色的色彩纯度、明度、饱和度低，是表象。但不是使得它们看起来显得高档的根本原因。正确的答案是：之所以一些颜色看起来会显得高档，其实是因为该颜色传提出的情绪很少。

程远 16.3w 人阅读 2014/09/07 经验分享 色彩理论

24

红色设计师的读书笔记！带你重新全面认识色彩系列之红色篇

@飞屋睿UIdesign ：你真的了解红色吗？你是否知道所谓“圣诞红”这类命名其实正在扼杀我们对于红色的想象？这篇文章是在看了李正贤的《WOW！

程远 9.9w 人阅读 2016/01/16 红色 红色系网站

25

绿色深入浅出学配色！带你重新全面认识色彩系列之绿色篇

@飞屋睿UIdesign ：上次说了色彩系列的黄色，今天继续聊聊绿色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。

程远 18.0w 人阅读 2016/02/17 绿色网页 绿色调网站

26

蓝色深入浅出学配色！带你重新全面认识色彩系列之蓝色篇

@飞屋睿UIdesign ：上次说了色彩系列的绿色，今天继续聊聊绿兰色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。

程远 22.2w 人阅读 2016/02/28 经验分享 蓝色

27

橙色深入浅出学配色！带你重新全面认识色彩系列之橙色篇

@飞屋睿UIdesign ：昨天说了色彩系列的红色，今天继续聊聊橙色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。

程远 11.3w 人阅读 2016/01/17 橙色 橙色网页

28

紫色深入浅出学配色！带你重新全面认识色彩系列之紫色篇

@飞屋睿UIdesign ：上次说了色彩系列的蓝色，今天继续聊聊紫色。这篇文章是在看了李正贤的《WOW！不一样的配色设计》一书的部分摘录和读书笔记，除了色彩基础知识科普，也会有对应的网页案例分析，非常适合新手学习。

程远 16.0w 人阅读 2016/03/21 紫色 经验分享

29

配色技巧所谓配色达人，就是一次出48个方案

@研习设K先生：说到色彩或配色，其实无论是方法还是理论都可以算作是规律的总结，但是同样的规律对于有的人来说吸收起来就比较容易，而对于有的不会灵活变通的人就只能自己在那研究来研究去，最后还是丈二的和尚摸不着头脑。不过没关系大家也不用灰心，因为今天我们要为大家讲解的这个配色规律非常简单，简单到什么程度呢？可以说只要你会数数，能从一数到三就可以，到底是什么内容呢？

程远 9.5w 人阅读 2019/02/14 研习设K先生 色彩搭配

30

色彩定位别再盲目配色了！为你的配色装上GPS！

@研习设K先生：关注我们研习设的朋友一定都或多或少的了解一些色彩理论和配色技法，但是我相信大家往往都容易忽视一个问题就是设计之前的色彩定位。所以本期的教程我们就来探讨一下如何找准配色定位。我们平时在为设计配色时首先要考虑的并不是色彩理论，也不是配色技法，而是色彩定位，也就是要弄清楚我们的设计是给谁看的。

程远 4.8w 人阅读 2019/01/28 色彩基础 色彩搭配

31

配色训练那些用色高手，都做过这些训练！

@研习设K先生：其实对色彩的感觉或者说色彩敏感度的提升并不是通过理论来学习的，关键点在于进行有效的色彩训练。豪斯先生平面课堂系列：《高手的平面课堂！最容易上手的配色方法》《作品不够精致？

程远 7.7w 人阅读 2018/11/13 色彩搭配 色彩训练

32

配色训练那些好色之徒，都做过这些训练之创建配色体系

@研习设K先生：之前有一期《那些用色高手，都做过这些训练！》教程给大家讲解了一些基础入门的色彩训练方法，今天同样给大家带来关于色彩训练的内容，但是会更加深入一些，算是色彩训练的进阶版，也就是创建自己的配色体系。其实根据我的从业经验来看，如果想真正的了解色彩，就需要一套非常完整、系统的训练方法。

程远 3.8w 人阅读 2019/01/24 色彩搭配 色彩训练

33

配色技巧配色技巧学这3招！零基础新手也能轻松掌握

@研习设K先生：配色是很多人都比较关心的一个问题，之前的教程我也给大家讲解过一些配色思路和配色方法，而今天我就教大家一个比较简单实用的配色技巧，这个方法就算你不懂色彩理论也是可以上手的。其实配色的过程就跟盖楼一样，只要按照正确的流程进行，最后一定能够得到想要的结果。反之，如果毫无逻辑没有相应的方式和方法，自然也就不会得到好的结果。

程远 5.0w 人阅读 2019/01/21 入门 研习设

34

配色技巧你的配色看起来总是不舒服？用这个策略性配色法则！

网易UEDC - @Jady_13 ：很多人在设计完成后，总是对配色不满意，却又无从下手。如何分析设计中的配色问题？如何通过系统的方法，提升配色能力？

Jady13_剑杰 12.5w 人阅读 2019/01/01 色彩搭配 配色

35

配色技巧用高手的方法，让你的配色自带主角光环

@研习设K先生：在我们设计配色的过程中容易忽视一点就是通过色彩来强调主角，主角的刻画可以对版面的优劣起到决定性作用，所以在选择完基本色之后一定要通过色彩来强调主角，这样才能达到一个良好的版面效果。本期教程就为大家讲解几种强调主角的配色方式。一说到主角相信很多人就会把它跟主色联系到一起，其实主角和主色是两个完全不同的概念，所以我们首先需要进行一下区分。

程远 5.1w 人阅读 2019/02/13 主色 研习设K先生

36

在线工具讲真，这可能是目前最全的在线配色工具合集了

配色是设计师的基本功，也是日常设计中最核心的部分，甚至是每个设计师每天都得做的功课。为网页选择一种基础色并不难，但是想要一套可用的色彩组合，则是一件相对棘手的事情。所以，很多时候，借助配色工具来寻求配色方案是一个颇为不错的想法。

陈子木 23.3w 人阅读 2017/12/04 UI配色 在线配色

37

工具使用那么多在线配色工具，到底怎么用才能秒变高手？

@研习设K先生：相信大部分人都使用过在线配色工具或在线配色网站，那么使用这些工具或网站来配色，真的就能得到正确美观的效果么？当然不能。原因很简单，如果使用这些工具就能轻松完成配色工作，那么就不需要设计师了，随便找一个不懂色彩的人都可以替代我们。

程远 5.2w 人阅读 2019/02/02 在线配色 研习设K先生

38

配色神器零基础小白利用谷歌这个神器，也能成为配色达人！

编者按：本文写给那些看了一堆色彩理论依然做不好配色的同学，@呆呆丶L 教你借助谷歌的Material Design配色板，轻松晋升UI 配色达人。2017年流行色丨《玩转草木绿！在这里了解2017的年度潘通流行色》前言很多小伙伴都说自己配色如屎，因为没学过色彩，没画过画，导致每次配色时都小心翼翼的。

程远 3.6w 人阅读 2017/01/16 Material Design 经验分享

39

配色神器新手配色不用愁！用这个设计神器一键生成配色方案！

@木TONG同：挑选合适的配色方案一直都是设计师们最头疼的事情，特别是色感不够好的小伙伴，常常一不小心就配成了车祸现场，和甲方的需求背道而驰。今天神器小分队为大家带来的配色网站——ColorSupply 就是收集了世界各地设计大神的配色方案，供设计师宝宝们放心大胆食用，从此和配色出错说再见。colorsupply网站链接：http://colorsupplyyy.com/app首先，打开网站，画面是这样的：用鼠标拖动色轮的取色杆，旁边提供的色卡方案就会随着色轮的取值而变化。

程远 12.2w 人阅读 2018/08/18 ColorSupply 神器推荐

40

配色神器用这个神器，优秀配色采集+分析一键轻松搞定！

@木TONG同：相信很多做UI设计、网页设计的设计师们经常会从网上找寻各类真实的网站案例汲取灵感，然而自己提取、分析网站的配色实在是太麻烦了。今天推荐的 Chrome插件 Site Palette 不仅可以自动提取网站配色，还能帮你分析并有所延展。快来看看怎么用吧。

程远 9.1w 人阅读 2018/12/27 扩展程序 色彩搭配

41

配色插件用完即走！设计师必备的Chrome 浏览器配色/取色插件

@木TONG同：配色是设计师永恒的话题，之前神器小分队也给设计师们推荐了很多关于配色的神器网站，但网站每次都要去收藏夹里找出来用，有时候实在是不方便。今天神器小分队就来为大家推荐一款浏览器的配色插件——Color by Fardos，轻便简洁，用完即走。Color by Fardos插件链接：https://chrome.google.com/webstore/detail/color-by-fardos/iibpgpkhpfggipbacjfeijkloidhmiei/related（搭梯子访问...

程远 7.0w 人阅读 2018/12/07 你丫才美工 扩展程序

42

菜单 优设网uisdc.com 优设网 - 学设计上优设

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

您还未登录

登录后即可体验更多功能

配色指南 《一个专题囊括所有配色方法和神器！》

42 篇文章 3394123 位观众

大厂神器

顶尖团队出品，质量有保障

查看专题

新拟态设计

从零开始了解2020年最火的设计风格

查看专题

设计史太浓

看故事，学设计

查看专题

海报设计

拍一张照片，就能设计成一张海报

查看专题

用户研究

常见的用研方法+专业的用研报告

查看专题

正序 倒序

夏花生 2.5w 人阅读 2022/11/10 色彩搭配配色工具

夏花生 1.7w 人阅读 2022/10/27 Color-editor色彩搭配

夏花生 2.2w 人阅读 2022/10/17 万圣节万圣节字体

Asen-阿森 3.2w 人阅读 2022/10/08 手绘手绘技巧

夏花生 3.5w 人阅读 2022/08/29 Color Designer配色工具

土拨鼠 1.5w 人阅读 2022/08/24 Color.reviewWCAG 2.1

夏花生 6.2w 人阅读 2022/08/11 色彩搭配设计神器

土拨鼠 3.4w 人阅读 2022/07/28 色彩搭配配色

夏花生 4.5w 人阅读 2022/05/27 PCCS色彩体系色彩搭配

夏花生 4.3w 人阅读 2022/02/24 PCCS色彩体系色彩明度

夏花生 6.9w 人阅读 2022/02/11 PCCS色彩体系色彩体系

牙线y2x 6.6w 人阅读 2022/04/12 产品主色色彩搭配

夏花生 7.3w 人阅读 2022/02/21 海报设计海报配色

😊 4.4w 人阅读 2022/01/30 UI设计UI配色

土拨鼠 9.2w 人阅读 2021/04/08 HSB色彩搭配

酸梅干超人 8.3w 人阅读 2020/07/30 UI配色色彩搭配

张家彬 4.6w 人阅读 2020/02/17 平面设计色彩

土拨鼠 7.2w 人阅读 2019/08/31 神器推荐色彩搭配

土拨鼠 6.4w 人阅读 2013/04/27 对比对比色

程远 15.2w 人阅读 2019/07/02 水手哥学设计色彩搭配

程远 5.9w 人阅读 2013/03/07 十字形配色法平面设计

程远 9.5w 人阅读 2019/02/14 研习设K先生色彩搭配

土拨鼠 12.2w 人阅读 2013/08/03 Adobe color色彩搭配

程远 16.3w 人阅读 2014/09/07 经验分享色彩理论

程远 9.9w 人阅读 2016/01/16 红色红色系网站

程远 18.0w 人阅读 2016/02/17 绿色网页绿色调网站

程远 22.2w 人阅读 2016/02/28 经验分享蓝色

程远 11.3w 人阅读 2016/01/17 橙色橙色网页

程远 16.0w 人阅读 2016/03/21 紫色经验分享

程远 9.5w 人阅读 2019/02/14 研习设K先生色彩搭配

程远 4.8w 人阅读 2019/01/28 色彩基础色彩搭配

程远 7.7w 人阅读 2018/11/13 色彩搭配色彩训练

程远 3.8w 人阅读 2019/01/24 色彩搭配色彩训练

程远 5.0w 人阅读 2019/01/21 入门研习设

Jady13_剑杰 12.5w 人阅读 2019/01/01 色彩搭配配色

程远 5.1w 人阅读 2019/02/13 主色研习设K先生

陈子木 23.3w 人阅读 2017/12/04 UI配色在线配色

程远 5.2w 人阅读 2019/02/02 在线配色研习设K先生

程远 3.6w 人阅读 2017/01/16 Material Design经验分享

程远 12.2w 人阅读 2018/08/18 ColorSupply神器推荐

程远 9.1w 人阅读 2018/12/27 扩展程序色彩搭配

程远 7.0w 人阅读 2018/12/07 你丫才美工扩展程序

发评论！每天赢奖品

点击 登录 后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助 联系我们

Figma+Framer

已累计诞生 261 位幸运星

发表评论 已发布1条

菜单优设网 - 学设计上优设

尊享13项VIP特权持续新增

配色指南《一个专题囊括所有配色方法和神器！》

正序倒序

夏花生 1.7w 人阅读 2022/10/27 Color-editor 色彩搭配

夏花生 3.5w 人阅读 2022/08/29 Color Designer 配色工具

土拨鼠 1.5w 人阅读 2022/08/24 Color.review WCAG 2.1

😊 4.4w 人阅读 2022/01/30 UI设计 UI配色

土拨鼠 9.2w 人阅读 2021/04/08 HSB 色彩搭配

土拨鼠 12.2w 人阅读 2013/08/03 Adobe color 色彩搭配

程远 3.6w 人阅读 2017/01/16 Material Design 经验分享

程远 12.2w 人阅读 2018/08/18 ColorSupply 神器推荐

点击登录后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们

发表评论已发布1条

2019-03-03 来自优设惊喜部 ChickOS