Rueda de colores
Primarypalette.primary.light#42a5f5palette.primary.main#1976d2palette.primary.dark#1565c0Secondarypalette.light#ba68c8palette.secondary.main#9c27b0palette.secondary.dark#7b1fa2Errorpalette.error.light#ef5350palette.error.main#d32f2fpalette.error.dark#c62828Warningpalette.warning.light#ff9800palette. warning.main#ed6c02palette.warning.dark#e65100Infopalette.info.light#03a9f4palette.info.main#0288d1palette.info.dark#01579bSuccesspalette.success.light#4caf50palette.success.main#2e7d32palette.success.dark#1b5e20La paleta por defecto utiliza los tonos prefijados con A (A200, etc.) para el color secundario de la paleta,
El valor “tonalOffset” puede ser un número entre 0 y 1, que se aplicará tanto a las variantes claras como a las oscuras, o un objeto con variantes claras y oscuras especificado por el siguiente tipo de TypeScript:
Color de Adobe
El color es una poderosa herramienta de diseño. Puede hacer que una habitación sea relajante, que un cuadro sea emotivo y que un diseño digital sea irresistible para los ojos. Pero quizá te preguntes qué herramientas pueden ayudarte a crear tus propias paletas de colores digitales para utilizarlas en tu trabajo creativo. ¿Cómo puedes probar combinaciones de colores o ampliar una paleta a partir de los colores que ya te gustan?
Tanto si quieres un generador de paletas de colores aleatorio como si ya tienes un código hexadecimal que quieres construir, echa un vistazo a estas diez potentes herramientas para crear esquemas de color digitales de ensueño. Tus diseños web y de aplicaciones, proyectos de moda, diseños de interiores y obras de arte digitales te lo agradecerán.
Khroma es una herramienta gratuita que utiliza la inteligencia artificial para aprender tus preferencias personales de color y luego entrenar un algoritmo de generación de colores. Empieza introduciendo tus cincuenta colores favoritos de una gran cuadrícula de cuadros. Cuando hayas terminado, espera uno o dos minutos para que la herramienta “aprenda” sobre ti, y luego comienza a desplazarte a través de combinaciones de texto y fondo a medida que son perfectas para hacer elecciones de tipografía para proyectos web y de impresión.
Diseñador de esquemas de color
Crear paletas visualmente equidistantes es básicamente imposible de hacer a mano, pero es enormemente importante para las visualizaciones de datos. ¿Por qué? Cuando los colores no son visualmente equidistantes, es más difícil (a) distinguirlos en el gráfico, y (b) comparar el gráfico con la clave. Seguro que todos hemos visto gráficos en los que apenas se puede utilizar la clave porque los colores de los datos son muy similares.
Este selector de color le permite especificar los dos extremos de la paleta. Puedes elegir que al menos uno sea un color de marca, lo que te da una gran flexibilidad para crear una paleta que funcione para tus visualizaciones, pero que esté personalizada para tu marca.
El generador de escala de un solo tono es más útil para las visualizaciones en las que se muestra el valor de una sola variable. Normalmente, la variación más oscura representará un valor más alto, y un color neutro (incluso el blanco) representará un valor más cercano a cero.
En un gráfico circular o de barras, el tamaño se utiliza para distinguir los valores más altos. Pero en algunas visualizaciones, el tamaño está fijado y hay que confiar en el color. En la sección “En contexto” se muestran dos ejemplos de ello:
Generador de paleta de colores a partir de la imagen
Windows y macOS soportan esquemas de color claros y oscuros. Existe un ajuste, window.autoDetectColorScheme, que indica a VS Code que escuche los cambios en el esquema de color del sistema operativo y cambie a un tema que coincida en consecuencia.
Para establecer los colores de los elementos de la interfaz de usuario de VS Code, como la lista y los árboles (Explorador de archivos, widget de sugerencias), el editor de diferencias, la barra de actividades, las notificaciones, la barra de desplazamiento, la vista dividida, los botones, etc., utilice workbench.colorCustomizations.
Cuando el resaltado semántico está activado y disponible para un idioma, depende del tema configurar si se colorean los tokens semánticos y cómo. Algunos tokens semánticos están estandarizados y se asignan a ámbitos bien establecidos de TextMate. Si el tema tiene una regla de coloración para estos ámbitos de TextMate, el token semántico se representará con ese color, sin necesidad de ninguna regla de coloración adicional.
Para ver qué fichas semánticas se calculan y cómo se estilan, los usuarios pueden utilizar el inspector de ámbito (Desarrollador: Inspeccionar fichas y ámbitos del editor), que muestra información para el texto en la posición actual del cursor.
