Seletor de Cores

Escolha uma cor e veja-a convertida em HEX, RGB, HSL e HSV instantaneamente. A sua escolha nunca é enviada a um servidor.

Escolher uma Cor

Valores da Cor

Cores Recentes

Cores Complementares & Análogas

Verificador de contraste

Rácio de contraste:

Como escolher uma cor

  1. Use o seletor de cores nativo ou digite um valor HEX, como #3366FF, na caixa de texto.
  2. Leia os valores HEX, RGB, HSL e HSV correspondentes assim que escolher.
  3. Clique em Copiar ao lado de qualquer valor para colá-lo no seu código ou ferramenta de design.
  4. Navegue pelas suas escolhas recentes ou pelas amostras complementares para reutilização rápida.

Perguntas Frequentes

O que significam HEX, RGB, HSL e HSV?

HEX é um código hexadecimal de seis dígitos, RGB mistura luz vermelha, verde e azul, HSL usa matiz, saturação e luminosidade, e HSV usa matiz, saturação e valor.

As minhas cores são armazenadas ou enviadas?

Não. As cores nunca saem do seu dispositivo, e as suas escolhas recentes são armazenadas apenas no armazenamento local do seu navegador.

Posso copiar uma cor para a área de transferência?

Sim. Cada valor HEX, RGB, HSL e HSV tem um botão Copiar que o coloca na sua área de transferência.

O seletor de cores funciona no celular?

Sim. A página é totalmente responsiva e usa o seletor de cores nativo do seu celular ou tablet.

Ferramentas Relacionadas

Porquê usar um seletor de cores?

Use o Seletor de cores quando precisar de obter um código hexadecimal do seu design e ver como se traduz em RGB, HSL e HSV para CSS, código ou ferramentas de design.

Dicas e limites

Todas as conversões são exatas de ida e volta para cores sRGB padrão, e a ferramenta é executada localmente no navegador: nada do que escolher é carregado.