稻妻昼森严清冷花明

天领奉行府·绀昼

Tenryou Commission Headquarters in Navy Daylight

色卡

点击色块复制 HEX;悬停查看 OKLCH 值。

重构渐变

从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。

0%638ac618%d09cd638%7a59a360%103b4778%28473e100%3f4c6d

为什么和谐

一顶樱冠在色轮上只有两个位置,而位置不由树决定:背光那一半 L 0.53、彩度 0.117、色相 303°,和〈秋沙钱汤·樱昼〉量到的 L 0.51、彩度 0.117、303° 三个数字全同——两棵不同的树、两幅不同的画,背光半是个常数。变的只有受光半的面积:那边 5.2%,这里 30.3%。一棵樱读作紫还是粉,是取景分给受光面多少面积的结果,不是调色的结果。

背光的那一半根本没动过

樱冠那块矩形 156,600 个像素,拆成两个色相窗口:270°–315° 有 83,632 个,均值 L 0.53、彩度 0.117、色相 303°;〈秋沙钱汤·樱昼〉同一个窗口是 70,270 个像素、L 0.51、彩度 0.117、303°。两幅画的建筑、季节、太阳位置全不一样,树背光的那一面却给出同一个读数。正因为它是常数,下面这件事才有意义:315°–345° 的受光半在秋沙钱汤是 3,860 个像素、占那顶冠的 5.2%,在这里是 36,424 个、占 30.3%。想改一棵树的颜色,不必碰它的颜色。

全画只有这三成拿到了太阳

屋脊上那几组看着是鎏金的装饰,取矩形做 15°–105° 搜索,8,320 个像素里只有 11 个落在窗口内;整块实测 L 0.37、彩度 0.039、色相 175°。左侧的白壁 L 0.39、彩度 0.026、238°,整片庭院石板 L 0.42、彩度 0.058、268°——奉行府的每一样东西都停在天的影子色上。唯一亮过全图明度中位数 0.43 的实体,是樱冠受光的那 36,424 个像素,L 0.76;最艳的 4000 个像素也有 2073 个落在它身上,位置 (0.88, 0.17)。「被照到」可以是一幅画里极稀缺的事,而稀缺本身就是构图。

受光半是面积,不是配方

樱冠整块占了 156,600 个像素、约七分之一的画面,而受光的三成全部集中在右上朝天的一侧。全图紫带 16.98%、均值 293°,粉带 4.93%、均值 323°;本批另外两顶够得着光的樱冠,背光半是 301° 与 304°,和这里的 303° 收在 3° 之内。色相是这种花自带的常数,面积才是这幅画做的选择。要让一片花海读作粉,别去调花瓣的色相——它不动;调你从哪个方向拍它。

带走这组颜色

CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。

/* 天领奉行府·绀昼 · Tenryou Commission Headquarters in Navy Daylight — Teyvat Palette */
:root {
  --shaded-crown: oklch(0.53 0.117 303); /* 背樱紫 #7a59a3 */
  --sunlit-crown: oklch(0.76 0.1 323); /* 日樱粉 #d09cd6 */
  --open-sky: oklch(0.63 0.101 259); /* 高天蓝 #638ac6 */
  --navy-roof: oklch(0.33 0.051 220); /* 奉行绀 #103b47 */
  --shaded-court: oklch(0.42 0.058 268); /* 影庭青 #3f4c6d */
  --tarnished-gilt: oklch(0.37 0.039 175); /* 锈金饰 #28473e */
  --gradient-tenryou-commission-headquarters: linear-gradient(180deg, oklch(0.63 0.101 259) 0%, oklch(0.76 0.1 323) 18%, oklch(0.53 0.117 303) 38%, oklch(0.33 0.051 220) 60%, oklch(0.37 0.039 175) 78%, oklch(0.42 0.058 268) 100%);
}

1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。

色卡