稲妻昼夢幻清透神性

海祇島・蜃気の境

Watatsumi Island, Mirage

色カード

色をクリックすると HEX をコピー、ホバーで OKLCH 値を表示します。

再構成グラデーション

シーンから蒸留したグラデーションをストップ順に左から右へ展開。完成角度は 180°(ヒーローとエクスポートで使用)、ギャラリーのカードは一律 135° の斜めで表示します。

0%6fc9f428%e6c1dc55%98cff880%73a1ca100%657bc3

なぜ調和するのか

夢のような感触には機械的な処方がある。すべての色を色空間の右上の隅へ閉じ込めること——五つの色相帯の平均が例外なく L 0.60–0.87、C 0.05–0.11 に収まり、この区間の中では粉色の貝と青い崖という遠縁までもが一つの家族になる。

高明度・低彩度こそが夢である

画面の各色相帯の平均は、一つの例外もなく L 0.60–0.87、C 0.05–0.11 に落ちる。夢幻は正しい色相を選ぶことで得られるのではなく、パレット全体を「明るく、彩度の低い」区間へ押し込むことで得られる——どんな色の組でもこの隅に入れば、気質はたちまち柔らかくなる。

粉を白として使う

珊瑚宮の貝は実測 L 0.85、C 0.055——白い雲まで彩度一段の距離しかない。最大の建築主材でありながら騒がしくないのは、ここでそれが「色のついた白」を演じているからだ。高明度の淡い粉は極めて優秀な中性の素材色であり、純白より体温がひとつ多い。

飽和を許されているのは紫だけ

紫の木は平均 C 0.11、ピーク 0.23 で画面の彩度最高点となり、面積は 7.7%。全員が低彩度の画面はやがて霧へ散ってしまうから、どこかに一つ「目の覚めた」色相が要る——一族だけに規格外を許し、残りは規律を守らせること。それがパステルが甘くなりすぎない鍵である。

この配色を持ち帰る

CSS 変数、Tailwind v4 テーマ、または SVG。ワンクリックでプロジェクトへコピーできます。

/* 海祇島・蜃気の境 · Watatsumi Island, Mirage — Teyvat Palette */
:root {
  --clear-sky: oklch(0.795 0.106 231.5); /* 晴空の青 #6fc8f4 */
  --mirage-mist: oklch(0.831 0.081 240.9); /* 蜃気の霧 #98cff8 */
  --coral-shell: oklch(0.851 0.055 336.2); /* 珊瑚の粉 #e6c1dc */
  --haze-cliff: oklch(0.692 0.078 246.1); /* 霧崖の青 #73a1ca */
  --spirit-violet: oklch(0.597 0.113 270.3); /* 霊紫 #667bc3 */
  --gradient-watatsumi-island: linear-gradient(180deg, oklch(0.795 0.106 231) 0%, oklch(0.851 0.055 336) 28%, oklch(0.831 0.081 241) 55%, oklch(0.692 0.078 246) 80%, oklch(0.597 0.113 270) 100%);
}

1080×1350 の PNG。元の風景・パレット・カラーコードが入っているので、保存してそのまま投稿できます。