Cores de destaque do Windows 11

• Referência completa de cores do Windows 11: explore todo o sistema de cores do Windows 11, incluindo as 17 cores da paleta de destaque predefinida, os tokens dinâmicos SystemAccentColor (Light1-Dark3), os pincéis do sistema Fluent Design para controlos, texto, ícones, fundos, superfícies e materiais acrílico/mica, tudo num só lugar.
• Pesquisa e filtro por categoria: encontre rapidamente qualquer cor do Windows 11 pesquisando por nome, HEX, RGB, nome de token ou descrição. Filtre por categoria: Paleta de destaque, Tokens de destaque do sistema, Controlos, Texto e preenchimento, Fundo e superfície ou Tokens Fluent. Poupe tempo a percorrer a documentação da Microsoft.
• Copiar HEX e RGB com um clique: cada cartão de cor inclui botões de cópia para valores HEX e RGB. Quer esteja a desenhar uma app WinUI, uma interface web ou apenas precise da cor exata do Windows 11, copie o valor de que precisa com um só clique.
• Valores de tema claro e escuro: inclui entradas separadas para as variantes de tema claro e escuro de texto, ícones, fundos, acrílico, mica, camadas e separadores. Perfeito para criar apps e sites que seguem a linguagem de design do Windows 11 em ambos os modos de tema.

As cores de destaque do Windows 11 são a paleta de cores de todo o sistema que os utilizadores podem personalizar em Definições → Personalização → Cores. A paleta predefinida oferece 17 opções de cor (azul, verde-azulado, verde, verde-floresta, oliva, dourado, laranja, ferrugem, vermelho, arando, púrpura, lavanda, índigo, aço, ardósia, rosa e rosa-claro). Quando o utilizador escolhe uma cor de destaque, esta torna-se o SystemAccentColor e propaga-se dinamicamente por todos os controlos do WinUI: botões, interruptores, deslizadores, barras de progresso, caixas de seleção, botões de opção e muito mais.

O sistema de design Fluent 2 da Microsoft define uma arquitetura completa de tokens de cor para o Windows 11. O sistema assenta em várias famílias de tokens principais:

• SystemAccentColor - Tokens dinâmicos que seguem a cor de destaque escolhida pelo utilizador. Inclui a cor base mais três variantes mais claras (Light1, Light2, Light3) e três mais escuras (Dark1, Dark2, Dark3).
• SolidBackgroundFillColor - Preenchimentos de superfície base, secundários, terciários e quaternários para janelas, painéis, cartões e superfícies aninhadas.
• TextFillColor - Cores de texto primário, secundário, terciário e desativado para os temas claro e escuro.
• Cores de preenchimento de controlos - Tokens dedicados para Button, ToggleSwitch, Slider, CheckBox, RadioButton, ProgressBar e outros controlos do WinUI.

O Windows 11 introduz o Mica e o Acrílico como efeitos de material característicos. O Mica é um material tingido pelo ambiente de trabalho que recolhe a cor do papel de parede para criar um tom subtil e estático nos fundos das janelas. O Acrílico é um material de desfoque semitransparente usado em flyouts, menus de contexto e na app Definições. Ambos têm valores de token próprios para os temas claro e escuro. Embora os valores de cor base sejam apresentados aqui, o efeito visual completo depende do papel de parede e dos parâmetros de desfoque/opacidade aplicados pelo sistema operativo.

O Fluent 2 define tokens de cor semânticos para transmitir estado e informação: Danger (vermelho), Success (verde), Warning (laranja) e Information (azul). Cada um inclui uma cor de primeiro plano e um preenchimento de fundo associado. São usados de forma consistente no Windows 11 para mensagens de erro, diálogos de confirmação, alertas e faixas informativas. Os valores de referência aqui apresentados fornecem as cores exatas tanto do indicador de primeiro plano como do preenchimento de fundo suave usados na linguagem de design Fluent 2.