稲妻昼高闊清烈寂寥

ヤシオリ島・蒼穹

Yashiori Island under a Deep Vault

色カード

色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。

再構成グラデーション

シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。

0%1c5ea512%e4fafe36%39839550%bf8bce68%50748b100%80b4aa

なぜ調和するのか

青紫の濃さは明度でしか買えない。同じ族の青、同じ晴天、同じ 210°–270° の窓で、ヤシオリ島のもっとも濃い 3% は L 0.53 で彩度 0.137、〈神無塚・霞の昼〉は L 0.63 で 0.122 にとどまる。二枚の青帯の天井はほぼ同じ高さ(0.182 と 0.177)——違いはどこまで濃くなれるかではなく、濃さのために暗くなる気があるかどうかだ。この絵にはその気があり、だから空が深く、四枚でもっとも正午らしい一枚になっている。

空を一段深くすれば、画面全体が一段濃くなる

上縁の空は実測 L 0.48・彩度 0.132・色相 254°。〈神無塚・霞の昼〉で同じく上縁の空を取ると L 0.68・彩度 0.110・240°。二枚の青帯のピークの差はわずか 0.005(0.182 と 0.177)なのに、実際に手に入った平均は 0.022 も違う——ヤシオリ島は空を L 0.48 まで置く覚悟があり、神無塚は 0.68 で止まったからだ。色相を変えずに配色を濃くしたいなら、まず明度を下げること。彩度を足しても出てこない。天井はそこにあり、明るい場所ではそれがひどく低い。

砂岩に見える大崖は 238° の青である

中景を横断する大崖は目には黄褐色の砂岩と映るが、実測は L 0.54・彩度 0.055・色相 238°——頭上の空の 42% でしかない。下縁の黄砂に見える渚は L 0.73・彩度 0.056・色相 182°、同じ矩形に 330°–90° をかけると nothing matched。全画面の 330°–90° はわずか 84 画素(0.009%)、平均彩度 0.029。〈鳴神島・晴嵐〉が同じことを測っている——崖 244°/0.065 に対し空 245°/0.110、色相は一度も違わず彩度を四割削る。ここでは 58% 削り、色相もさらに 16° 譲っている。同じ法則を、空がより濃いぶんだけ遠くまで押している。

98 画素の紅楓が海一面より濃い

崖の上、右手寄りに一本の紅葉樹が立つ。315°–345° は全画面で 98 画素しかなく、平均 L 0.71・彩度 0.111・色相 319°、ピーク 0.152。同じ絵のなかで明度の近い海面(L 0.74)は彩度 0.077 どまり、87.81% を占める青帯の平均も 0.092。L 0.7 という段では青はとうに頭打ちで、桃色にはまだ 0.111 が残っている——これが「高い色相」と「安い色相」の差である。明るい側で本物の濃さが欲しいなら、青紫に期待せず、紅桃や緑青に任せること。

この配色を持ち帰る

CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。

/* ヤシオリ島・蒼穹 · Yashiori Island under a Deep Vault — Teyvat Palette */
:root {
  --deep-vault: oklch(0.48 0.132 254); /* 穹の青 #1c5ea5 */
  --cumulus-white: oklch(0.97 0.024 209); /* 積雲の白 #e4fafe */
  --ridge-meadow: oklch(0.57 0.078 217); /* 尾根草の青 #398395 */
  --maple-rose: oklch(0.71 0.111 319); /* 楓の紅 #bf8bce */
  --sandstone-blue: oklch(0.54 0.055 238); /* 砂崖の青 #50748b */
  --pale-shore: oklch(0.73 0.056 182); /* 汀の白青 #80b4aa */
  --gradient-yashiori-island: linear-gradient(180deg, oklch(0.48 0.132 254) 0%, oklch(0.97 0.024 209) 12%, oklch(0.57 0.078 217) 36%, oklch(0.71 0.111 319) 50%, oklch(0.54 0.055 238) 68%, oklch(0.73 0.056 182) 100%);
}

1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。