须弥昼异变空旷压迫

浮罗囿·紫昼

Realm of Farakhkert at Violet Noon

色卡

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

重构渐变

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

0%db6bf122%5c6dbf44%8561cf72%9cb3d2100%6b5054

为什么和谐

白昼的彩度天花板一向由「太阳照到了什么」发落——〈春茗茶坊·翠昼〉0.216 归受光的茶园草坡,〈连芳茶点·淡晴〉没有受光的植物就掉到 0.140。浮罗囿把这条阶梯整个作废:天花板 0.294,是这块天自己 0.162 的 1.81 倍、是脚下岩台 0.059 的 5 倍,而它不属于任何一个被照亮的面——它自己就是光。更要紧的是它还很大:粉带一族 89845 个像素、占 10.20%,漩涡上核那一块就有 25776 个(2.93%)、均值 0.214,于是 p99 0.267 离峰值只剩 0.027,额度做到 0.211。画里放进一个自己发光的东西,它买走的不只是天花板,是天花板到中位数之间的整段距离——前提是它得占得下一成画面。

地几乎交不出颜色

右侧那道台地(0.75, 0.55 起)实测 L 0.49 / 彩度 0.039,最浓的一个像素也只有 0.059;近处那片岩(0.00, 0.85 起)L 0.46 / 彩度 0.037 / 色相 9°;两者之间那层霾(0.20, 0.55 起)0.051。全图无彩 12.76%,中位数 0.056——半幅画的颜色比这块地的最浓处还淡。一整片沙漠台地,连同它的沟壑与阴面,在彩度上一句话都没说;这张画的全部浓度只长在一样东西上。想让一件东西独占浓度,最省的做法不是把它调艳,是把其余每一样都压到 0.06 以下。

它比这块天高 1.81 倍

左上角那块最深的天(0.00, 0.00 起,41580 个像素)实测 L 0.56 / 彩度 0.129 / 色相 273°,最浓的 3% 是 0.149、峰值 0.162;右上角(0.88, 0.00 起)只有 0.074、峰值 0.095。而全图峰值 0.294 落在 (0.51, 0.17) ——最艳的 4000 个像素 4000 个都在 300°–330°,均值 0.283。天在画框里、面积不小、色相也不淡,却没能拿到天花板。露天的天花板归天、白昼的天花板归受光的活物,这两条都有一个没写出来的前提:画里所有的光都来自那一轮太阳。一旦有第二个光源自己在画里发光,顺位就作废了。

顶端那一撮厚到 1% 装不下

粉带 315°–345° 有 89845 个像素、占 10.20%、均值彩度 0.135;单取漩涡上核那一块(0.44, 0.02 起)25776 个像素、2.93%、均值 0.214。1% 的分位线只需要八千多个像素,而这里有两万五千个比它更浓的——所以 p99 顶到 0.267,离 Cmax 0.294 只有 0.027,是本批最短的一根孤峰(无郁夷摩那颗果是 0.066)。同样是自己发光,一颗球给出 0.081 的额度,一朵铺满上半幅的花给出 0.211。焦点的响度不由它有多艳决定,由贴着天花板那一撮有多厚决定;要响,先给它面积。

带走这组颜色

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

/* 浮罗囿·紫昼 · Realm of Farakhkert at Violet Noon — Teyvat Palette */
:root {
  --vortex-core: oklch(0.71 0.214 321); /* 涡心粉 #db6bf1 */
  --vortex-throat: oklch(0.58 0.164 296); /* 涡腹紫 #8561cf */
  --zenith-blue: oklch(0.56 0.129 273); /* 天顶蓝 #5c6dbf */
  --root-column: oklch(0.81 0.131 146); /* 根柱绿 #87d88d */
  --far-haze: oklch(0.76 0.051 255); /* 远霾白 #9cb3d2 */
  --mesa-brown: oklch(0.46 0.037 9); /* 台地褐 #6b5054 */
  --gradient-realm-of-farakhkert: linear-gradient(180deg, oklch(0.71 0.214 321) 0%, oklch(0.56 0.129 273) 22%, oklch(0.58 0.164 296) 44%, oklch(0.76 0.051 255) 72%, oklch(0.46 0.037 9) 100%);
}

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

色卡