100%

Seletor de Cores

Parâmetros de entrada

Configurar requisitos com tools

HEX #6366f1
RGB (99, 102, 241)
HSL (238, 86, 66)
--

Como usar esta ferramenta: Seletor de Cores

Instruções passo a passo

  1. Insira os valores de Seletor de Cores nos campos de entrada acima
  2. Selecione as opções de cálculo apropriadas
  3. Clique no botão Calcular
  4. Veja seus resultados instantâneos abaixo

Dicas rápidas

  • Todas as entradas são validadas em tempo real
  • Os resultados são atualizados instantaneamente sem recarregar a página
  • Use o botão copiar para salvar seus resultados
  • Adicione suas ferramentas favoritas aos favoritos para acesso rápido

Instructions terms

O que é um seletor de cores?

Um seletor de cores é uma ferramenta que ajuda a selecionar, visualizar e converter cores entre formatos como HEX, RGB, RGBA, HSL e HSLA. É um recurso essencial para web designers e desenvolvedores.

Como usar esta ferramenta

Selecione uma cor usando a interface visual, insira o valor da cor em qualquer formato ou use o controle deslizante. A ferramenta converte instantaneamente para todos os outros formatos. Copie qualquer valor para usar em seus projetos.

Explicação dos formatos de cor

  • HEX: Código hexadecimal de cor (ex. #FF5733)
  • RGB: Valores de vermelho, verde e azul (ex. rgb(255, 87, 51))
  • HSL: Matiz, saturação e luminosidade (ex. hsl(14, 100%, 60%))
  • RGBA/HSLA: Inclui o canal alfa para transparência

Usos comuns

Os seletores de cores são ideais para design web, design gráfico, trabalho de UI/UX, estilos CSS e qualquer projeto que exija seleção e conversão precisa de cores.

FAQ

Qual é a diferença entre RGB e HEX?
Eles representam as mesmas cores de maneiras diferentes. HEX é mais compacto e muito usado em design web, enquanto RGB é mais fácil de entender programaticamente.