
Adventurers' Guild Inazuma at Sunset
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
光が色を帯びた瞬間、中性の予算はゼロになる。同じ矩形でカウンター前の地面を測ると、ここは彩度 0.058、色相 46°、モンドの一枚は 0.022、201°。全画面の無彩は 8.09% しか残らず、絵は節約できなかった対比をすべて彩度に賭け直す——中央値 0.053、ピーク 0.231、四枚の冒険者協会のいずれも最高値である。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 冒険者協会(稲妻)・夕映え · Adventurers' Guild Inazuma at Sunset — Teyvat Palette */
:root {
--sunset-sky: oklch(0.73 0.132 35); /* 夕空の橙 #ee876d */
--lantern-glow: oklch(0.74 0.141 67); /* 提灯の灯 #e59739 */
--dark-timber: oklch(0.28 0.04 2); /* 軒木の暗紅 #392027 */
--noren-violet: oklch(0.32 0.071 325); /* 暖簾の紫 #452547 */
--warm-flagstone: oklch(0.5 0.058 46); /* 石畳の暖灰 #7f5947 */
--gradient-adventurers-guild-inazuma: linear-gradient(180deg, oklch(0.73 0.132 35) 0%, oklch(0.28 0.04 2) 30%, oklch(0.32 0.071 325) 52%, oklch(0.74 0.141 67) 66%, oklch(0.5 0.058 46) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。