Teyvat Paletteテイワットパレット
シーンライブラリ
GitHub
ギャラリー
万種母樹・乾いた晴れ
スメール昼乾燥灼けた明るさ孤絶

万種母樹・乾いた晴れ

Harvisptokhm under a Dry Sky

色カード

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

再構成グラデーション

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

0%628cf622%87eef848%8777b674%a580ab100%dbb786

なぜ調和するのか

〈王山庁・苔の光〉は一本の物差しを残した:発光しているとは、画中に見えている光源を明度でも彩度でも越えることだ(苔の潭 L 0.81 / 彩度 0.093 対 天窓 0.71 / 0.066)。この物差しは屋外に持ち出すと折れる——万種母樹のあの水の樹は L 0.89 / 彩度 0.097、空の 0.66 / 0.165 に対して一勝一敗なのに、それが発光していないと言う者はいない。違いは、空が一つの灯ではなく 41.79% の面だということ:全画面で最も濃い 4000 画素は、4000 個すべてが 240°–270° の空の中にある。彩度というチャンネルは、はじめから地上のどれのものでもない。屋外で発光体を作るなら彩度を競わないこと。明度差を十分に取り、そのうえで環境からは生えない色相を一つ与えること。

01

樹の彩度は中央値より 0.006 高いだけ

あの樹は水でできている:樹冠は裏返した水の雲のように宙に浮き、冠の中心から一筋の水が根元へ垂れ、その根の下にようやく小さなオアシスがある。全画面で 165°–215° に落ちる画素を全部すくうと——ほぼこの樹そのものだ——63203 個、6.86%、平均 L 0.89 / 彩度 0.097。全画面の彩度中央値は 0.091、p99 は 0.168:半数の画素より 0.006 濃いだけで、p99 には届きもしない。一方その明度は中央値 0.70 より 0.19 高く、最も明るい 4000 画素のうち 2469 個が樹冠に落ちる(色相 195°–203°、L 0.96–0.97)。残りの多くは左手の陽に灼かれた霞(273°–276°、L 0.96、彩度 0.015)だ。この樹は全財産を明度に賭けている。

02

空が彩度の天井を買い占めた

右上のあの空(0.70, 0.00 から)は実測 L 0.66 / 彩度 0.165 / 色相 266°、その中で最も濃い 3% を取れば 0.169、全画面のピーク 0.179 もこの青帯にある。〈クァワカン断崖・積雲〉はこう言った——パレットの両端は空気に住んでいて、物には住んでいない。画頂のあの濃い青は L 0.62 / 彩度 0.158、雲心は L 0.98 / 0.015、一枚の空が明度と彩度の二つの極値を独占していた。万種母樹はそのうち一つしか渡していない:空の明度 0.66 は全画面の中央値 0.70 より低く、明るい側の端は明け渡されている。そこがこの樹の立てる唯一の場所だ。空が画枠に入った時点で、彩度の順位は自動的に空のものになる。主役に何が残るかは、空が何を明け渡したかを先に見ること。

03

乾いた空気は色相の税を取らない

峡谷の両壁は同じ赤砂岩で、空から遠い順に:左壁(0.00, 0.25 から)は実測 295°、右壁(0.82, 0.45 から)は 322°、手前のあの塊(0.05, 0.60 から)は 329°、谷底の砂地は 75°——最も遠い一塊は空の 266° からわずか 29°、最も近い砂地は 169° 離れている。色相帯は八本すべてに実体があり、無彩は 1.97%。同じ回の須弥の雨林三枚では、湿った空気があらゆるものを 19°–65° という短い区間に折り込んでいた。ここの乾いた空気はほとんど折り込まない。固有色はその場に残り、色域はひとりでに広がる。だからまず空気を見ること:湿った画面では色相が空気に取り立てられるので、作り変えられていない原色を一つ残せばそれが焦点になる。乾いた画面では色相はすでに使い切られていて、焦点は明度にしか探せない。

この配色を持ち帰る

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

/* 万種母樹・乾いた晴れ · Harvisptokhm under a Dry Sky — Teyvat Palette */
:root {
  --dry-sky: oklch(0.66 0.165 266); /* 旱天の青 #628cf6 */
  --water-crown: oklch(0.89 0.097 204); /* 水冠の青碧 #87eef8 */
  --pale-trunk: oklch(0.72 0.049 317); /* 枯幹の褐 #b19cb9 */
  --haze-wall: oklch(0.61 0.095 295); /* 霞壁の紫 #8777b6 */
  --sandstone-rose: oklch(0.65 0.076 322); /* 砂岩の桃 #a580ab */
  --canyon-sand: oklch(0.8 0.077 75); /* 谷底の砂 #dbb786 */
  --gradient-harvisptokhm: linear-gradient(180deg, oklch(0.66 0.165 266) 0%, oklch(0.89 0.097 204) 22%, oklch(0.61 0.095 295) 48%, oklch(0.65 0.076 322) 74%, oklch(0.8 0.077 75) 100%);
}

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