
Wangshan Hall, Main Hall in Thin Teal
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
ひとつの色相が認識される敷居は、それがどれだけ鮮やかかではなく、反論する第二の色相がいるかどうかにある:この正堂の彩度中央値はわずか 0.026、無彩と判定する閾値が 0.025、47.66% の画素は正式には灰である——それでもここは紛れもなく青緑の堂だ。画面全体の 270°–45° に、一画素も存在しないからである。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 王山庁・正堂・薄青 · Wangshan Hall, Main Hall in Thin Teal — Teyvat Palette */
:root {
--hall-teal: oklch(0.26 0.028 173); /* 堂の薄青 #152923 */
--lit-terrace: oklch(0.7 0.052 177); /* 台面の青 #7ca99e */
--shaft-beam: oklch(0.54 0.047 193); /* 光柱 #4d7876 */
--vine-green: oklch(0.37 0.042 145); /* 蔓の緑 #324632 */
--lantern-flame: oklch(0.72 0.108 94); /* 灯の焔 #bba34f */
--hall-ink: oklch(0.2 0.019 171); /* 堂壁の墨 #0d1915 */
--gradient-wangshan-hall-main-hall: linear-gradient(180deg, oklch(0.2 0.019 171) 0%, oklch(0.54 0.047 193) 30%, oklch(0.7 0.052 177) 48%, oklch(0.37 0.042 145) 70%, oklch(0.26 0.028 173) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。