ナタ昼軽やか広々休日

のびのびリゾート・浮かぶ晴天

Easybreeze Holiday Resort in Floating Clarity

色カード

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

再構成グラデーション

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

0%1d74d022%3f93cf42%adeefc56%8ae0f778%5db2b3100%6bb35f

なぜ調和するのか

下地が濃いとき、主体をいちばん安く立たせる方法は三本のチャンネルをそろって下へ譲ることだ。あの飛舟は実測 L 0.52・彩度 0.080・色相 234°、すぐ両脇の空は L 0.66 / 0.114 / 241° と L 0.63 / 0.121 / 243°——同じ一族で、0.11 と 0.14 暗く、彩度は相手の六割六分と七割しかない。無彩がわずか 4.85%、彩度中央値 0.096 のこの絵では、濃さは空気と地面の属性である。彩度を手放したその一枚こそが、唯一輪郭として読める実体になる。

主体は二つの極値をどちらも取らない

最も彩度の高い 4000 画素のうち、2,738 個が右下の手前の草斜面にある(120°–150°、平均彩度 0.193、重心 (0.67, 0.79))。1,256 個は天頂のあの一角(240°–270°、0.185、重心 (0.11, 0.03))。最も明るい 4000 画素は、報告される七つのセルがすべて雲で、彩度 0.009–0.022。飛舟は一つも取っていない。取っているのは「すぐ隣の背景より淡い」という一点だけだ——0.080 対 0.114 と 0.121。しかも左右それぞれ測って数字がほぼ対称なので、構図が作った錯覚ではない。画面で最も強い二つの色は一方が最上縁、一方が最下縁にあり、主体はその真ん中に静かに座っている。

淡さは譲歩ではなく「空気ではない」の印

〈諸界の秘蔵展示室・星と霞〉の一篇は、譲るには淡くすればよいと言った。敷石は主体より 0.12 明るく彩度は四割(0.044 対 0.109)、それでも分離は少しも緩まない(数値は同篇からの引用)。ここでは最も淡い大きな面がまさに主体である。違いは彩度が誰のものかだ。あちらの彩度は物に宿り、この絵の彩度は空気と草に宿る——天頂 0.162、手前の草斜面 0.139(緑帯のピークは 0.267)、そして雲の帯から遠海まで中景一帯は 0.051–0.094 しかない。濃い空気のなかでは、彩度を手放すことがそのまま「私は空気ではない」という宣言になる。だから淡さが決めるのは主従ではなく素材の帰属である。彩度が環境のものか実体のものかを先に測ってから、主体を上へ出すか下へ譲るかを決めること。

いちばん鮮やかに見えるあの小径は、533 画素しかない

右手の草斜面には彩色された小径がうねっていて、橙と黄に見える。画面全体に 330°–60° の暖色検索をかけても 1,019 画素(0.12%)しかない。矩形をその小径に寄せて 30°–90° だけを取ると、残るのは 533 個・平均彩度 0.097。同じ矩形で 90°–180° に落ちる画素は 16,412 個・平均 0.134 である。この「橙の道」の大半は、周りより少し黄に寄った緑にすぎない——〈エルトン海溝・翳る昼〉のあの「暖かさとは画枠のなかの順位である」が、141° の草の上に現れた姿だ。だから配色の話で「暖色の動線」を引くまえに、まず測ること。見た目を信じないこと。

この配色を持ち帰る

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

/* のびのびリゾート・浮かぶ晴天 · Easybreeze Holiday Resort in Floating Clarity — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.56 0.162 254); /* 天頂の青 #1d74d0 */
  --mid-sky: oklch(0.64 0.121 243); /* 中天の青 #3f93cf */
  --airship-teal: oklch(0.52 0.08 234); /* 飛舟の青緑 #347090 */
  --far-sea: oklch(0.86 0.089 217); /* 遠海の白 #8ae0f7 */
  --cloud-white: oklch(0.98 0.012 157); /* 積雲の白 #f2fbf5 */
  --meadow-green: oklch(0.7 0.139 141); /* 草斜面の緑 #6bb35f */
  --painted-path: oklch(0.69 0.097 67); /* 彩り小径の黄 #c48f57 */
  --gradient-easybreeze-holiday-resort: linear-gradient(180deg, oklch(0.56 0.162 254) 0%, oklch(0.64 0.121 243) 22%, oklch(0.91 0.068 213) 42%, oklch(0.86 0.089 217) 56%, oklch(0.71 0.082 197) 78%, oklch(0.7 0.139 141) 100%);
}

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