Seletor de Cores e Paletas

Escolha cores, converta instantaneamente entre HEX, RGB e HSL, e gere paletas complementares, triádicas e análogas.

  • Mídia
  • Gratuito
  • Sem cadastro

Palettes

Complementary
Triadic
Analogous

Gratuito · Privado · Roda no seu navegador

Por que usar

  • HEX, RGB e HSL sincronizados

    Altere qualquer formato e os outros atualizam na hora.

  • Gerador de paletas

    Paletas complementares, triádicas e análogas a partir de qualquer cor.

  • Copie o que quiser

    Clique em uma amostra para copiar o HEX ou copie um trecho CSS completo.

Ideal para

  • Criar a paleta de cores de uma marca ou interface
  • Converter cores de ferramentas de design em valores CSS
  • Encontrar uma cor de destaque para botões e chamadas

Como usar

  1. Utilize o seletor visual de cores ou digite diretamente um valor nos campos HEX, RGB ou HSL.
  2. Todos os formatos atualizam em sincronia conforme você altera qualquer um deles.
  3. Selecione um estilo de paleta — complementar, triádica ou análoga — para gerar combinações harmoniosas.
  4. Clique em qualquer amostra de cor para copiar o código HEX ou copie os snippets prontos para CSS.

Perguntas frequentes

Quais formatos de cores são suportados?
HEX (#rrggbb), RGB (0 a 255 por canal) e HSL (matiz 0–360, saturação e luminosidade 0–100%). Os três campos funcionam bidirecionalmente em sincronia.
O que é uma cor complementar?
É a cor posicionada exatamente no lado oposto do círculo cromático (a 180° de distância de matiz). Ela proporciona alto contraste visual, sendo excelente para botões e pontos de destaque.
A ferramenta suporta canal alfa (transparência)?
No momento, a ferramenta opera com cores 100% opacas.

Mais 30 ferramentas gratuitas, sem cadastro

Codificadores, geradores, mídia e marketing — tudo direto no navegador.

Ver todas as ferramentas