
Main Control Hall, Curtain of Light
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
一枚の光が自分を広げるとき、先に手放すのは彩度であって明度ではない。光の帳を根もとから上へ五段測ると L 0.73 / 0.61 / 0.61 / 0.61 / 0.60、彩度のほうは 0.111 から 0.081 / 0.049 / 0.037 / 0.034 へ落ちていく。だから「一枚の光」が決める彩度の天井は必ず低い——この絵のピーク 0.150 は光の帳の根もとにあり、その光が照らす台座は 0.138、両脇の洞壁は 0.053 と 0.031 しかなく、値をつけられる実物が一つも無い。暗い場面で彩度の上限を守りたいなら、その光をあてにしてはいけない。自分で色を持っている何かを照らさせること。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* メインコントロールホール・光の帳 · Main Control Hall, Curtain of Light — Teyvat Palette */
:root {
--vault-brown: oklch(0.3 0.016 308); /* 洞壁の褐 #302c34 */
--arch-violet: oklch(0.27 0.045 280); /* 岩拱の紫 #22243c */
--curtain-crest: oklch(0.6 0.034 263); /* 帳先の白 #768195 */
--curtain-core: oklch(0.73 0.111 238); /* 帳芯の青 #5eb1e5 */
--dais-blue: oklch(0.33 0.075 273); /* 台座の青 #29325c */
--floor-lichen: oklch(0.42 0.068 253); /* 地衣の青 #314f71 */
--gradient-main-control-hall: linear-gradient(180deg, oklch(0.3 0.016 308) 0%, oklch(0.6 0.034 263) 20%, oklch(0.73 0.111 238) 48%, oklch(0.33 0.075 273) 64%, oklch(0.42 0.068 253) 82%, oklch(0.27 0.045 280) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。