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%)
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
- Insira um código de cor HEX ou use a pré-visualização de cor para começar.
- Veja a cor exibida em tempo real com todas as conversões de formato.
- Clique no botão aleatório para gerar uma nova cor.
- 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
- Gere um QR code com as cores da sua marca usando nosso Gerador de QR Code.
- Codifique valores de cor para URLs CSS com nosso Codificador de URL.
- Armazene paletas de cores em formato JSON com nosso Formatador JSON.
- Calcule valores percentuais de cores com nossa Calculadora de Porcentagem.