璃月昼白く広い日の強さ折り目正しさ

剣鞘鏢局・日晒しの昼

Sword and Strongbox Secure Transport Agency, Sun-Bleached

色カード

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

再構成グラデーション

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

0%c1c7b914%f9856c28%8bbe4248%96493a72%607b74100%68828f

なぜ調和するのか

「日向にいるかどうか」は明度に一切書かなくてよい:同じ一枚の壁で、日を受けた一段は実測 L 0.62 / 彩度 0.014 / 130°、背光の一段は L 0.59 / 0.036 / 231°——明度差はわずか 0.03、彩度は 2.6 倍、色相は 101° も離れている。この絵の 62.42% の無彩はすべて日の当たった面だ:白い光は照らしたものを灰に洗い、影こそがここで唯一色を出す光源である。淡い材質の大面積に階調が欲しくて濁らせたくないなら、明暗で影を描かず「日向は白く洗い、背光は青く染める」でやること。明度は構図に取っておける。

最も明るい面に色が一切ない

広場中央の日を受けた敷石は、17,630 画素の実測が L 0.82 / 彩度 0.020 / 125°、ピークでも 0.030 にしかならない。門前左の日の当たった白壁は L 0.62 / 彩度 0.014 で、全画で最も彩度の低い面である。右下の瓦屋根はさらに徹底して L 0.57 / 彩度 0.003。最も明るい 4000 画素は六つ七つの升目に散り、彩度はすべて 0.015 から 0.024 の間に収まる。この絵の 62.42% の無彩は「作った灰」ではなく、太陽が石を白く焼いたあとに残ったものだ。

色のあるものは全部影の中にいる

全画の 210°–270° は 209,221 画素(22.7%)、平均 L 0.48 / 彩度 0.037 / 233°:左手の背光の高い塀 (0.03, 0.30) は L 0.59 / 0.036 / 231°、影に覆われた敷石は (0.28, 0.74) が L 0.56 / 0.033 / 177°、(0.62, 0.30) が L 0.53 / 0.030 / 185°。同じ石で、日向は 0.020、背光は 0.030 から 0.037。〈シュッツ鍛冶屋・炉の灯〉はこの裏側を測っている:あの敷石は日向が 194°、庇の下の背光が 190°、Δh はわずか 4°、ΔC は 0.005 に満たない——あの絵には「ここは違う」と言ってくれる炉の火があった。この絵にはない。だから「背光」は自分でチャンネルを探すしかなく、それが選んだのは彩度と色相であって、明度ではない。

四か所の朱、日に焼けた一つが倍鮮やか

この絵の暖色は合わせて 14,179 画素(1.54%)、四か所に分かれている:門前に立つ二本の朱の幟、右手の軒下に垂れる小さな三角旗、そして左上の屋根壁に跳ねた朱の飛沫。四か所の色相はほとんど同じ(33° / 33° / 30° / 33°)なのに、彩度は日に当たったかどうかで二段に割れる——三か所は背光にあり、最も鮮やかな 3% は 0.107 / 0.101 / 0.088。飛沫だけが全日射の下にあり、同じ測り方で L 0.74 / 彩度 0.147、ピーク 0.175。全画の天井 0.184 も理屈は同じで、それは朱のものでも石のものでもなく、右上で屋根の稜を越えるあの一本の木のものだ:最も鮮やかな 3% が L 0.74 / 彩度 0.162 / 129°——8.07% の緑が、62.42% が灰の一枚を持ち上げている。

この配色を持ち帰る

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

/* 剣鞘鏢局・日晒しの昼 · Sword and Strongbox Secure Transport Agency, Sun-Bleached — Teyvat Palette */
:root {
  --sunbleached-flagstone: oklch(0.82 0.02 125); /* 日晒しの石 #c1c7b9 */
  --shadowed-flagstone: oklch(0.56 0.033 177); /* 影の中の石 #607b74 */
  --shaded-wall: oklch(0.59 0.036 231); /* 背光の壁 #68828f */
  --banner-vermilion: oklch(0.5 0.107 33); /* 幟の朱 #96493a */
  --sunlit-splash: oklch(0.74 0.147 33); /* 跳ねた紅 #f9856c */
  --rooftop-tree: oklch(0.74 0.162 129); /* 軒越しの緑 #8bbe42 */
  --gradient-sword-and-strongbox-secure-transport-agency-point-of-interest: linear-gradient(200deg, oklch(0.82 0.02 125) 0%, oklch(0.74 0.147 33) 14%, oklch(0.74 0.162 129) 28%, oklch(0.5 0.107 33) 48%, oklch(0.56 0.033 177) 72%, oklch(0.59 0.036 231) 100%);
}

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