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

推荐订阅源

aimingoo的专栏
aimingoo的专栏
S
Securelist
博客园 - Franky
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
IT之家
IT之家
GbyAI
GbyAI
Microsoft Azure Blog
Microsoft Azure Blog
The Cloudflare Blog
云风的 BLOG
云风的 BLOG
N
News and Events Feed by Topic
AI
AI
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
Schneier on Security
Schneier on Security
Attack and Defense Labs
Attack and Defense Labs
Vercel News
Vercel News
腾讯CDC
Google DeepMind News
Google DeepMind News
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
M
MIT News - Artificial intelligence
WordPress大学
WordPress大学
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
N
Netflix TechBlog - Medium
量子位
S
Schneier on Security
Hacker News: Ask HN
Hacker News: Ask HN
Cyberwarzone
Cyberwarzone
S
Security Affairs
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
N
News and Events Feed by Topic
T
Tenable Blog
PCI Perspectives
PCI Perspectives
MyScale Blog
MyScale Blog
L
Lohrmann on Cybersecurity
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Cyber Attacks, Cyber Crime and Cyber Security
W
WeLiveSecurity
N
News | PayPal Newsroom
P
Proofpoint News Feed
O
OpenAI News
C
CERT Recently Published Vulnerability Notes
B
Blog
Cisco Talos Blog
Cisco Talos Blog
Microsoft Security Blog
Microsoft Security Blog
V
Visual Studio Blog
MongoDB | Blog
MongoDB | Blog
大猫的无限游戏
大猫的无限游戏
A
Arctic Wolf
Y
Y Combinator Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Spread Privacy
Spread Privacy

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 有什么区别?

色彩的搭配

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

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

互补

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

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

互补色

互补色

三色组

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

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

三色组

三色组

分裂互补三色组

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

分裂互补三色组

分裂互补三色组

类似色

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

类似色

类似色