Windows 11 の色

Windows 11 では、ユーザー インターフェイス要素間の視覚的な階層と構造を示して、ユーザーがタスクに集中できるように色を採用しています。 色は適切なコンテキストであり、落ち着きのある基本部分が用意され、ユーザーの操作性をさりげなく向上させ、必要な場合にのみ重要な項目が強調されるように色が使用されています。

カラー モード

カラー ヒーロー画像

Windows 11 では、淡色と濃色の 2 つのカラー モードがサポートされています。 各モードは、最適なコントラストを確保するために自動的に調整される、ニュートラル カラー値のセットで構成されています。

淡色と濃色のどちらのモードでも、より濃い色は、重要度の低い背景面を示します。 重要な表面は、より明るい色で強調表示されます。 詳細については、「 レイヤー化 昇格 」を参照してください。

アクセント カラー

ライト モードの各種コントロール

ダーク モードの各種コントロール

アクセント カラーは、ユーザー インターフェイスの重要な要素を強調し、対話型オブジェクトまたはコントロールの状態を示すために使用されます。 アクセント カラー値は、ライト モードとダーク モードの両方で、自動的に生成され、コントラストのために最適化されます。 アクセント カラーは、重要な要素を強調し、対話型の要素の状態に関する情報を伝えるために控えめに使用されています。

ヒント

WinUI 3 ギャラリー アプリには、ほとんどの WinUI 3 コントロールと機能の対話型の例が含まれています。 Microsoft Store からアプリを入手するか、GitHub でソース コードを取得します。