稻妻昏静穆余温落樱

冒险家协会(稻妻)·夕照

Adventurers' Guild Inazuma at Sunset

色卡

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

重构渐变

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

0%ee876d30%39202752%45254766%e59739100%7f5947

为什么和谐

光一旦有颜色,中性预算就归零:同一个矩形量柜台前的地面,这里是彩度 0.058、色相 46°,蒙德那张是 0.022、201°;全图无彩只剩 8.09%,于是画面把省不下来的对比全部改押彩度——中位数 0.053、峰值 0.231,四张冒险家协会里都是最高。

地面也是夕阳的一部分

柜台前的石板 L 0.50、彩度 0.058、色相 46°,和头顶那片西天(L 0.73、彩度 0.132、色相 35°)只差 11°——它不是被夕阳照亮的灰,它就是夕阳的一块。橙带 51.19% 加红带 17.72%,68.91% 的画面挤在 345°–45° 相邻的两条带里,无彩塌到 8.09%。有色的光不会给你留白;想在这种光里留一块中性,得自己造一个方向相反的第二光源。

以为是靛蓝,实测 312°

柜台前垂着两幅暖簾,眼睛报的是靛蓝:左边那幅实测 L 0.28、彩度 0.065、色相 312°,右边 L 0.32、彩度 0.071、色相 325°——都是紫红。整幅画 210°–270° 的蓝带只有 8 个像素。夕光把画面里最冷的那块布也拽过了 300°,它读作蓝,只是因为它是全场离暖端最远的东西。染过的画面里没有原色,只有名次。

灰省不下来,钱就花在彩度上

彩度中位数 0.053、p99 0.160、峰值 0.231,明度从 p01 的 0.19 拉到 p99 的 0.80——四张里唯一读作「浓」的一张,而它的浓不是色相多,是色相少到只剩一族,腾出的对比额度全给了 L 和 C。同一批里的枫丹那张无彩更少(4.59%),却把彩度 p99 压到 0.109 而不浓。留白的面积和彩度的天花板是两个可互换的旋钮,至少要拧下去一个;这张一个都没拧。

带走这组颜色

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

/* 冒险家协会(稻妻)·夕照 · Adventurers' Guild Inazuma at Sunset — Teyvat Palette */
:root {
  --sunset-sky: oklch(0.73 0.132 35); /* 夕空橙 #ee876d */
  --lantern-glow: oklch(0.74 0.141 67); /* 灯笼光 #e59739 */
  --dark-timber: oklch(0.28 0.04 2); /* 檐木暗红 #392027 */
  --noren-violet: oklch(0.32 0.071 325); /* 暖簾紫 #452547 */
  --warm-flagstone: oklch(0.5 0.058 46); /* 石板暖灰 #7f5947 */
  --gradient-adventurers-guild-inazuma: linear-gradient(180deg, oklch(0.73 0.132 35) 0%, oklch(0.28 0.04 2) 30%, oklch(0.32 0.071 325) 52%, oklch(0.74 0.141 67) 66%, oklch(0.5 0.058 46) 100%);
}

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

色卡