使用方法
- 点击 选择照片,或把照片拖到方框中。照片在您的设备上读取。
- 选择 明度层次:2个用于 notan(只有亮与暗),5或7个用于更完整的明度稿。
- 勾选 眯眼视图,先将画面模糊,然后观察大块的明暗形状。
- 把 明度稿 与 原图 对照,并用 下载明度稿(PNG) 保存 PNG 文件。
灰度与层次如何生成
每个像素都会得到它的相对亮度,即 WCAG 2.1无障碍指南所用的亮度量度:红、绿、蓝数值先转为线性,再以0.2126、0.7152和0.0722加权。结果从黑色的0到白色的1。
明度层次在 CIE L* 中是等距的,L* 是与人眼感知亮度相符的明度标尺。每个层次随后以该层次中间的灰色绘制,因此明度稿显示的层次与肉眼所见相同。
Y = 0.2126 R + 0.7152 G + 0.0722 B (R、G、B 为线性值,0至 1)
L* = 116 × Y^(1/3) − 16 (Y 大于 0.008856时)
层次:把 L* 从 0到 100的范围等分
两个明度、眯眼视图与照片未包括的内容
两个明度即 notan:一种由黑白明暗形状构成的图样,画家在上色前用它检查画面的构图。五个或七个层次能显示更多中间明度,而大多数绘画问题正隐藏在那里。
眯眼视图在分层之前模糊画面,正如画家眯起眼睛以忽略细节。模糊半径约为短边的2%。明度稿以照片本身为依据,因此光亮的表面或闪光灯的亮部,在图中可能比人在房间里看到的更暗或更亮。
- 照片以不超过约200万像素的副本进行分析;您下载的 PNG 即该副本。
- 颜色被忽略:明度相同的红色与绿色会得到同样的层次。
计算示例:中灰128
sRGB 值为128的灰色,其相对亮度为0.2159。它的 L* 为 116 × 0.2159^(1/3) − 16 = 53.6,略高于标尺的中间。
在两个明度的 notan 中,53.6落在亮的层次上,绘制为灰度185。在五个层次的明度稿中,它落在中间层次,绘制为灰度119,因为各层次宽20个 L*,而这个值位于五个层次中的第三个。
| 明度层次 | L* 53.6所在的层次 | 绘制的灰度 |
|---|---|---|
| 2(notan) | 亮(第2层) | 185 |
| 5 | 中间(第3层) | 119 |
常见问题
为什么明度稿用 L* 的层次,而不是普通的亮度?
等距的亮度看起来并不均匀:最暗的两个层次之间的差别,看起来比最亮的两个层次之间大得多。L* 的间距与人眼对明暗的感知相符,因此每个明度层次与相邻层次的差距看起来大致相同。
什么是 notan?
notan 是一种两个明度(亮与暗)的研究,画家用它在上色前规划画面的构图。维基百科的 notan 条目(英文)把它描述为以两个明度的黑白草图开始的明暗布局。
为什么眯眼视图要模糊画面?
模糊去掉了细节,使大块的明暗形状突显出来。这正是画家眯起眼睛看物体时所见的效果,它能显示主要的明暗块面是否正确。
我的照片会被上传到服务器吗?
不会。照片由您的浏览器读取,明度稿在您的设备上生成。您选择的任何内容都不会发送给我们。
应该使用多少个明度层次?
两个层次用于检查大的构图,三个或五个适合大多数明度稿,七个则能显示细微的渐变。可以从五个开始,明度结构清楚后再改用 notan。
资料来源
- W3C:Understanding WCAG 2.1,对比度(最低)与相对亮度的定义(英文)
- Wikipedia:CIELAB colour space(英文),明度 L* 与 D65白点
- Wikipedia:Notan(英文),明暗构图研究
数据和文字最近核对于2026年11月10日星期二。