
Acara Crafts in Plain Shade
色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。
シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。
色を持たない光は一台の演色計である:同じ一筋の天光が、苔むした崖に当たれば明るいほど濃くなり(葉影の段 L 0.36 / 彩度 0.087 → 受光の段 L 0.64 / 0.144)、広場の敷石に当たれば明るいほど灰になる(同じ下縁を左から右へ L 0.68 / 0.73 / 0.75 / 0.77 に対し彩度 0.024 / 0.016 / 0.016 / 0.018)。一枚の絵の中で、明度と彩度の相関の符号は二つの面で逆を向きうる——そしてその符号が読んでいるのは光ではなく、素材が自分の色相を持っているかどうかである。
CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。
/* アジャンタ彫刻店・素の陰 · Acara Crafts in Plain Shade — Teyvat Palette */
:root {
--moss-cliff-green: oklch(0.62 0.14 145); /* 苔岩の緑 #479c4d */
--leaf-shadow-green: oklch(0.36 0.087 148); /* 葉影の墨緑 #154921 */
--plain-paving: oklch(0.74 0.017 105); /* 素石の白 #acaca0 */
--awning-red: oklch(0.56 0.123 35); /* 天幕の赤 #b05640 */
--thatch-straw: oklch(0.45 0.047 76); /* 茅葺きの黄 #645237 */
--glazed-jar: oklch(0.85 0.042 112); /* 陶壺の白 #ced1b2 */
--gradient-location-acara-crafts: linear-gradient(180deg, oklch(0.36 0.087 148) 0%, oklch(0.62 0.14 145) 30%, oklch(0.56 0.123 35) 55%, oklch(0.45 0.047 76) 72%, oklch(0.74 0.017 105) 100%);
}1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。