
Fontaine Research Institute of Kinetic Energy Engineering Region in Clear Daylight from Above
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
画面に見えている空は、たいてい画面のものを照らしている空ではない。この高空からの俯瞰は上縁が地平線に貼りついており、空は実測 L 0.87 / 彩度 0.070、左中右を分けて測っても 0.075 / 0.073 / 0.073、一画素も 0.099 を越えない。いっぽう全画面で最も彩度の高い 4000 画素のうち 3610 画素は、中央の尖峰の光の当たっていない岩肌にうずくまっている——L 0.53 / 彩度 0.191 / 色相 264°、ピークは 0.234。逆光面が唯一の光源より 2.7 倍濃いのは、それを染めているのがフレームの外の天頂だからだ。影の色を画面の空から拾ってはいけない——その読みはすでに空気に書き換えられている。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* フォンテーヌ運動エネルギー工学科学研究院地区・晴れの俯瞰 · Fontaine Research Institute of Kinetic Energy Engineering Region in Clear Daylight from Above — Teyvat Palette */
:root {
--haze-sky: oklch(0.87 0.07 238); /* 霞天の青 #a9dcfd */
--far-sea: oklch(0.84 0.094 235); /* 遠海の青 #8cd5ff */
--ridge-shade: oklch(0.53 0.191 264); /* 峰影の紫 #3061d8 */
--lit-rock: oklch(0.65 0.089 242); /* 受光の岩 #5c96c1 */
--shoal-pool: oklch(0.68 0.086 188); /* 浅潭の青碧 #51aaa2 */
--slope-green: oklch(0.74 0.121 147); /* 斜面の草の緑 #74c07d */
--gradient-fontaine-research-institute-of-kinetic-energy-engineering-region: linear-gradient(180deg, oklch(0.87 0.07 238) 0%, oklch(0.84 0.094 235) 18%, oklch(0.53 0.191 264) 34%, oklch(0.65 0.089 242) 52%, oklch(0.68 0.086 188) 76%, oklch(0.74 0.121 147) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。