
Quahuacan Cliff under Cumulus
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
调色板的两端住在空气里,不住在东西上:画顶那条深蓝实测 L 0.62、彩度 0.158,往下不到三成画高就走到云心的 L 0.98、彩度 0.015——一片天独占了全图明度和彩度的两个极值;而画里量到的五处红砂岩明度从 0.42 铺到 0.54,彩度一律卡在 0.064–0.102,谁也没碰过边。极值交给没有边界的那块面,身份才留得住给有边界的东西。
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,原图、色卡与色值都在里面——存下来直接发。