
Frost Moon in Earthshine
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
目を引くことは彩度が高いことと同じではない。この絵で唯一の暖色は面積 0.24%・彩度 0.063 しかなく、隣にある冷たい青の大気弧(0.072)より低い——それが焦点になれるのは、無彩 35.2% と青 56.5% の場のなかで唯一、青の族に属さない色相だからだ。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 霜月・地照 · Frost Moon in Earthshine — Teyvat Palette */
:root {
--void-black: oklch(0.16 0.022 264); /* 虚空の黒 #080d17 */
--atmos-arc: oklch(0.32 0.072 264); /* 大気の弧 #203157 */
--regolith-grey: oklch(0.54 0.046 270); /* 月土の灰 #646e8a */
--molten-scar: oklch(0.66 0.063 47); /* 熔痕の橙 #b38771 */
--star-white: oklch(0.96 0.02 216); /* 星の白 #e4f6fa */
--gradient-frost-moon: linear-gradient(180deg, oklch(0.16 0.022 264) 0%, oklch(0.32 0.072 264) 58%, oklch(0.54 0.046 270) 82%, oklch(0.45 0.048 263) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。