
Wangshan Hall, Main Hall in Thin Teal
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 180°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
一个色相要被认出来,门槛不在它有多艳,在于有没有第二个色相出来反驳它:这间正堂的彩度中位数只有 0.026,而判无彩的阈值是 0.025,47.66% 的像素正式算灰——它却毫不含糊地是一间青绿的堂,因为整幅画在 270°–45° 上一个像素都没有。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 王山厅・正堂·薄青 · Wangshan Hall, Main Hall in Thin Teal — Teyvat Palette */
:root {
--hall-teal: oklch(0.26 0.028 173); /* 薄堂青 #152923 */
--lit-terrace: oklch(0.7 0.052 177); /* 台面青 #7ca99e */
--shaft-beam: oklch(0.54 0.047 193); /* 柱光 #4d7876 */
--vine-green: oklch(0.37 0.042 145); /* 藤绿 #324632 */
--lantern-flame: oklch(0.72 0.108 94); /* 灯焰 #bba34f */
--hall-ink: oklch(0.2 0.019 171); /* 堂壁墨 #0d1915 */
--gradient-wangshan-hall-main-hall: linear-gradient(180deg, oklch(0.2 0.019 171) 0%, oklch(0.54 0.047 193) 30%, oklch(0.7 0.052 177) 48%, oklch(0.37 0.042 145) 70%, oklch(0.26 0.028 173) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。