Elysia Tools
Navegação
Workflow Playbook
Crie um sistema de cores reutilizável transformando cores, gerando harmonias, verificando contraste e visão de cores e documentando tokens.
Temas
Crie um sistema de cores reutilizável transformando cores, gerando harmonias, verificando contraste e visão de cores e documentando tokens.
Este guia transforma o escopo informado em um resultado revisável. Mantenha a fonte, os resultados intermediários e as decisões para que a próxima pessoa entenda o que foi verificado e por quê.
Reúna cores de origem e atribua uma função a cada uma.
Defina requisitos de texto, fundo, interação, estados e exportação.
Decisão: Quais relações usar?. Escolha relações análogas, complementares, triádicas, tetrádicas ou de complemento dividido por função.
Decisão: O que ajustar?. Ajuste tom, sombra, tonalidade, saturação, matiz ou temperatura se a função continuar clara.
Decisão: O que validar?. Verifique pares importantes e a paleta inteira quanto a contraste e visão de cores.
Converta valores e registre nomes, funções e originais antes de editar. Usar color-converter.
Crie harmonias, misturas, gradientes e variantes; mantenha candidatos adequados. 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.
Verifique pares, contraste da paleta e simulações de visão de cores. Usar color-contrast-checker, color-accessibility-checker, accessible-color-palette-contrast-checker, color-blindness-simulator.
Ajuste estados reprovados e registre valores, funções, evidências e paradas. Usar color-inverter, color-lighten-darken, color-shade, color-tint.
Guia de fluxo de trabalho
Converta valores e registre nomes, funções e originais antes de editar.
Crie harmonias, misturas, gradientes e variantes; mantenha candidatos adequados.
Verifique pares, contraste da paleta e simulações de visão de cores.
Ajuste estados reprovados e registre valores, funções, evidências e paradas.
Escolha relações análogas, complementares, triádicas, tetrádicas ou de complemento dividido por função.
Ajuste tom, sombra, tonalidade, saturação, matiz ou temperatura se a função continuar clara.
Verifique pares importantes e a paleta inteira quanto a contraste e visão de cores.