枫丹昼幽邃葱茏沉静

埃尔顿海沟·幽昼

Elton Trench in Dimmed Daylight

色卡

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

重构渐变

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

0%62e7f726%20929358%096b8582%0fa530100%1ae044

为什么和谐

暖是画框里的名次,不是色轮上的位置:对全图做 330°–90° 的暖色搜索一个像素都没有,连 90°–110° 都是空的,可叶缘的金边、左下的黄花、中景的小鱼三样东西全读作暖色——它们实测 145°、145°、142°,是黄绿。在一片占 54.58% 的 223° 蓝里,离暖端最近的那一族色相就会被当成金子。

色轮的暖半边一格没用

对全图做 330°–90° 的暖色搜索,匹配到的像素是零;45°–90° 零,90°–110° 还是零,直到窗口开到 90°–120° 才出现 133 个像素,占 0.015%。绿 14.17% + 青 31.26% + 蓝 54.58% 就是这幅画的全部。而那 133 个像素里有 123 个落在左下那丛「黄花」的花心上,色相 119°、明度 0.89——整幅画能拿出的最暖的东西,仍然是绿的。琼玑野那篇在明度轴上说过同一件事:高调画面里的「黑」是相对的,要的不是黑,是比周围低 0.2 的面;色相这条轴上的规矩一模一样。

三样「暖」东西,全是黄绿

左上巨扇叶那道「金边」,单取绿带像素实测 145°、彩度 0.194、明度 0.63;左下那丛「黄花」有 15181 个绿带像素,145°、彩度 0.161、明度 0.61;中景那串「小鱼」最弱——它们所在矩形里最艳的 3% 根本不是鱼,是 217° 的水,鱼自己只剩 519 个像素,142°、彩度 0.102、明度 0.72。三者色相相差不到 4°,和身后的扇叶(145°、彩度 0.243)是同一族。它们被读成金边、黄花、橙鱼三种不同的暖,分工全在明度和彩度上,色相一步没动。

同一个绿,在别处是环境,在这里是金子

塞洛海原的水草实测 145°、彩度 0.174,占全图 35.96%,读作植物;这里的绿是 148°、彩度 0.167,几乎是同一块颜色,却只占 14.17%,身后压着 54.58% 的 223° 蓝。而且那边还留着 749 个真正的黄色像素(45°–90°,均值 81°),这里一个都没有。颜色没变,变的是它在画框里的名次。要在单色调画面里放一个「暖」的点缀,先量底色的色相,再往暖端挪到没有东西比你更近为止——不必真的走进暖色区,省下来的是半个色轮。

带走这组颜色

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

/* 埃尔顿海沟·幽昼 · Elton Trench in Dimmed Daylight — Teyvat Palette */
:root {
  --trench-blue: oklch(0.49 0.089 223); /* 沟壁蓝 #096b85 */
  --midwater-teal: oklch(0.6 0.095 196); /* 中层水青 #209293 */
  --daylight-cyan: oklch(0.86 0.117 206); /* 天光青 #62e7f7 */
  --fan-kelp: oklch(0.79 0.243 145); /* 扇叶绿 #1ae044 */
  --leaf-rim-gold: oklch(0.63 0.194 145); /* 叶缘金 #0fa530 */
  --minnow-amber: oklch(0.72 0.102 142); /* 游鳞黄 #7fb579 */
  --gradient-elton-trench: linear-gradient(180deg, oklch(0.86 0.117 206) 0%, oklch(0.6 0.095 196) 26%, oklch(0.49 0.089 223) 58%, oklch(0.63 0.194 145) 82%, oklch(0.79 0.243 145) 100%);
}

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

色卡