Blue
rgb(0, 120, 212)
Windows 11 default accent colour
Просматривайте полную цветовую систему Windows 11: 17 цветов стандартной акцентной палитры, динамические токены SystemAccentColor (Light1-Dark3), токены дизайна Fluent 2 для элементов управления (кнопки, переключатели, ползунки, индикаторы прогресса), цвета текста и заливки для светлой и тёмной темы, заливки фона и поверхностей (включая базовые цвета Mica и Acrylic) и семантические токены для состояний опасности, успеха, предупреждения и информации. Ищите по названию, HEX или имени токена, фильтруйте по 6 категориям и копируйте значения HEX или RGB в один клик. Без регистрации.
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
Акцентные цвета Windows 11 - это системная цветовая палитра, которую пользователи могут настроить в разделе Параметры → Персонализация → Цвета. Стандартная палитра предлагает 17 вариантов цвета (синий, бирюзовый, зелёный, лесной, оливковый, золотой, оранжевый, ржавый, красный, клюквенный, фиолетовый, лавандовый, индиго, стальной, серый, розовый, светлый розовый). Когда пользователь выбирает акцентный цвет, он становится SystemAccentColor и динамически распространяется на все элементы управления WinUI: кнопки, переключатели, ползунки, индикаторы прогресса, флажки, переключатели и другие.
Дизайн-система Microsoft Fluent 2 определяет полную архитектуру цветовых токенов для Windows 11. Система построена на нескольких ключевых семействах токенов:
Windows 11 вводит Mica и Acrylic как характерные эффекты материалов. Mica - материал с оттенком рабочего стола, который берёт цвет обоев и создаёт мягкий статичный оттенок на фоне окон. Acrylic - полупрозрачный материал с размытием, используемый в всплывающих панелях, контекстных меню и приложении «Параметры». У обоих есть отдельные значения токенов для светлой и тёмной темы. Хотя базовые значения цвета приведены здесь, полный визуальный эффект зависит от обоев рабочего стола и параметров размытия/прозрачности, применяемых операционной системой.
Fluent 2 определяет семантические цветовые токены для передачи состояний и информации: Danger (красный), Success (зелёный), Warning (оранжевый) и Information (синий). Каждый включает цвет переднего плана и связанную заливку фона. Они единообразно используются в Windows 11 для сообщений об ошибках, диалогов подтверждения, оповещений и информационных баннеров. Приведённые здесь справочные значения дают точные цвета как индикатора переднего плана, так и мягкой фоновой заливки, применяемых в языке дизайна Fluent 2.
Акцентные цвета Windows 11 - это системные цвета, используемые для панели задач, меню «Пуск», заголовков окон, гиперссылок и элементов управления WinUI. Пользователи могут выбрать один из 17 стандартных цветов или задать собственный в параметрах. Акцентный цвет распространяется как SystemAccentColor по всей системе токенов дизайна Fluent 2.
Копируйте значения HEX или RGB с любой цветовой карточки в один клик. Можно искать по названию, значению HEX, имени токена или описанию. Фильтруйте по категориям, чтобы найти нужные типы цветов: акцентная палитра, системные токены, элементы управления, текст/заливка, фоны или токены Fluent.
Да. Цвета текста, значков, фона, поверхностей, акрила, mica, слоёв и разделителей включают отдельные записи для светлой и тёмной темы. Каждая запись явно помечена «(Light)» или «(Dark)» в названии.
Да. 100 % бесплатно, без регистрации, без премиум-уровня и без ограничений. Все данные о цветах статичны и моментально загружаются в браузере.