
Schulz's Blacksmith by Forge Light
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
「そこに灯がある」と言えるのは色相だけだ。明度は助けにならないどころか、逆のことを言う——同じ敷石を三か所で測ると、陽の当たる場所は L 0.83 で色相 194°、庇の下の陰は L 0.78 で 190°、炉口の真正面は L 0.81 で 49°。明度は三つとも 0.05 の幅に、彩度は 0.005 の幅に収まり(0.019 / 0.022 / 0.024)、「光がどこにあるか」を並べられるのは 145° の色相の反転だけである。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* シュッツ鍛冶屋・炉の灯 · Schulz's Blacksmith by Forge Light — Teyvat Palette */
:root {
--curtain-wall: oklch(0.49 0.035 223); /* 城壁の青灰 #4b656f */
--sunlit-flagstone: oklch(0.83 0.019 194); /* 陽の敷石 #bacbcb */
--shed-flagstone: oklch(0.78 0.022 190); /* 庇下の敷石 #a8bcba */
--forge-lit-stone: oklch(0.81 0.024 49); /* 炉前の敷石 #cfbdb4 */
--forge-fire: oklch(0.62 0.128 40); /* 炉膛の橙 #c66847 */
--wall-grass: oklch(0.46 0.082 151); /* 壁際の草緑 #326540 */
--gradient-schulzs-blacksmith: linear-gradient(180deg, oklch(0.49 0.035 223) 0%, oklch(0.62 0.128 40) 62%, oklch(0.81 0.024 49) 74%, oklch(0.78 0.022 190) 86%, oklch(0.83 0.019 194) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。