
Hiisi Island in the Last Light
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 45°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
明度は並ぶことができるが、無彩は並べない。最も明るい 4000 画素のうち 3796 画素を空が取っていき(L 0.87、彩度 0.070 と 0.074)、崖に光る紋様には 204 画素しか残らない——その明度 0.88 は空よりわずか 0.01 高いだけである。この二つの面を分けているのは彩度 0.015 対 0.074 だ。全画面の無彩はわずか 0.10%、〈来歆山・浮かぶ嵐気〉の「灰がいちばん希少」な画面ですら 2.67% だった。ここまで希少なら、204 画素で一枚の絵の唯一の光になれる。発光をつくるとき、最も明るい座を争ってはいけない。全画面で唯一色相を手放したものになること。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* ヒーシ島・残る光 · Hiisi Island in the Last Light — Teyvat Palette */
:root {
--cliff-stone: oklch(0.3 0.096 272); /* 崖岩の紫 #1e275d */
--crystal-fern: oklch(0.32 0.093 259); /* 晶草の青 #123161 */
--tide-sand: oklch(0.32 0.08 267); /* 潮砂の紫 #20305b */
--deep-water: oklch(0.51 0.202 268); /* 深海の青 #3655d7 */
--shore-haze: oklch(0.87 0.072 297); /* 岸の靄 #d9cbff */
--sigil-white: oklch(0.88 0.015 273); /* 符光の白 #d4d7e2 */
--gradient-lunar-treasury-hiisi-island-location-context: linear-gradient(45deg, oklch(0.3 0.096 272) 0%, oklch(0.38 0.129 266) 55%, oklch(0.51 0.202 268) 78%, oklch(0.87 0.072 297) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。