ダークモード向けカラーパレット

ダークモードは明るいテーマの反転ではありません。ここでは背景、一段持ち上がった面、そしてその両方から離れて見えるアクセントがそろっています。多くのダークテーマが崩れるのは、まさにこの点です。

ダークテーマの組み立て方

  • 最も暗い色をページに、その次に明るい色をカードやメニューに。ダークモードの奥行きは影ではなく明度で作ります。
  • 純白の文字は避けます。不透明度87%ほどの明るいグレーのほうが、長時間でも目が楽です。
  • 彩度の高い色は暗い背景の上でちらつきます。暗くするのではなく、アクセントの彩度を少し落としてください。

各パレットの下に示した文字色は、最初の色に対してほぼ黒と白のうちコントラストが高いほうです。ほかの組み合わせを本文に使う前には必ず確認してください。

関連するタグ