Seletor de Cores
Escolha uma cor e veja HEX, RGB, HSL e contraste. Introduza os valores e clique no botão para ver o resultado.
O contraste usa a fórmula de luminância relativa da WCAG. 4,5:1 é o limite AA para texto normal.
Sobre Seletor de Cores
Escolha uma cor e veja HEX, RGB, HSL e contraste. Clique em Executar; o resultado aparece no painel de resultados. Tudo corre localmente no navegador, nada é enviado. Apenas o resultado atual é mostrado — sem histórico nem comparação lado a lado.
Seletor de Cores lê «Cor», «Matiz», «Saturação %» e «Luminosidade %» do formulário e escreve a resposta no painel de resultados — O contraste usa a fórmula de luminância relativa da WCAG. 4,5:1 é o limite AA para texto normal. Não há conta nem envio ao servidor: o JavaScript da página trabalha no seu dispositivo.
Como usar esta ferramenta
- Abra Seletor de Cores pela categoria Geradores e utilitários ou encontre-o com a caixa de pesquisa no topo.
- Preencha os campos mostrados: «Cor», «Matiz», «Saturação %» e «Luminosidade %».
- Clique em Executar. O novo resultado substitui o anterior; só a execução atual é mostrada, nunca dois resultados lado a lado.
- Use Copiar HEX para copiar o resultado. A mensagem só aparece quando há conteúdo copiado.
Exemplo prático
Introduza os seus valores nos campos e clique em Executar. Após qualquer alteração, um novo clique recalcula com os dados atuais e substitui o resultado anterior.
Perguntas frequentes
Os meus dados são enviados?
Não. Seletor de Cores processa «Cor», «Matiz», «Saturação %» e «Luminosidade %» com JavaScript no navegador. Entradas e resultado ficam no seu dispositivo; o Utilixo não guarda cópias.
Posso comparar vários resultados?
Não lado a lado. Cada clique em Executar recalcula com as entradas atuais e substitui o resultado anterior. Anote você os valores anteriores.
Há algo específico no Seletor de Cores?
O contraste usa a fórmula de luminância relativa da WCAG. 4,5:1 é o limite AA para texto normal.
Como levo o resultado?
Depois de ver o resultado, clique em Copiar HEX. Com resultado vazio não aparece aviso de sucesso.
Preciso de registo ou de pagar?
Não. Seletor de Cores é grátis, sem registo e sem limite. Abra a página e use.
Ferramentas relacionadas
- Gerador de Box-Shadow CSS — Sombras em camadas com prévia ao vivo e CSS pronto.
- Cara ou Coroa — Jogue uma moeda, ou várias, e veja o placar.
- Rolador de Dados — Role quantos dados quiser, com quantas faces quiser.
Leituras adicionais
Para uma explicação mais completa, leia o guia da categoria Geradores e Utilitários, que percorre cada ferramenta com exemplos práticos e dicas.