
Village Chief's House in Slanting Light
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
灰は彩度のつまみが持ち去るのではない、二つ目の色相が引き取っていくのだ:同じ「アアル村」の二枚は、最も明るい一撮みが同じ値を返す(L 1.00、彩度 0.003)。明度の上端は 1.00 対 0.98 でほとんど動かないのに、無彩は 27.81% 対 3.36% ——8.3 倍の開きがある。こちらは陽が暖かく、空が 233° の冷たい青。だから行き場のなかった逆光面がそろって紫・桃・赤を名乗り直し、43.55% を占め、灰は左上のあの雲ひとつだけになった。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 「アアル村」村長の家・斜めの陽 · Village Chief's House in Slanting Light — Teyvat Palette */
:root {
--last-white-cloud: oklch(0.99 0.003 130); /* 残された白い雲 #fbfcfa */
--zenith-blue: oklch(0.89 0.047 233); /* 天頂の青 #bde1f5 */
--sunlit-sand: oklch(0.79 0.11 59); /* 陽の当たる砂金 #efa971 */
--overhang-tan: oklch(0.48 0.068 34); /* 覆いかぶさる崖の褐 #7f4f44 */
--rock-shadow-violet: oklch(0.45 0.059 295); /* 岩影の紫 #574f73 */
--cliff-shadow-rose: oklch(0.35 0.047 326); /* 崖影の淡紅 #473248 */
--sunlit-awning: oklch(0.88 0.114 86); /* 透ける帳の黄 #f9d27c */
--gradient-village-chiefs-house: linear-gradient(180deg, oklch(0.99 0.003 130) 0%, oklch(0.89 0.047 233) 10%, oklch(0.48 0.068 34) 35%, oklch(0.35 0.047 326) 60%, oklch(0.79 0.11 59) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。