
Bayt Al-Hayah under a Single Shaft
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
暗い絵に焦点が立つかどうかは、その光に属さない色相が一つでもあるかで決まる——アル・ハヤー宮殿には一つも無い。全画面の 270°–45° にはわずか 30 画素しかなく、いちばん赭石らしく見えるあの台地ですら実測 141° である。だから彩度の額度(p99 0.065 から中央値 0.027 を引いた値)は 0.038 しかなく、同じ四つの宮殿のなかで最も低い。一方その明度の額度 0.34 は、残る三枚の 0.37 / 0.39 / 0.45 と同じ段に並ぶ。暗い場では明度は公有、彩度は私有なのだ:よその色相が使えないなら、焦点は明度に架け替えるしかなく、その原資は 45.48% の無彩の暗い岩から先に貯めておかねばならない。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* アル・ハヤー宮殿・一条の光 · Bayt Al-Hayah under a Single Shaft — Teyvat Palette */
:root {
--rift-cyan: oklch(0.63 0.066 188); /* 裂け目の青 #579690 */
--mist-pool: oklch(0.51 0.059 201); /* 霧潭の青 #397074 */
--ledge-chartreuse: oklch(0.47 0.051 104); /* 台地の黄緑 #5f5c3a */
--shaded-shelf: oklch(0.25 0.029 113); /* 陰の段丘 #222313 */
--wall-shadow: oklch(0.21 0.024 109); /* 壁の影 #19190c */
--gradient-bayt-al-hayah: linear-gradient(180deg, oklch(0.21 0.024 109) 0%, oklch(0.63 0.066 188) 18%, oklch(0.47 0.051 104) 45%, oklch(0.25 0.029 113) 62%, oklch(0.51 0.059 201) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。