
Acara Crafts in Plain Shade
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
没有颜色的光是一台显色计:同一束天光打在覆苔的崖壁上是越亮越艳(叶影段 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)。一幅画里明度与彩度的相关符号可以在两块面上反号,而那个符号读的不是光,是材质自己有没有色相。
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,原图、色卡与色值都在里面——存下来直接发。