Gerador de Paleta de Cores
Cor
Escolha uma cor base e gere instantaneamente uma paleta coordenada usando teoria clássica das cores: complementar, análoga, triádica, tetrádica, complementar dividida ou monocromática. Cada amostra mostra seu HEX, copia com um clique e mantém legibilidade pelo contraste automático do texto.
Como usar
- Escolha uma cor base com a amostra ou digite um HEX.
- Selecione um esquema de cor.
- Copie uma cor individual ou todas de uma vez.
- Use as cores no seu design ou CSS.
Perguntas frequentes
- O que significam os esquemas?
- Complementar pega opostos no círculo cromático; análoga, vizinhos; triádica e tetrádica os espaçam igualmente; complementar dividida suaviza o complementar; monocromática varia a luminosidade.
- Qual espaço de cor é usado?
- As cores são rotacionadas em matiz HSL e recodificadas para HEX, mantendo a saturação e luminosidade da cor base.
- Posso copiar todas?
- Sim — use o botão Copiar tudo abaixo para copiar a paleta como lista separada por vírgulas.
- Elas são acessíveis?
- As regras de harmonia não garantem acessibilidade. Para texto de UI, verifique também com a ferramenta de Contraste de Cor.
Ferramentas relacionadas
Paleta de Cor a partir de Imagem
Solte uma imagem e a ferramenta extrai uma paleta de cores dominantes via Canvas — copie HEX ou pegue o conjunto inteiro.
Simulador de Daltonismo
Veja como sua imagem se parece para pessoas com cada um dos 8 tipos de deficiência visual cromática (CVD).
Gerador de CSS Box Shadow
Desenhe box-shadow CSS visualmente em várias camadas, com pré-visualização ao vivo e saída CSS / Tailwind pronta para copiar.
Conversor de Formatos de Cor
Converta qualquer cor entre HEX, RGB, HSL, HSV, OKLCH e uma variável CSS.
Gerador de Gradientes CSS
Crie gradientes CSS lineares ou radiais com várias paradas de cor e copie o código.
Verificador de Contraste de Cor
Verifique o contraste texto/fundo nos níveis WCAG AA e AAA.