Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
黎翡区·苍昼
枫丹昼沉静峻峭孤高

黎翡区·苍昼

Liffey Region in Deep Blue Daylight

色卡

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

重构渐变

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

0%62b5fd14%ccf3fc34%a4e6ff56%4da3e374%5ea4d2100%42a7eb

为什么和谐

彩度中位数拧太高,天花板就白给:黎翡区 92.90% 是蓝、彩度中位数 0.121,比白露区的 0.093 高三成,而它的 p99 只有 0.160,是三个枫丹区里最低的——最艳的那片海 0.136 只高出自己的中位数 0.015,白露区那块天顶高出 0.070,差了近五倍。焦点买不起了,只能改挂到明度上:全图最亮的 4000 个像素 L 0.99、彩度 0.009,是三张里唯一一块真正的无彩白。

01

整片草甸,一个绿像素都没有

山腰那片看着是草甸的坡,在它所在的矩形里做 90°–165° 的绿色搜索,一个像素都没有匹配;整块实测色相 234° / 彩度 0.103,再收到最绿的那一小片也还是 239° / 0.098,和头顶的天 247°、右下的海 242° 同族。全图绿带只有 0.07%,青带 4.33%。这就是中位数 0.121 的来路:连本该替画面省彩度的植被,彩度都已经和中位数同级——没有任何一块大面积在低位待着。

02

唯一的淡面只占一个角

全图唯一彩度低于 0.05 的大块是右上角那团云,L 0.94 / 彩度 0.042;它下方那片远海与雾是 L 0.89 / 0.075。白露区的同一件事是用 10.21% 的青带做的,铺满整条岸线,云团本身也只有 0.072。淡面是要用面积买的,黎翡区只买了一个角,剩下的浓度全得自己扛:前景那块礁石 L 0.62 / 彩度 0.124,主峰的背光岩面 0.69 / 0.126,海面 0.70 / 0.136——从最近到最远,三层大面没有一层掉下 0.12。

03

彩度用完,明度接管

焦点买不起了,画面就换一个通道:黎翡区的明度 p99 到 0.99,最亮的 4000 个像素彩度只有 0.009——白露区同一档是 0.026、莫尔泰区 0.029,只有这里是真正的无彩白;无彩像素 2.66%,也是白露区 1.14% 的两倍多。〈颠倒古城·微光〉是它的镜像:那边明度被压进 12 个百分点,只好让 0.183 的炭火说话。两个通道总得留一个有余量——动手之前,先看你已经把哪一个用满了。

带走这组颜色

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

/* 黎翡区·苍昼 · Liffey Region in Deep Blue Daylight — Teyvat Palette */
:root {
  --high-sky: oklch(0.75 0.132 247); /* 高天蓝 #62b5fd */
  --corner-cloud: oklch(0.94 0.042 212); /* 角云白 #ccf3fc */
  --far-shore-haze: oklch(0.89 0.075 223); /* 远岸霭 #a4e6ff */
  --ridge-shadow: oklch(0.69 0.126 244); /* 峰影蓝 #4da3e3 */
  --slope-blue: oklch(0.69 0.098 239); /* 坡草蓝 #5ea4d2 */
  --sea-blue: oklch(0.7 0.136 242); /* 海面蓝 #42a7eb */
  --gradient-liffey-region: linear-gradient(160deg, oklch(0.75 0.132 247) 0%, oklch(0.94 0.042 212) 14%, oklch(0.89 0.075 223) 34%, oklch(0.69 0.126 244) 56%, oklch(0.69 0.098 239) 74%, oklch(0.7 0.136 242) 100%);
}

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