Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
アカツキワイナリー・金の昼
モンド昼燦爛軽やか満開

アカツキワイナリー・金の昼

Dawn Winery in Windblume Gold

色カード

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

再構成グラデーション

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

0%3675b218%f8fdff30%b3a8dd50%ecdb3f72%9ab54e88%609893100%d87e45

なぜ調和するのか

発光は芯と縁の二つの勘定であり、白昼では二つめのほうが決定的になる——雲は実測 L 0.86、彩度 0.072、光柱の芯は L 0.88、彩度 0.022。明度の差はわずか 0.02 で、芯は彩度を手放すことでようやく雲と分かれる。それを一条の光として読ませているのは、それを囲む 270°–345° のほうだ。画面全体にある 11,500 画素のうち 11,336 画素が光柱のあの一本の縦帯に集まり、x 0.60 より右の画面には一画素も無い。発光体を描くなら、まずそれが何と区別されねばならないかを問い、それから縁をどの色相へ向かわせるかを決めること。

01

雲と光は、同じだけ明るい

右手の白い雲は実測 L 0.86、彩度 0.072、色相 228°、画面上縁の一団は L 0.86、彩度 0.083、230°。神像の背後で弾ける光は L 0.88、彩度 0.022 で、もっとも明るい一群にいたっては L 0.99、彩度 0.006 である。明度では両者は 0.02 しか違わず、分けているのは彩度だ——彩度を手放したほうが光として読まれる。そしてそれはこの絵では贅沢な支出でもある。彩度 0.025 を下回る画素は全体の 2.26% しかなく、緑 43.39% と青 41.76% がすでに 85.15% の面積を分け合っている(祭りの金の梢はその受光面が実測 103°、斜面の草の 122° と同じ緑の帯の中にいる)。「色相を持たない」ことは、この絵がほとんど買えないものなのだ。

02

この絵で唯一の紫は、すべて光柱に生えている

270°–345° のこの一段は画面全体で 11,500 画素しかなく、しかもほとんど散らばらない。光柱のある x 0.42–0.60 の縦帯に、上半分で 8,125 画素、神像の台座あたりで 3,211 画素、合わせて 11,336 画素、98.6% が収まる。左側 42% の画面には 164 画素しか残らず、x 0.60 より右の画面は nothing matched を返す。この暈の平均は 294°、彩度 0.075、明度 0.76——包んでいる芯よりも色相を持ち、全画の明度中央値 0.60 より 0.16 高い。光の色は光の中ではなく、光の縁にある。

03

縁がどこへ転ぶかは、何と区別されたいかで決まる

〈ジオード鉱坑道・晶の灯〉のあの晶柱は、縁が 127° から 186° まで転び、洞壁の 225° へ向かっていた——闇と区別されればよいのだから、環境色を借りれば足りる。ここでは逆に走る。暈の 294° は空の 250°、斜面の草の 122°、金の梢の 103° をことごとく避け、この絵の他所には 164 画素しかない色相の一段に落ちる。雲と区別されねばならず、その雲も同じだけ明るく、同じだけ白いからだ。発光を描くとき、芯を明るく白くすることばかりに気を取られてはいけない。まず画面の中で他に何が白いのかを確かめ、そのうえで、それらが身に着けていない色相を光のために一巡り選ぶこと。

この配色を持ち帰る

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

/* アカツキワイナリー・金の昼 · Dawn Winery in Windblume Gold — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.55 0.115 250); /* 高空の青 #3675b2 */
  --windblume-gold: oklch(0.88 0.167 103); /* 風花の金 #ecdb3f */
  --slope-grass: oklch(0.73 0.133 122); /* 斜面の草 #9ab54e */
  --beam-core: oklch(0.99 0.006 220); /* 光柱の芯 #f8fdff */
  --halo-violet: oklch(0.76 0.075 294); /* 暈の紫 #b3a8dd */
  --paper-pinwheel: oklch(0.68 0.133 51); /* 紙風車の橙 #d87e45 */
  --windwheel-aster: oklch(0.64 0.06 188); /* 風車菊の青 #609893 */
  --gradient-statue-of-the-seven-dawn-winery-windblume: linear-gradient(180deg, oklch(0.55 0.115 250) 0%, oklch(0.99 0.006 220) 18%, oklch(0.76 0.075 294) 30%, oklch(0.88 0.167 103) 50%, oklch(0.73 0.133 122) 72%, oklch(0.64 0.06 188) 88%, oklch(0.68 0.133 51) 100%);
}

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