Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
渊下宫·白夜
稻妻昼幽邃岑寂神圣

渊下宫·白夜

Enkanomiya, Whitenight

色卡

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

重构渐变

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

0%293e4914%e5eadc32%b1cac062%6287a5100%80a9c3

为什么和谐

彩度封顶 0.081 的世界:雾把颜色全部没收,远近由明度从 0.35 到 0.93 一级级排出——当色相只剩一个,明度阶梯就是全部的构图;那枚 C 0.02 的偏绿白,就足以成为太阳。

01

明度是唯一的语言

全图没有一个像素的彩度超过 0.081,61% 干脆是灰,可画面一点不平:穹影 0.35、远雾 0.46、岛影 0.61、近雾 0.71、光晕 0.82、日核 0.93,六档明度把头顶到脚下的纵深排得清清楚楚。雾景、深海、夜景通用:先把彩度锁死,再用 L 排远近。

02

一点偏色就是太阳

大日御舆的光核实测彩度只有 0.019,却因为色相偏在绿白(123°),在 240° 的蓝雾里读作暖光。彩度越低的环境,色相偏移的话语权越大——一套全灰的界面里,2% 的色偏就是强调色,不需要更多。

03

白夜不是白天

渊下宫没有日月,这里的「昼」来自人造日轮点亮的白夜——所以天光没有大气散射该有的蓝→暖渐变,亮度从光核向四周均匀衰减,像灯,不像太阳。time 取「昼」只是取其最近似;这类无昼夜的场景,光源的性质比时刻更值得写进配色。

带走这组颜色

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

/* 渊下宫·白夜 · Enkanomiya, Whitenight — Teyvat Palette */
:root {
  --abyss-ink: oklch(0.351 0.033 232.2); /* 渊底黛 #293e49 */
  --deep-mist: oklch(0.457 0.044 235.1); /* 沉雾蓝 #3f5b6c */
  --isle-shadow: oklch(0.608 0.062 244.1); /* 岛影青 #6287a5 */
  --whitenight-fog: oklch(0.714 0.058 237.2); /* 白夜雾 #81a9c3 */
  --pale-halo: oklch(0.818 0.031 168.4); /* 蜃光 #b1cac0 */
  --false-sun: oklch(0.928 0.019 122.6); /* 伪日白 #e5e9dc */
  --gradient-enkanomiya: linear-gradient(180deg, oklch(0.351 0.033 232) 0%, oklch(0.928 0.019 123) 14%, oklch(0.818 0.031 168) 32%, oklch(0.608 0.062 244) 62%, oklch(0.714 0.058 237) 100%);
}

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