
Kannazuka in Hazy Daylight
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
青紫の濃さは明度でしか買えない——緑青ならその必要はない。だから暗くなることを拒んだ青い絵は、必ず淡い。神無塚は四枚の稲妻でもっとも明度の床が高く(L p01 0.50)、もっとも濃い 3% の青は L 0.63・彩度 0.122 で止まる。〈武器庫・足元の光〉は同じ 210°–270° の窓を L 0.42 まで沈め、同族の青が 0.211 まで上がる。濃さを買えないこの絵は面積で払う——青 17.19% に藍 77.93%、画面の九割五分が同じひとつの事柄である。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* 神無塚・霞の昼 · Kannazuka in Hazy Daylight — Teyvat Palette */
:root {
--open-sky: oklch(0.68 0.11 240); /* 空の青 #51a1d5 */
--miasma-violet: oklch(0.65 0.155 281); /* 穢れの紫 #8081ea */
--cliff-shadow: oklch(0.58 0.079 242); /* 崖影の青 #4e80a5 */
--haze-meadow: oklch(0.71 0.082 196); /* 霞草の青 #5db2b2 */
--sandbar-teal: oklch(0.64 0.074 204); /* 洲の青 #5099a1 */
--lagoon-blue: oklch(0.66 0.099 227); /* 汀の青 #459ec1 */
--gradient-kannazuka: linear-gradient(180deg, oklch(0.68 0.11 240) 0%, oklch(0.65 0.155 281) 22%, oklch(0.58 0.079 242) 42%, oklch(0.71 0.082 196) 62%, oklch(0.64 0.074 204) 80%, oklch(0.66 0.099 227) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。