纳塔昼澄澈丰沛开阔

涌流地·碧晴

Toyac Springs in Turquoise Daylight

色卡

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

重构渐变

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

0%68b0f832%8cc6ec60%0084a684%6cc888100%cc6e58

为什么和谐

98.82% 的像素都上了色,额度就只剩 0.051(p99 0.152 减中位数 0.101)——同批四张里最低。后果可量:天花板 0.204 被最大的那块面吃掉(最艳的 4,000 个像素里 2,509 个落在 240°–270° 的天与深水),而全画唯一的暖色、也是一眼就看见的主角——右岸那几朵桃色大花——15°–75° 共 11,420 个像素(1.24%),最艳的 3% 也只有 0.124,比天花板低 0.080。想让一个小元素当主角,不是给它加彩度(加不上去),是给它周围找一块面把彩度让下来。

一寸都没让

无彩只有 1.18%:天、水、草、浮叶、岩石,每一样都停在 0.08–0.13 的彩度上——上缘那块天 L 0.74 / 0.128,下缘的浮叶与浅滩草 L 0.76 / 0.129,前景深水 L 0.57 / 0.108,左侧山影 L 0.58 / 0.088,连被雾抹平的那条地平线也有 0.081。中位数 0.101 就是这么堆出来的。中位数不是「平均有多艳」,是「有多少面积拒绝安静」;这幅画的答案是几乎全部。

主角买不起天花板

右岸那几朵桃色大花是这幅画唯一的暖色:整幅画 15°–75° 只有 11,420 个像素(1.24%),取花丛那块矩形里的暖像素是 L 0.65 / 彩度 0.087,全图暖色最艳的 3% 也只有 L 0.64 / 0.124 / 色相 34°。而峰值 0.204 在 240°–270° 的蓝里,归天与深水。它比天花板低 0.080 却依然是第一眼落点——因为绿、青、蓝合占 94.61%,它的色相在这张画里独一份。额度卖光的时候,焦点只剩「和谁都不同色」这一种买法。

最艳的四千,两族对半分

最艳的 4,000 个像素分给相隔 104° 的两处:240°–270° 的天与深水 2,509 个(峰值 0.204),150°–180° 的浅滩水草 1,290 个(峰值 0.168);120°–180° 最艳的 3% 实测 L 0.80 / 彩度 0.155。两边都摸到了天花板附近,谁也没压过谁。好在色相的排布是连着的——绿 7.79% → 青 14.81% → 蓝 72.01%,中间不缺档,所以读起来是一片会流动的水,不是三块拼贴。要在没有额度的画面里分层,靠的是把色相排成一条不缺档的坡,不是靠谁更艳。

带走这组颜色

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

/* 涌流地·碧晴 · Toyac Springs in Turquoise Daylight — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.74 0.128 250); /* 天顶蓝 #68b0f8 */
  --far-shoal: oklch(0.8 0.081 238); /* 远汀白 #8cc6ec */
  --deep-pool: oklch(0.57 0.108 224); /* 深潭蓝 #0084a6 */
  --lilypad-teal: oklch(0.76 0.129 152); /* 莲叶青 #6cc888 */
  --peach-bloom: oklch(0.64 0.124 34); /* 桃花橙 #cc6e58 */
  --gradient-toyac-springs: linear-gradient(180deg, oklch(0.74 0.128 250) 0%, oklch(0.8 0.081 238) 32%, oklch(0.57 0.108 224) 60%, oklch(0.76 0.129 152) 84%, oklch(0.64 0.124 34) 100%);
}

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

色卡