Elysia Tools
Navegación
Workflow Playbook
Crea un sistema de color reutilizable transformando colores, generando armonías, comprobando contraste y visión cromática, y documentando tokens.
Temas
Crea un sistema de color reutilizable transformando colores, generando armonías, comprobando contraste y visión cromática, y documentando tokens.
Esta guía convierte el alcance indicado en un resultado revisable. Conserve la fuente, los resultados intermedios y las decisiones para que la siguiente persona entienda qué se comprobó y por qué.
Reúne colores de origen y asigna un papel a cada uno.
Define requisitos de texto, fondo, interacción, estados y exportación.
Decisión: ¿Qué relaciones usar?. Elige relaciones análogas, complementarias, triádicas, tetrádicas o de complemento dividido según el papel.
Decisión: ¿Qué ajustar?. Ajusta tono, sombra, tinte, saturación, matiz o temperatura solo si el papel semántico sigue claro.
Decisión: ¿Qué debe superar la prueba?. Comprueba pares clave y la paleta completa para contraste y visión cromática.
Convierte los valores de forma coherente y registra nombres, papeles y originales. Usar color-converter.
Crea armonías, mezclas, degradados y variantes; conserva los candidatos adecuados. Usar color-scheme-generator, color-complement, color-triad, color-tetrad, color-analogous, color-split-complement, color-mixer, color-gradient-generator, color-lighten-darken, color-saturate-desaturate, color-hue-shifter, color-shade, color-tint, color-temperature.
Comprueba pares, contraste de la paleta y simulaciones cromáticas. Usar color-contrast-checker, color-accessibility-checker, accessible-color-palette-contrast-checker, color-blindness-simulator.
Ajusta o invierte estados fallidos y registra valores, papeles, pruebas y paradas. Usar color-inverter, color-lighten-darken, color-shade, color-tint.
Guía de flujo de trabajo
Convierte los valores de forma coherente y registra nombres, papeles y originales.
Crea armonías, mezclas, degradados y variantes; conserva los candidatos adecuados.
Comprueba pares, contraste de la paleta y simulaciones cromáticas.
Ajusta o invierte estados fallidos y registra valores, papeles, pruebas y paradas.
Elige relaciones análogas, complementarias, triádicas, tetrádicas o de complemento dividido según el papel.
Ajusta tono, sombra, tinte, saturación, matiz o temperatura solo si el papel semántico sigue claro.
Comprueba pares clave y la paleta completa para contraste y visión cromática.