惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
Stack Overflow Blog
Stack Overflow Blog
Latest news
Latest news
T
The Blog of Author Tim Ferriss
D
DataBreaches.Net
C
Check Point Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Security Latest
Security Latest
宝玉的分享
宝玉的分享
S
Schneier on Security
Blog — PlanetScale
Blog — PlanetScale
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Cisco Talos Blog
Cisco Talos Blog
MyScale Blog
MyScale Blog
B
Blog RSS Feed
N
Netflix TechBlog - Medium
P
Privacy & Cybersecurity Law Blog
L
LINUX DO - 热门话题
Apple Machine Learning Research
Apple Machine Learning Research
T
Tenable Blog
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
NISL@THU
NISL@THU
Google DeepMind News
Google DeepMind News
Hacker News: Ask HN
Hacker News: Ask HN
Schneier on Security
Schneier on Security
博客园 - Franky
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
S
Secure Thoughts
T
Threat Research - Cisco Blogs
D
Docker
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
人人都是产品经理
人人都是产品经理
G
GRAHAM CLULEY
Application and Cybersecurity Blog
Application and Cybersecurity Blog
博客园 - 【当耐特】
PCI Perspectives
PCI Perspectives
GbyAI
GbyAI
酷 壳 – CoolShell
酷 壳 – CoolShell
Cyberwarzone
Cyberwarzone
V
Vulnerabilities – Threatpost
F
Fortinet All Blogs
罗磊的独立博客
Engineering at Meta
Engineering at Meta
Y
Y Combinator Blog
SecWiki News
SecWiki News
A
Arctic Wolf
小众软件
小众软件
T
Troy Hunt's Blog
博客园 - 三生石上(FineUI控件)
Know Your Adversary
Know Your Adversary

PixelNest

会议是效率的杀手 国庆出游记录 对居家办公的一些想法 2022 春节 《搏击俱乐部》的结局 纪念 PAI 头一回达到 100 卡片笔记法 《刑法学讲义》的部分摘录 迁移博客 《UNIX 传奇》摘录 就地过年 一点记录:docker-compose 编排不同项目间的网络 近期读的几本书 办新身份证 git 获取其他分支的单个文件或目录 我的高考成绩 推荐 2020 年上半年的 8 部影视作品 ChromeOS 开发者模式 终于下单了《守望者》 联通来电管家服务 一些实用的 bash 代码片段 关于 鸟枪换炮 《架构整洁之道》摘录 惨淡的星球大战 旧笔记本电脑 if...then... 命令行检测 SSL 证书过期时间 《程序员的职业素养》读书笔记 2019 国庆假期 在 Ubuntu 里按空格键预览 《基本穿搭》笔记 我在 Ubuntu 里安装的一些软件 让人郁闷的英语学习过程 向百度主动推送网站链接 两部电视剧 《历史的教训》摘录 新工具 Koa 获取客户端 IP 备案了 apiDoc 基础语法 《代码整洁之道》摘录 BBC 纪录片 《逻辑的乐趣》 读不下去的《原则》 蓝牙鼠标唤醒休眠的 Ubuntu Google 发布会 2018 国庆假期 开发者的时间追踪和统计 使用 curl 发送 POST 请求的几种方式 《重来 2》读书笔记 Linux 和 MacOS 命令行转换图片用法整理 《Go 语言实战》笔记 Win10 微软拼音添加小鹤双拼以及其他配置 针对不同场景临时禁用 eslint 规则的方法 《好妈妈胜过好老师》读书笔记 配置 Win10 Linux 子系统作为开发环境 又读完一本尤·奈斯博的小说 近期写 Go 的一点语法碎片整理 ffmpeg 合并 MP4 M4A 文件 睡前看手机的大问题 《局外人》读书笔记 菊次郎与佐纪 读书笔记 3 菊次郎与佐纪 读书笔记 2 菊次郎与佐纪 读书笔记 1 豆瓣图片服务器防盗链 《如何有效阅读一本书》读书笔记 - 3 《如何有效阅读一本书》读书笔记 - 2 《如何有效阅读一本书》读书笔记 - 1 Vim iskeyword 济南 图个乐 开始看不懂《西部世界》了 剧透 听到几个好故事 过周末 相亲 让人失望的 Apple 悬疑故事 AI 记忆 世纪三部曲 上帝的梦
色彩理论基础
2019-07-11 · via PixelNest

色轮

所有颜色都出自三「原色」,红黄蓝。

  • 红色 + 黄色 = 橙色
  • 红色 + 蓝色 = 紫色
  • 蓝色 + 黄色 = 绿色

有三原色两两等量混合而得的橙色、紫色和绿色叫做「间色」。

把三种「间色」和与之相邻的「原色」再等量混合,得到的是六个「复色」。

三个「原色」,三个「间色」,六个「复色」,总共 12 种颜色,构成色轮。

色轮

色轮

HSV

内容主要源自 Where to begin when trying to level up your colour game?

三个属性分别是

  • 色相 Hue
  • 饱和度 Saturation
  • 明度 Value

Hue,色相,代表什么颜色,色轮上 12 种颜色,就是 12 种色相。

Saturation,饱和度,或者是「色度」,「彩度」,是指某个色相的强度,例如对于红色,这个指来代表到底有多红。饱和度越高,颜色会越鲜艳。

饱和度

饱和度

Value,明度,或者叫「亮度」。往一个颜色里加白色,它的明度就提高,如果加入黑色,明度就降低。所以它的两个极端就是白色和黑色。

明度

明度

有时候降低饱和度,跟调整明度的效果可能有点像。调整明度的极限是白色或黑色,饱和度虽然跟明度没关系,但是降低饱和度的极限是黑白灰这种没有饱和度的颜色,再两者通往极限的道路上,有可能有些色彩在人眼看来都像是变淡了。

饱和度的变化:

调整饱和度

调整饱和度

明度的变化:

调整明度

调整明度

还有两种常见的模型,分别是 HSB 和 HSL。HSB 和 HSV 是一样的,B 所代表的 Brightness 和上面描述的 Value 所表示的含义是相同的。而在 HSL 中,H 还是那个 H,S(Saturation 饱和度)跟 HSV 中的 S 不一样了,L(Lightness)跟 HSV 中的 V 也不同,虽然中文都是「亮度」或者「明度」,具体参考 色彩空间中的 HSL、HSV、HSB 有什么区别?

色彩的搭配

下面介绍的几种颜色搭配,都是基于上文中的色轮。

内容来自《写给大家看的设计书》

互补

色轮中相对(即完全对立)的颜色为互补色。

一般一种作为主色,另一种用于强调。

互补色

互补色

三色组

红、黄、蓝就是基色三色组。在色轮上以相同方向挪动,指向的其他三种颜色也构成三色组。三种间色构成间色三色组。其他复色也可以组成三色组。

最常见的就是基色三色组。

三色组

三色组

分裂互补三色组

从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,不过并不直接使用这个互补色,而是使用该互补色两侧的颜色。

分裂互补三色组

分裂互补三色组

类似色

类似色组合由色轮上彼此相邻的颜色组成。它们都有相同的基础色。

类似色

类似色