Colores de acento de Windows 11

• Referencia completa de colores de Windows 11: explora todo el sistema de color de Windows 11, incluidos los 17 colores de la paleta de acento predeterminada, los tokens dinámicos SystemAccentColor (Light1-Dark3), los pinceles del sistema Fluent Design para controles, texto, iconos, fondos, superficies y materiales acrílicos/mica, todo en un mismo lugar.
• Búsqueda y filtro por categoría: encuentra rápidamente cualquier color de Windows 11 buscando por nombre, HEX, RGB, nombre de token o descripción. Filtra por categoría: Paleta de acento, Tokens de acento del sistema, Controles, Texto y relleno, Fondo y superficie o Tokens Fluent. Ahorra tiempo rebuscando en la documentación de Microsoft.
• Copiar HEX y RGB con un clic: cada tarjeta de color incluye botones de copiar tanto para HEX como para RGB. Ya sea que diseñes una app WinUI, una interfaz web o simplemente necesites el color exacto de Windows 11, copia el valor que necesites con un solo clic.
• Valores de tema claro y oscuro: incluye entradas separadas para las variantes de tema claro y oscuro de texto, iconos, fondos, acrílico, mica, capas y divisores. Perfecto para crear apps y webs que sigan el lenguaje de diseño de Windows 11 en ambos modos de tema.

Los colores de acento de Windows 11 son la paleta de color de todo el sistema que los usuarios pueden personalizar en Configuración → Personalización → Colores. La paleta predeterminada ofrece 17 opciones de color (azul, verde azulado, verde, verde bosque, oliva, dorado, naranja, óxido, rojo, arándano, púrpura, lavanda, añil, acero, pizarra, rosa y rosa palo). Cuando un usuario elige un color de acento, este se convierte en el SystemAccentColor y se propaga dinámicamente por todos los controles de WinUI: botones, interruptores, deslizadores, barras de progreso, casillas, botones de opción y más.

El sistema de diseño Fluent 2 de Microsoft define una arquitectura completa de tokens de color para Windows 11. El sistema se basa en varias familias de tokens clave:

• SystemAccentColor: tokens dinámicos que siguen el color de acento elegido por el usuario. Incluye el color base más tres variantes más claras (Light1, Light2, Light3) y tres más oscuras (Dark1, Dark2, Dark3).
• SolidBackgroundFillColor: rellenos de superficie base, secundarios, terciarios y cuaternarios para ventanas, paneles, tarjetas y superficies anidadas.
• TextFillColor: colores de texto primario, secundario, terciario y deshabilitado para temas claro y oscuro.
• Colores de relleno de controles: tokens específicos para Button, ToggleSwitch, Slider, CheckBox, RadioButton, ProgressBar y otros controles de WinUI.

Windows 11 introduce Mica y Acrílico como efectos de material característicos. Mica es un material con tinte de escritorio que toma el color del fondo de pantalla para crear un tinte sutil y estático en los fondos de las ventanas. Acrílico es un material de desenfoque semitransparente que se usa en elementos flotantes, menús contextuales y la app Configuración. Ambos tienen valores de token propios para tema claro y oscuro. Aunque aquí se indican los valores de color base, el efecto visual completo depende del fondo de pantalla del escritorio y de los parámetros de desenfoque/opacidad que aplique el sistema operativo.

Fluent 2 define tokens de color semánticos para transmitir estado e información: Danger (rojo), Success (verde), Warning (naranja) e Information (azul). Cada uno incluye un color de primer plano y un relleno de fondo asociado. Se usan de forma coherente en Windows 11 para mensajes de error, diálogos de confirmación, alertas y avisos informativos. Los valores de referencia que se ofrecen aquí proporcionan los colores exactos tanto del indicador de primer plano como del relleno de fondo suave que usa el lenguaje de diseño Fluent 2.