
Spiritstone in a Lone Light
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
灰は一つの色ではなく、二つの色温度が同じ面の上で打ち消し合って生じる差額である——この洞窟には光が一束しかないので、灰の画素を一つも出せない:無彩 0.00%、そして色相環の 255° 幅の窓(`270°–165°`)は nothing matched を返す。中性の面が欲しいなら、まず画中に光が何束あるかを数えること。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 霊石・孤つの光 · Spiritstone in a Lone Light — Teyvat Palette */
:root {
--cavern-blue: oklch(0.38 0.065 233); /* 洞の青 #17485f */
--far-rock: oklch(0.29 0.051 236); /* 遠い岩 #0d2f41 */
--near-rock: oklch(0.48 0.068 232); /* 近い岩 #31647d */
--pillar-blue: oklch(0.63 0.094 230); /* 柱身の青 #4494b7 */
--core-cyan: oklch(0.86 0.106 196); /* 石芯の青碧 #72e7e8 */
--gradient-spiritstone: linear-gradient(180deg, oklch(0.29 0.051 236) 0%, oklch(0.86 0.106 196) 25%, oklch(0.63 0.094 230) 50%, oklch(0.48 0.068 232) 75%, oklch(0.35 0.059 225) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。