Paletas harmônicas
Explore combinações análogas, monocromáticas, complementares, triádicas e tetrádicas a partir de uma cor base.
Editor de Cores
Crie paletas harmônicas, gradientes CSS e teste daltonismo.
Digyo Color Studio
Crie paletas, monte gradientes e verifique o contraste entre cores para usar em interfaces, marcas, posts e projetos visuais.
Paleta de cores
Encontre combinações para sua cor base
As prévias de percepção são aproximadas.
Gradiente
Gerador de gradiente CSS
background: linear-gradient(90deg, #6200EA, #03DAC6);
Acessibilidade visual
Verificador de contraste
Exemplo de texto
Confira se a leitura continua confortável neste contraste.
Contraste
—
Texto normal · AA
—
Texto grande · AA
—
Texto normal · AAA
—
Texto grande · AAA
—
Crie combinações de cores com mais segurança e consistência
O Digyo Color Studio reúne recursos para montar paletas, experimentar gradientes e conferir o contraste entre texto e fundo antes de aplicar as cores em um projeto.
Gradientes prontos
Combine duas cores, ajuste a direção e copie o CSS para usar em fundos, banners, botões e outros elementos.
Contraste de leitura
Compare cor de texto e fundo para verificar se a combinação oferece contraste suficiente em diferentes tamanhos de texto.
Como escolher uma harmonia?
Paletas análogas costumam produzir transições visuais mais suaves. Combinações complementares criam oposição forte entre duas regiões do círculo cromático. Triádicas e tetrádicas oferecem mais variedade e podem funcionar bem quando uma cor principal é acompanhada por tons de apoio.
Contraste não é apenas uma questão estética
Cores bonitas juntas nem sempre produzem texto confortável de ler. Para conteúdos e interfaces, vale observar também o contraste entre primeiro plano e fundo, principalmente em textos pequenos, botões, links e informações importantes.
Perguntas frequentes
Posso copiar a paleta inteira?
Sim. Você pode copiar as cores como variáveis CSS, JSON ou uma lista de códigos HEX.
A prévia de protanopia, deuteranopia e tritanopia é um diagnóstico?
Não. Essas opções servem apenas como uma prévia visual aproximada. Para decisões de acessibilidade, combine diferentes testes e valide o conteúdo em contexto.
Qual formato de cor é usado na paleta?
As cores geradas são apresentadas em HEX, um formato comum em projetos web e design digital.
Posso testar qualquer combinação no verificador de contraste?
Sim. Escolha livremente a cor do texto e a cor do fundo para comparar a razão de contraste.