Pular para o conteúdo

Seletor de Cores

Escolha cores e converta entre HEX, RGB e HSL. Copie o código de qualquer cor. 100% grátis.

Sem cadastro 100% gratuito Privado
Controles RGB
R 88
G 166
B 255
Controles HSL
H 212°
S 100%
L 67%
Cores recentes
Shades & Tints
Harmonias de Cores
Complementary
Analogous
Triadic
Split-Complementary
Tetradic (Square)
Verificador de Contraste WCAG
Texto Branco de Exemplo
Texto Preto de Exemplo
Exportar Variáveis CSS

    

Esta ferramenta foi útil?

Seletor de Cores — Converta HEX, RGB, HSL

O Seletor de Cores é uma ferramenta online gratuita que permite selecionar, converter e explorar cores em múltiplos formatos incluindo HEX, RGB, HSL e HSV. Clique em qualquer lugar do espectro de cores para escolher uma tonalidade, ajuste saturação e luminosidade com controles de precisão, ou digite um valor de cor conhecido em qualquer formato para ver conversões instantâneas para todos os outros formatos. A ferramenta torna a seleção e conversão de cores fácil para designers, desenvolvedores e qualquer pessoa trabalhando com cores digitais.A interface apresenta um amplo seletor visual de cores com um controle deslizante de tonalidade e um painel de saturação-brilho. Conforme você interage com o seletor, todos os valores de cor atualizam em tempo real: o código HEX (ex: #3498DB), valores RGB (52, 152, 219), valores HSL (204°, 70%, 53%) e valores HSV. Você pode copiar qualquer formato para a área de transferência com um clique. A ferramenta também exibe uma amostra de preview de cor e fornece informações de taxa de contraste para conformidade de acessibilidade com padrões WCAG.Desenvolvedores web usam esta ferramenta para encontrar e converter cores para folhas de estilo CSS. Designers gráficos exploram harmonias de cores e convertem entre formatos de software. Designers UI/UX verificam taxas de contraste para acessibilidade. Gerentes de marca convertem cores entre formatos print e digital. A ferramenta também é útil para criar paletas de cores, combinar cores de screenshots e garantir uso consistente de cores entre diferentes plataformas.O Seletor de Cores faz parte do kit de ferramentas de design facilita.tools, disponível em português, inglês e espanhol, otimizado para navegadores desktop e mobile.

Perguntas Frequentes

Qual a diferença entre HEX e RGB?
Ambos representam a mesma cor. HEX usa formato hexadecimal (#FF0000), enquanto RGB usa decimal (255, 0, 0). São equivalentes e conversíveis.
Qual formato de cor usar na web?
HEX (#FF0000) é o mais comum em CSS. RGB e HSL são alternativas válidas. HSL é mais intuitivo para ajustar brilho e saturação.
Posso extrair cores de uma imagem?
Sim, carregue uma imagem e clique em qualquer pixel para obter a cor exata em formato HEX, RGB e HSL.