
Bayt Al-Sukr by Flowerlight
点击色块复制 HEX;悬停查看 OKLCH 值。
从场景蒸馏出的渐变,按停靠点从左到右展开;成品角度 160°(hero 与导出使用),画廊卡片统一以 135° 斜向展示。
暗场里的彩度额度只有自己发光的东西买得起:右上角那两朵帕蒂沙兰实测 L 0.59 / 彩度 0.250,在明度和彩度上双双压过画里那束看得见的光(0.51 / 0.117)。它只占全图 2.81%,却把彩度额度(p99 0.227 减中位数 0.054)顶到 0.173——同批的生命之殿是 0.038,差 4.6 倍;而四张的明度额度是 0.34 / 0.37 / 0.39 / 0.45,谁也没比谁多拿。暗画与暗画之间拉不开的是明度,拉得开的是彩度,而彩度不是调出来的,是画面里某样东西自己挣的。
CSS 变量、Tailwind v4 主题或 SVG,一键复制到你的项目。
/* 酣乐之殿·花照 · Bayt Al-Sukr by Flowerlight — Teyvat Palette */
:root {
--padisarah-magenta: oklch(0.59 0.25 312); /* 帕蒂沙兰紫 #ad37e5 */
--rift-blue: oklch(0.51 0.117 259); /* 缝隙蓝 #3a65a8 */
--violet-haze: oklch(0.39 0.092 275); /* 紫霭 #373f76 */
--bud-violet: oklch(0.4 0.091 272); /* 蕾芽紫 #374378 */
--shadow-crimson: oklch(0.26 0.047 316); /* 影岩绛 #2d1d33 */
--gradient-bayt-al-sukr: linear-gradient(160deg, oklch(0.51 0.117 259) 0%, oklch(0.59 0.25 312) 28%, oklch(0.4 0.091 272) 55%, oklch(0.39 0.092 275) 80%, oklch(0.26 0.047 316) 100%);
}1080×1350 的 PNG,原图、色卡与色值都在里面——存下来直接发。