Seletor de Cores - Selecione e Converta Cores Online Grátis

Selecione qualquer cor e converta instantaneamente entre os formatos HEX, RGB e HSL. Visualize cores em tempo real, gere cores aleatórias e copie códigos de cores com um clique. Perfeito para designers e desenvolvedores web.

Selecione e converta cores em diferentes formatos

tools.colorPicker.hex

#3498db

tools.colorPicker.rgb

rgb(52, 152, 219)

tools.colorPicker.hsl

hsl(204, 70%, 53%)

tools.colorPicker.hex
tools.colorPicker.rgb
tools.colorPicker.hsl

Selecione e converta cores em diferentes formatos

tools.colorPicker.hex

#3498db

tools.colorPicker.rgb

rgb(52, 152, 219)

tools.colorPicker.hsl

hsl(204, 70%, 53%)

Como Usar

  1. Insira um código de cor HEX ou use a pré-visualização de cor para começar.
  2. Veja a cor exibida em tempo real com todas as conversões de formato.
  3. Clique no botão aleatório para gerar uma nova cor.
  4. Copie qualquer formato de cor (HEX, RGB, HSL) com um clique.

Recursos

  • Pré-visualização de cor em tempo real com área de exibição ampla
  • Conversão automática entre HEX, RGB e HSL
  • Cópia com um clique para cada formato de cor
  • Gerador de cores aleatórias para inspiração
  • Suporta códigos HEX de 3 e 6 dígitos
  • Gratuito sem necessidade de registro

Perguntas Frequentes

Qual é a diferença entre HEX, RGB e HSL?

HEX usa notação hexadecimal (#RRGGBB). RGB especifica valores de vermelho, verde e azul (0-255). HSL usa matiz (0-360), saturação (0-100%) e luminosidade (0-100%). Os três representam as mesmas cores em formatos diferentes.

Qual formato de cor devo usar para desenvolvimento web?

HEX é o mais comum em CSS. RGB é útil quando você precisa de opacidade (rgba). HSL é intuitivo para ajustar cores, pois você pode alterar matiz, saturação ou luminosidade de forma independente.

Posso inserir um código HEX de 3 dígitos?

Sim. Um código HEX de 3 dígitos como #ABC é automaticamente expandido para #AABBCC. Ambos os formatos são suportados.

Meus dados estão seguros ao usar esta ferramenta?

Sim. Todas as conversões de cor acontecem localmente no seu navegador. Nenhum dado é enviado a qualquer servidor.

Dicas e fluxos de trabalho relacionados