
Dawn Winery in Windblume Gold
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
発光は芯と縁の二つの勘定であり、白昼では二つめのほうが決定的になる——雲は実測 L 0.86、彩度 0.072、光柱の芯は L 0.88、彩度 0.022。明度の差はわずか 0.02 で、芯は彩度を手放すことでようやく雲と分かれる。それを一条の光として読ませているのは、それを囲む 270°–345° のほうだ。画面全体にある 11,500 画素のうち 11,336 画素が光柱のあの一本の縦帯に集まり、x 0.60 より右の画面には一画素も無い。発光体を描くなら、まずそれが何と区別されねばならないかを問い、それから縁をどの色相へ向かわせるかを決めること。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* アカツキワイナリー・金の昼 · Dawn Winery in Windblume Gold — Teyvat Palette */
:root {
--zenith-blue: oklch(0.55 0.115 250); /* 高空の青 #3675b2 */
--windblume-gold: oklch(0.88 0.167 103); /* 風花の金 #ecdb3f */
--slope-grass: oklch(0.73 0.133 122); /* 斜面の草 #9ab54e */
--beam-core: oklch(0.99 0.006 220); /* 光柱の芯 #f8fdff */
--halo-violet: oklch(0.76 0.075 294); /* 暈の紫 #b3a8dd */
--paper-pinwheel: oklch(0.68 0.133 51); /* 紙風車の橙 #d87e45 */
--windwheel-aster: oklch(0.64 0.06 188); /* 風車菊の青 #609893 */
--gradient-statue-of-the-seven-dawn-winery-windblume: linear-gradient(180deg, oklch(0.55 0.115 250) 0%, oklch(0.99 0.006 220) 18%, oklch(0.76 0.075 294) 30%, oklch(0.88 0.167 103) 50%, oklch(0.73 0.133 122) 72%, oklch(0.64 0.06 188) 88%, oklch(0.68 0.133 51) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。