Blue
rgb(0, 120, 212)
Windows 11 default accent colour
Parcourez le système de couleurs complet de Windows 11 : 17 couleurs de la palette d'accent par défaut, jetons dynamiques SystemAccentColor (Light1 à Dark3), jetons de design Fluent 2 pour les contrôles (boutons, interrupteurs, curseurs, barres de progression), couleurs de texte et de remplissage pour les thèmes clair et sombre, remplissages d'arrière-plan et de surface (y compris les couleurs de base Mica et Acrylic) et jetons sémantiques pour les états danger, succès, avertissement et information. Recherchez par nom, HEX ou nom de jeton, filtrez par 6 catégories et copiez les valeurs HEX ou RGB en un clic. Sans inscription.
Reference for Windows 11 system accent colours, Fluent 2 design tokens, and the default accent colour palette. Search, filter by category, and copy HEX or RGB values with one click.
Showing 87 of 87 Windows 11 colours
Fluent 2 Design System - Windows 11
Blue
rgb(0, 120, 212)
Windows 11 default accent colour
Teal
rgb(0, 183, 195)
Green
rgb(0, 137, 112)
Forest
rgb(59, 140, 74)
Olive
rgb(105, 128, 42)
Gold
rgb(180, 140, 60)
Orange
rgb(202, 80, 16)
Rust
rgb(142, 86, 46)
Red
rgb(196, 43, 28)
Cranberry
rgb(194, 57, 179)
Purple
rgb(135, 100, 184)
Lavender
rgb(155, 106, 201)
Indigo
rgb(95, 108, 175)
Steel
rgb(105, 121, 126)
Slate
rgb(120, 128, 143)
Originally Pale Blue in older builds
Pink
rgb(231, 72, 86)
Rose
rgb(234, 0, 94)
SystemAccentColor
SystemAccentColor
rgb(0, 120, 212)
Matches user accent - shown with default Blue
SystemAccentColorLight1
SystemAccentColorLight1
rgb(91, 173, 255)
SystemAccentColorLight2
SystemAccentColorLight2
rgb(140, 205, 255)
SystemAccentColorLight3
SystemAccentColorLight3
rgb(199, 224, 244)
SystemAccentColorDark1
SystemAccentColorDark1
rgb(0, 90, 158)
SystemAccentColorDark2
SystemAccentColorDark2
rgb(0, 69, 120)
SystemAccentColorDark3
SystemAccentColorDark3
rgb(0, 47, 84)
Button Background
ButtonBackground
rgb(0, 120, 212)
Follows accent; accent in light, darker in dark
Button Foreground
ButtonForeground
rgb(255, 255, 255)
Button Border
ButtonBorder
rgb(139, 139, 139)
Button Pointer-over
ButtonBackgroundPointerOver
rgb(16, 110, 190)
Button Pressed
ButtonBackgroundPressed
rgb(0, 90, 158)
Toggle On
ToggleSwitchFillOn
rgb(0, 120, 212)
Follows accent colour
Toggle Off
ToggleSwitchFillOff
rgb(139, 139, 139)
Toggle Thumb On
ToggleSwitchKnobFillOn
rgb(255, 255, 255)
Toggle Thumb Off
ToggleSwitchKnobFillOff
rgb(255, 255, 255)
Slider Track
SliderTrackFill
rgb(0, 120, 212)
Follows accent colour
Slider Thumb
SliderThumbFill
rgb(0, 120, 212)
CheckBox Checked
CheckBoxCheckBackgroundFill
rgb(0, 120, 212)
Follows accent colour
RadioButton Selected
RadioButtonOuterEllipseFill
rgb(0, 120, 212)
Progress Bar
ProgressBarFill
rgb(0, 120, 212)
Follows accent colour
Text Primary (Light)
TextFillColorPrimary
rgb(0, 0, 0)
Light theme; dark theme uses high white
Text Secondary (Light)
TextFillColorSecondary
rgb(97, 97, 97)
Text Tertiary (Light)
TextFillColorTertiary
rgb(158, 158, 158)
Text Disabled (Light)
TextFillColorDisabled
rgb(189, 189, 189)
Icon Default (Light)
IconFillColorPrimary
rgb(0, 0, 0)
Icon Secondary (Light)
IconFillColorSecondary
rgb(97, 97, 97)
Icon Disabled (Light)
IconFillColorDisabled
rgb(189, 189, 189)
Accent Text (Light)
AccentTextFillColorPrimary
rgb(0, 90, 158)
Dark accent for readability on white
Text Primary (Dark)
TextFillColorPrimaryDark
rgb(255, 255, 255)
Text Secondary (Dark)
TextFillColorSecondaryDark
rgb(171, 171, 171)
Text Tertiary (Dark)
TextFillColorTertiaryDark
rgb(118, 118, 118)
Text Disabled (Dark)
TextFillColorDisabledDark
rgb(92, 92, 92)
Icon Default (Dark)
IconFillColorPrimaryDark
rgb(255, 255, 255)
Icon Secondary (Dark)
IconFillColorSecondaryDark
rgb(171, 171, 171)
Accent Text (Dark)
AccentTextFillColorPrimaryDark
rgb(91, 173, 255)
Light accent for readability on dark
Background (Light)
SolidBackgroundFillColorBase
rgb(255, 255, 255)
Background Secondary (Light)
SolidBackgroundFillColorSecondary
rgb(249, 249, 249)
Background Tertiary (Light)
SolidBackgroundFillColorTertiary
rgb(242, 242, 242)
Background Quaternary (Light)
SolidBackgroundFillColorQuaternary
rgb(235, 235, 235)
Card Background (Light)
CardBackgroundFillColorDefault
rgb(255, 255, 255)
Acrylic Base (Light)
AcrylicBackgroundFillColorDefault
rgb(246, 246, 246)
Semi-transparent blur material
Mica Base (Light)
MicaBackgroundFillColorDefault
rgb(243, 243, 243)
Desktop wallpaper-tinted material
Background (Dark)
SolidBackgroundFillColorBaseDark
rgb(31, 31, 31)
Background Secondary (Dark)
SolidBackgroundFillColorSecondaryDark
rgb(42, 42, 42)
Background Tertiary (Dark)
SolidBackgroundFillColorTertiaryDark
rgb(50, 50, 50)
Background Quaternary (Dark)
SolidBackgroundFillColorQuaternaryDark
rgb(59, 59, 59)
Card Background (Dark)
CardBackgroundFillColorDefaultDark
rgb(42, 42, 42)
Acrylic Base (Dark)
AcrylicBackgroundFillColorDefaultDark
rgb(44, 44, 44)
Mica Base (Dark)
MicaBackgroundFillColorDefaultDark
rgb(32, 32, 32)
Layer Fill (Light)
LayerFillColorDefault
rgb(255, 255, 255)
Layer Fill Alternate (Light)
LayerFillColorAlternate
rgb(246, 246, 246)
Layer Fill (Dark)
LayerFillColorDefaultDark
rgb(42, 42, 42)
Layer Fill Alternate (Dark)
LayerFillColorAlternateDark
rgb(51, 51, 51)
Fluent Brand Blue
FluentBrandColor
rgb(0, 120, 212)
The Fluent brand colour (same as default accent)
Fluent Commit Blue
FluentCommitColor
rgb(16, 110, 190)
Used for hover/press states
Fluent Danger Red
DangerColor
rgb(196, 43, 28)
Fluent Success Green
SuccessColor
rgb(0, 137, 112)
Fluent Warning Orange
WarningColor
rgb(202, 80, 16)
Fluent Info Blue
InformationColor
rgb(0, 120, 212)
Fluent Error Background
ErrorBackgroundColor
rgb(253, 231, 233)
Fluent Success Background
SuccessBackgroundColor
rgb(223, 246, 221)
Fluent Warning Background
WarningBackgroundColor
rgb(255, 244, 206)
Fluent Info Background
InformationBackgroundColor
rgb(240, 246, 255)
Fluent Link Default
HyperlinkForeground
rgb(0, 120, 212)
Fluent Link Hover
HyperlinkForegroundHover
rgb(0, 69, 120)
Fluent Link Visited
HyperlinkForegroundVisited
rgb(95, 108, 175)
Fluent Divider (Light)
DividerStrokeColorDefault
rgb(224, 224, 224)
Fluent Divider (Dark)
DividerStrokeColorDefaultDark
rgb(68, 68, 68)
Fluent Focus Indicator
FocusStrokeColorDefault
rgb(0, 90, 158)
Focus-reveal border colour
Les couleurs d'accent de Windows 11 sont la palette de couleurs à l'échelle du système que les utilisateurs peuvent personnaliser dans Paramètres → Personnalisation → Couleurs. La palette par défaut propose 17 choix de couleurs (bleu, turquoise, vert, vert forêt, olive, or, orange, rouille, rouge, canneberge, violet, lavande, indigo, acier, ardoise, rose et rose poudré). Lorsqu'un utilisateur sélectionne une couleur d'accent, celle-ci devient la SystemAccentColor et se propage dynamiquement dans tous les contrôles WinUI : boutons, interrupteurs, curseurs, barres de progression, cases à cocher, boutons radio et plus encore.
Le système de design Fluent 2 de Microsoft définit une architecture complète de jetons de couleur pour Windows 11. Le système repose sur plusieurs familles de jetons clés :
Windows 11 introduit Mica et Acrylic comme effets de matière emblématiques. Mica est une matière teintée par le bureau qui échantillonne la couleur du fond d'écran pour créer une teinte subtile et statique sur les arrière-plans de fenêtre. Acrylic est une matière de flou semi-transparente utilisée dans les volets, les menus contextuels et l'application Paramètres. Les deux disposent de valeurs de jetons dédiées pour les thèmes clair et sombre. Bien que les valeurs de couleur de base soient indiquées ici, l'effet visuel complet dépend du fond d'écran du bureau et des paramètres de flou/opacité appliqués par le système.
Fluent 2 définit des jetons de couleur sémantiques pour transmettre un état et une information : Danger (rouge), Success (vert), Warning (orange) et Information (bleu). Chacun inclut une couleur de premier plan et un remplissage d'arrière-plan associé. Ils sont utilisés de façon cohérente dans Windows 11 pour les messages d'erreur, les boîtes de confirmation, les alertes et les bannières d'information. Les valeurs de référence fournies ici donnent les couleurs exactes de l'indicateur de premier plan et du remplissage d'arrière-plan adouci utilisés dans le langage de design Fluent 2.
Les couleurs d'accent de Windows 11 sont les couleurs à l'échelle du système utilisées pour la barre des tâches, le menu Démarrer, les barres de titre, les hyperliens et les contrôles WinUI. Les utilisateurs peuvent choisir parmi 17 couleurs par défaut ou une couleur personnalisée dans les Paramètres. La couleur d'accent se propage en tant que SystemAccentColor dans tout le système de jetons de design Fluent 2.
Copiez les valeurs HEX ou RGB de n'importe quelle carte de couleur en un clic. Vous pouvez rechercher par nom, valeur HEX, nom de jeton ou description. Filtrez par catégorie pour trouver des types précis de couleurs : palette d'accent, jetons système, contrôles, texte/remplissage, arrière-plans ou jetons Fluent.
Oui. Les couleurs de texte, d'icône, d'arrière-plan, de surface, acrylique, mica, de calque et de séparateur comportent des entrées distinctes pour les valeurs de thème clair et sombre. Chaque entrée est clairement libellée « (Light) » ou « (Dark) » dans son nom.
Oui. 100 % gratuit, sans inscription, sans offre premium et sans limite d'utilisation. Toutes les données de couleur sont statiques et chargées instantanément dans votre navigateur.