COLOR SYSTEM STUDIO
● Processamento local
Crie cores com propósito.
Explore harmonias, contraste, acessibilidade e aplicações reais em interfaces.
Projeto ativoProjeto inicial
01. Cores-base
Pressione o botão para gerar cores aleatórias ou clique sobre as cores para escolher individualmente. Na sequência, selecione a Harmonia, a Quantidade de cores e clique no botão Recalcular paleta.
02. Paleta gerada
Toque em uma cor para copiar seu código HEX.
03. Extrator de imagem
Extraia as cores predominantes de uma imagem, sem enviá-la para servidores.
Arraste uma imagem aqui
ou clique para selecionar JPG, PNG ou WebP
04. Simulador de daltonismo
Visualização aproximada de diferentes percepções cromáticas.
As matrizes são aproximações visuais, não uma representação exata da experiência individual.
05. Laboratório de acessibilidade
Teste contrastes WCAG para texto normal e grande, em fundos claros e escuros.
Validador simultâneo de temas
06. UI Preview Lab
Veja a paleta aplicada a componentes de uma interface real.
07. Gradientes híbridos
Gere gradientes CSS a partir das cores da paleta.
Radial
Mesh
08. Design Tokens
Variáveis CSS prontas para integrar em seus projetos.