
Geode Mine Shaft by Crystal Light
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 165°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
自ら発光する物体の境界は、暗くなるのではなく色相が回る。一本の晶柱を核から根元までたどると明度は 0.93 から 0.63 へ落ちるが、彩度はほとんど落ちない(0.182 → 0.126)——落ちるのは色相で、114° から 186° へ、洞壁の環境色 225° のほうへ向かって進む。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* ジオード鉱坑道・晶の灯 · Geode Mine Shaft by Crystal Light — Teyvat Palette */
:root {
--cavern-blue: oklch(0.32 0.048 225); /* 洞岩の青 #133845 */
--crystal-foot: oklch(0.63 0.126 186); /* 晶根の青緑 #00a194 */
--crystal-body: oklch(0.78 0.137 127); /* 晶身の黄 #a0c762 */
--crystal-core: oklch(0.93 0.182 114); /* 晶の核 #e7f54f */
--still-water: oklch(0.58 0.075 189); /* 映る水 #3d8983 */
--gradient-geode-mine-shaft: linear-gradient(165deg, oklch(0.93 0.182 114) 0%, oklch(0.78 0.137 127) 30%, oklch(0.63 0.126 186) 62%, oklch(0.32 0.048 225) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。