Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
阿折罗造像·素荫
须弥昼幽绿潮润素净

阿折罗造像·素荫

Acara Crafts in Plain Shade

色卡

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

重构渐变

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

0%15492130%479c4d55%b0564072%645237100%acaca0

为什么和谐

没有颜色的光是一台显色计:同一束天光打在覆苔的崖壁上是越亮越艳(叶影段 L 0.36 / 彩度 0.087 → 受光段 L 0.64 / 0.144),打在广场铺石上却是越亮越灰(同一条下缘自左向右 L 0.68 / 0.73 / 0.75 / 0.77 对彩度 0.024 / 0.016 / 0.016 / 0.018)。一幅画里明度与彩度的相关符号可以在两块面上反号,而那个符号读的不是光,是材质自己有没有色相。

01

最亮的那块地最没有颜色

广场铺石整块取样 119,952 个像素,彩度均值 0.020、峰值只有 0.037——整块压在无彩线 0.025 的下侧,而它的明度 0.72 高出全图中位数 0.43 整整 0.29,是画里最亮的一块大面。全图 22.37% 的无彩几乎都是它。它不是被调灰的:同一条画框下缘取四块等大的样,自左向右 L 0.68 / 0.73 / 0.75 / 0.77,彩度 0.024 / 0.016 / 0.016 / 0.018,色相 144° / 132° / 95° / 76°——越靠近左边那面绿崖,颜色越多、色相越往崖壁的 145° 靠;走出反弹的范围,它就交出色相。想要一块可靠的大面积中性,别去降它的饱和度,挑一块本来就没有色相的材质,推到那束没有颜色的光里。

02

同一束光,两个符号

那面覆苔的崖壁占 60.37%,是画面里最大的一块东西。同一堵崖从上段的叶影走到受光段:L 0.36 → 0.45 → 0.64,彩度 0.087 → 0.106 → 0.144,明度和彩度同向,涨 1.66 倍。铺石反向。两块面接的是同一束光,所以差别不在光上——光没有颜色时它带不进颜色,只能把材质已经有的那一点放大:有色相的放大成 0.144,没有的放大成 0.016。想在一幅画里同时要浓处和大面积中性,不必加第二盏灯,让这两类材质接住同一束光就够了。

03

铺石只有两条路可走

全图落在 210°–15° 这 165° 宽窗口里的像素只有 36 个,占 0.004%——一个冷像素都没有。所以铺石能报的色相只有一个:崖壁的绿。画里唯一的有色光正是这面崖的反弹,最艳的 4000 个像素 4000/4000 落在它身上(146°,彩度 0.162);同一把尺量摊子上那幅红棚布,最艳的 3% 是 0.137 / 32°,比崖壁的 0.163 还低一档——全画彩度最高的地方不在人挂上去的红布上,在长满苔的石头上。〈下风蚀地·薄晴〉量的是这条定律的天花板(「找最艳的地方,别看太阳照到哪,看太阳照不到哪」);这张量的是它的地板:白光正对着的那块面不是「不够艳」,是整块掉出色轮。

带走这组颜色

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

/* 阿折罗造像·素荫 · Acara Crafts in Plain Shade — Teyvat Palette */
:root {
  --moss-cliff-green: oklch(0.62 0.14 145); /* 苔岩绿 #479c4d */
  --leaf-shadow-green: oklch(0.36 0.087 148); /* 叶影墨绿 #154921 */
  --plain-paving: oklch(0.74 0.017 105); /* 素石白 #acaca0 */
  --awning-red: oklch(0.56 0.123 35); /* 棚布赤 #b05640 */
  --thatch-straw: oklch(0.45 0.047 76); /* 茅草黄 #645237 */
  --glazed-jar: oklch(0.85 0.042 112); /* 瓷瓶白 #ced1b2 */
  --gradient-location-acara-crafts: linear-gradient(180deg, oklch(0.36 0.087 148) 0%, oklch(0.62 0.14 145) 30%, oklch(0.56 0.123 35) 55%, oklch(0.45 0.047 76) 72%, oklch(0.74 0.017 105) 100%);
}

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