Teyvat Palette提瓦特色卡
场景库
GitHub
画廊
Decarabian's Tower·云影
蒙德昼澄冽空寂苍古

Decarabian's Tower·云影

Decarabian's Tower under Cloud Shadow

色卡

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

重构渐变

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

0%2e84c126%c0eaf544%5396b064%285f7882%4b869e100%b0bd9d

为什么和谐

座位空到只剩 4 个像素,是因为两族其实是一族:75.27% 的蓝里同时住着天 244°、云 217°、浅水 226°、塔身的石 225° 和影里的废墟 231°——五样东西挤在 27° 里;绿只剩 10.86%,均值彩度 0.062,是同批另外三张(0.144 / 0.121 / 0.104)里最低那张的六成。两个大族没有真的分开,座位就无从谈起:330°–60° 全图 4 个像素,345°–15° 一个都没有。代价量得出来——彩度天花板 0.178,是四张里最低的。要有一个能放点缀的座位,先得有两个真的分得开的族。

01

五样东西挤在 27° 里

天 L 0.59 / C 0.123 / 244°,左侧最亮那朵云 L 0.91 / C 0.046 / 217°,石桥两侧的浅水 L 0.59 / C 0.072 / 226°,塔身的石 L 0.64 / C 0.078 / 225°,落进影里的废墟 L 0.46 / C 0.071 / 231°。五样材质完全不同的东西,色相极差只有 27°,而明度极差 0.45。这幅画把纵深和体积全部记在明度账上,色相一分没花——所以它读起来是「一个地方」,而不是天、水、石三样东西凑在一起。

02

一个红像素都没有

345°–15° 这个窗口返回 nothing matched;拓宽到 90° 的 330°–60°,也只有 4 个像素。全图只有绿 10.86%、青 3.36%、蓝 75.27% 三条带,合起来正好是 90°–270°,色轮另外半边整个是空的。同一批的〈Hexenzirkel's Island in the Sky·花午〉在同一个 330°–60° 窗口里有 39,869 个像素,差 9,967 倍。这不是「点缀色被省掉了」,是压根没有一个能放点缀的位置。

03

第二族输在彩度,不输在面积

整幅画彩度最高的绿是石板路缝里长出来的苔:下缘那 21,310 个绿像素 L 0.78 / C 0.047 / 125°,Cmax 0.152,而不是拱券外那几片远草地。绿占 10.86%,比〈风息山·浮云〉的 17.56% 只少七个百分点,可它的均值彩度 0.062 对 0.144,只有后者的四成出头。两个色族要能对立,面积可以悬殊,彩度不能——一族被压到另一族的四成,它就不再是一族,只是那一族的影子。

带走这组颜色

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

/* Decarabian's Tower·云影 · Decarabian's Tower under Cloud Shadow — Teyvat Palette */
:root {
  --deep-sky: oklch(0.59 0.123 244); /* 深天蓝 #2e84c1 */
  --cumulus-white: oklch(0.91 0.046 217); /* 积云白 #c0eaf5 */
  --tower-stone: oklch(0.64 0.078 225); /* 塔石青 #5396b0 */
  --shallow-water: oklch(0.59 0.072 226); /* 浅滩青 #4b869e */
  --shadow-stone: oklch(0.46 0.071 231); /* 阴影石 #285f78 */
  --seam-moss: oklch(0.78 0.047 125); /* 石缝苔 #b0bd9d */
  --gradient-decarabians-tower: linear-gradient(180deg, oklch(0.59 0.123 244) 0%, oklch(0.91 0.046 217) 26%, oklch(0.64 0.078 225) 44%, oklch(0.46 0.071 231) 64%, oklch(0.59 0.072 226) 82%, oklch(0.78 0.047 125) 100%);
}

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