Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
翘枝崖·积云
纳塔昼高远明快爽朗

翘枝崖·积云

Quahuacan Cliff under Cumulus

色卡

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

重构渐变

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

0%4a84e426%eefbff44%729ddc62%88935c100%845085

为什么和谐

调色板的两端住在空气里,不住在东西上:画顶那条深蓝实测 L 0.62、彩度 0.158,往下不到三成画高就走到云心的 L 0.98、彩度 0.015——一片天独占了全图明度和彩度的两个极值;而画里量到的五处红砂岩明度从 0.42 铺到 0.54,彩度一律卡在 0.064–0.102,谁也没碰过边。极值交给没有边界的那块面,身份才留得住给有边界的东西。

01

一片天走完两条通道

沿画左一列(x 0.05–0.25)自画顶往下取四档:L 0.68 / 0.72 / 0.77 / 0.87,彩度 0.136 / 0.115 / 0.093 / 0.055,色相 262° / 257° / 251° / 228°。正当头顶那一块更深,(0.66, 0.06) 起 6% 见方实测 L 0.62、彩度 0.158,而全图最艳的 4000 个像素 4000 个全在这条蓝带里、均值 0.173。三条通道一起单调地走,终点是画幅正中那朵积云——全图最亮的 4000 个像素落在 (0.52, 0.28) 与 (0.64, 0.25),均值 L 0.98、彩度 0.015。这不是几个颜色,是一块面。想要一块颜色既提供最饱和又提供最亮,别做两块,做一条够长的渐变。

02

五块岩石,明度差 0.12,彩度不跟

同一种红砂岩,按明度排开:谷底阴面 L 0.42 / 304° / 0.074,画心偏下的崖体 L 0.45 / 358° / 0.079,右壁中段 L 0.50 / 28° / 0.064,右上受光的崖顶 L 0.51 / 326° / 0.102,右下崖体 L 0.54 / 31° / 0.098。明度铺开 0.12,彩度却在 0.064–0.102 之间来回,和明度毫无相关。连左边那只热气球也是这个道理:L 0.54、彩度 0.038,它淡不是因为它站在阴影里,是因为帆布本来就没颜色。塔拉塔海谷量的是同一条定律的暗端(水体随深度 0.122→0.087,水草 0.147→0.143 几乎不动)——介质的彩度是它离光多远的读数,材质的彩度是它自己的身份。

03

远山已经改籍成空气

画心偏左那几座远岭(从 0.33, 0.24 起 7% 见方)实测 258°、彩度 0.105、L 0.69,比正上方那片天(L 0.77、彩度 0.093)还艳一点——那里的空气最厚,后面还垫着岩体。而量到的五处近岩没有一块到得了 0.105。所以这幅画的「远」不是把岩石调淡,是把它整个交给天空那条渐变去取值:想画纵深,别在物体自己的色相上减彩度,让它改用空气的色相。

带走这组颜色

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

/* 翘枝崖·积云 · Quahuacan Cliff under Cumulus — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.62 0.158 260); /* 天顶蓝 #4a84e4 */
  --cloud-core: oklch(0.98 0.015 218); /* 云心白 #eefbff */
  --far-mesa-blue: oklch(0.69 0.105 258); /* 远岭青 #729ddc */
  --cliff-ochre: oklch(0.51 0.102 326); /* 崖赭 #845085 */
  --terrace-green: oklch(0.64 0.078 118); /* 台草绿 #88935c */
  --balloon-drab: oklch(0.54 0.038 320); /* 球囊褐 #79687d */
  --gradient-quahuacan-cliff: linear-gradient(180deg, oklch(0.62 0.158 260) 0%, oklch(0.98 0.015 218) 26%, oklch(0.69 0.105 258) 44%, oklch(0.64 0.078 118) 62%, oklch(0.51 0.102 326) 100%);
}

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