Blue
rgb(0, 120, 212)
Windows 11 default accent colour
Durchsuchen Sie das komplette Farbsystem von Windows 11: 17 Farben der Standard-Akzentpalette, dynamische SystemAccentColor-Token (Light1 bis Dark3), Fluent-2-Design-Token für Steuerelemente (Schaltflächen, Umschalter, Schieberegler, Fortschrittsbalken), Text- und Füllfarben für helles und dunkles Design, Hintergrund- und Oberflächenfüllungen (einschließlich Mica- und Acryl-Basisfarben) sowie semantische Token für die Zustände Gefahr, Erfolg, Warnung und Information. Suchen Sie nach Name, HEX oder Token-Namen, filtern Sie nach 6 Kategorien und kopieren Sie HEX- oder RGB-Werte mit einem Klick. Ohne Anmeldung.
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
Die Windows-11-Akzentfarben sind die systemweite Farbpalette, die Nutzer unter Einstellungen → Personalisierung → Farben anpassen können. Die Standardpalette bietet 17 Farbauswahlmöglichkeiten (Blau, Blaugrün, Grün, Waldgrün, Oliv, Gold, Orange, Rost, Rot, Cranberry, Violett, Lavendel, Indigo, Stahl, Schiefer, Pink, Rosé). Wenn ein Nutzer eine Akzentfarbe wählt, wird sie zur SystemAccentColor und breitet sich dynamisch über alle WinUI-Steuerelemente aus - Schaltflächen, Umschalter, Schieberegler, Fortschrittsbalken, Kontrollkästchen, Optionsfelder und mehr.
Das Fluent-2-Designsystem von Microsoft definiert eine umfassende Farb-Token-Architektur für Windows 11. Das System basiert auf mehreren zentralen Token-Familien:
Windows 11 führt Mica und Acryl als charakteristische Materialeffekte ein. Mica ist ein desktop-getöntes Material, das die Hintergrundbildfarbe aufnimmt und eine subtile, statische Tönung auf Fensterhintergründen erzeugt. Acryl ist ein halbtransparentes Unschärfematerial, das in Flyouts, Kontextmenüs und der Einstellungen-App verwendet wird. Beide haben eigene Token-Werte für helles und dunkles Design. Während die Basisfarbwerte hier aufgeführt sind, hängt der vollständige visuelle Effekt vom Desktop-Hintergrundbild und den vom Betriebssystem angewendeten Unschärfe-/Deckkraftparametern ab.
Fluent 2 definiert semantische Farb-Token zur Vermittlung von Status und Information: Danger (Rot), Success (Grün), Warning (Orange) und Information (Blau). Jeder enthält eine Vordergrundfarbe und eine zugehörige Hintergrundfüllung. Sie werden in Windows 11 durchgängig für Fehlermeldungen, Bestätigungsdialoge, Warnhinweise und Infobanner verwendet. Die hier angegebenen Referenzwerte liefern die exakten Farben sowohl für die Vordergrundanzeige als auch für die sanfte Hintergrundfüllung der Fluent-2-Designsprache.
Die Windows-11-Akzentfarben sind die systemweiten Farben für Taskleiste, Startmenü, Titelleisten, Hyperlinks und WinUI-Steuerelemente. Nutzer können aus 17 Standardfarben wählen oder in den Einstellungen eine eigene Farbe festlegen. Die Akzentfarbe wird als SystemAccentColor durch das gesamte Fluent-2-Design-Token-System weitergegeben.
Kopieren Sie die HEX- oder RGB-Werte jeder Farbkarte mit einem Klick. Sie können nach Name, HEX-Wert, Token-Namen oder Beschreibung suchen. Filtern Sie nach Kategorie, um bestimmte Farbtypen zu finden: Akzentpalette, System-Token, Steuerelemente, Text/Füllung, Hintergründe oder Fluent-Token.
Ja. Text-, Symbol-, Hintergrund-, Oberflächen-, Acryl-, Mica-, Ebenen- und Trennlinienfarben enthalten separate Einträge für helles und dunkles Design. Jeder Eintrag ist im Namen klar mit „(Light)“ oder „(Dark)“ gekennzeichnet.
Ja. 100 % kostenlos, ohne Anmeldung, ohne Premium-Stufe und ohne Nutzungslimits. Alle Farbdaten sind statisch und werden sofort in Ihrem Browser geladen.