Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
無名の剣塚・晴れた昼
モンド昼澄明青々静謐

無名の剣塚・晴れた昼

Forgotten Sword Cemetery in Fair Daylight

色カード

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

再構成グラデーション

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

0%4469a122%9b776845%a98e5970%607f4a100%4c9ea4

なぜ調和するのか

174° をまたいでなお崩れないのは、無彩の地があるからではない——黄 25.54%、緑 31.46%、シアン 12.65%、青 21.24% が首尾つながって 45°–270° の弧を埋め、画面全体の無彩はわずか 6.79%。跨ぎを切れ目のない坂に敷き直し、最も細い段にも一割の面積を残せば、両端がどれだけ離れていても同じひとつの場所として読める。

01

あの灰色の岩は灰色ではない

左右の壁は灰色の岩に見えるが、実測は左が 77°・彩度 0.052、右が 42°・彩度 0.051——中性の地ではなく、黄の帯 25.54% の主な出どころそのものである。画面の無彩(C<0.025)は 6.79% しかない。同じ物差しでドラゴンスパインは 39.47%——あちらは何も語らない灰の大面積が三つの色相を隔てていたが、この絵には使える灰が一片もない。遠く離れた色を共存させるには、沈黙する地を与えるほかに、あいだの一段ずつに口を開かせるという手がある。

02

最も細い段でも 12.65%

四つの帯の面積は 31.46%、25.54%、21.24%、12.65% で、三分の一を超えるものがひとつもない。彩度は 0.086、0.058、0.082、0.069——最大でも最小の一倍半に届かない。ヴァナラーナが「灰なしの調和」に付けた二つの条件、色相を隣り合う二族に収めること、彩度で一倍の主従をつくること——ここではどちらも満たされておらず、灰もやはりほとんどない(6.79% 対 1.43%)。代わりに支えているのは、坂に欠けた段がないことだ。浅瀬神社の跨ぎもここと同じ 174° だが、中間には 3.47% と 1.01% の細い隙間しか残っておらず、彩度の中央値は 0.052——こちらは 0.072 である。ひとつの画面で四つの色相を同時に使いたいなら、灰を足す前に、あいだの二段を省いていないか確かめること。

03

唯一はみ出した朱は幹に刻まれている

彩度の最も高い 4000 画素のうち 1544 個が 0°–60° に落ち、(0.55, 0.13) と (0.54, 0.17) に集まっている——交差した枯木を横切る、あの朱の刻み跡だ。その一角の最も飽和した 3% は実測 31°・彩度 0.211、ピークは 0.230 で、画面で二番目に高い段(緑の 0.161)の 1.4 倍。しかも赤と橙の二帯を合わせても面積は 1.07% しかない。位置に注目したい——坂の暖端は 45° で止まっており、この一筆は坂がもう一段だけ外へ踏み出したものであって、向かい側から借りた色ではない。坂を敷き終えた画面では、アクセントは向かいを探すより坂の次の一段から取るほうが確かだ。

この配色を持ち帰る

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

/* 無名の剣塚・晴れた昼 · Forgotten Sword Cemetery in Fair Daylight — Teyvat Palette */
:root {
  --zenith-blue: oklch(0.52 0.098 258); /* 天頂の青 #4469a1 */
  --sword-pool-teal: oklch(0.65 0.08 202); /* 剣淵の碧 #4c9ea4 */
  --meadow-green: oklch(0.56 0.086 133); /* 草坡の緑 #607f4a */
  --trunk-moss: oklch(0.66 0.078 84); /* 枯木の苔 #a98e59 */
  --cliff-ochre: oklch(0.6 0.051 42); /* 崖の黄土 #9b7768 */
  --rune-vermilion: oklch(0.62 0.211 31); /* 呪紋の朱 #ea3f28 */
  --gradient-forgotten-sword-cemetery: linear-gradient(180deg, oklch(0.52 0.098 258) 0%, oklch(0.6 0.051 42) 22%, oklch(0.66 0.078 84) 45%, oklch(0.56 0.086 133) 70%, oklch(0.65 0.08 202) 100%);
}

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