ToolHub
Abrir ferramenta

Seletor de Cores

Ferramenta profissional de seleção de cores, com suporte a múltiplos formatos

Ferramentas para desenvolvedores
Iniciar ferramenta Todas as ferramentas

Sobre esta ferramenta

O Seletor de Cores é uma ferramenta baseada em navegador para selecionar e converter cores entre vários formatos. Você pode escolher entre paletas predefinidas, ajustar o matiz e a transparência com controles deslizantes ou inserir diretamente valores HEX e RGB. A ferramenta exibe instantaneamente a cor nos formatos HEX, RGB, HSL e HSV, cada um com cópia com um clique. Todo o processamento é feito localmente no navegador, sem enviar dados para nenhum servidor.

Principais recursos

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

Pré-visualização rápida

Casos de uso

cor seletor hex rgb

Perguntas frequentes

Quais formatos de cor esta ferramenta suporta?

A ferramenta exibe cores em quatro formatos: HEX (ex.: #ff6b6b), RGB/RGBA (ex.: rgb(255, 107, 107)), HSL/HSLA (ex.: hsl(0, 100%, 71%)) e HSV (ex.: hsv(0, 58%, 100%)). Quando a transparência é inferior a 100%, os formatos RGBA e HSLA são usados automaticamente.

Como ajustar a transparência de uma cor?

Use o controle deslizante de transparência abaixo do controle de matiz. Arraste para a esquerda para diminuir e para a direita para aumentar a transparência. A pré-visualização da cor e todos os valores de formato são atualizados em tempo real. Quando a transparência está abaixo de 100%, a saída HEX inclui o canal alfa, e a saída RGB/HSL muda automaticamente para o formato rgba/hsla.

Qual é a diferença entre HSL e HSV?

Ambos são modelos de cores cilíndricos, mas definem o brilho de forma diferente. No HSL (Matiz, Saturação, Luminosidade), a luminosidade vai do preto à cor pura e ao branco, sendo 100% de luminosidade sempre branco. No HSV (Matiz, Saturação, Valor), o valor vai do preto à cor pura, sendo 100% de valor a forma mais pura da cor. HSL é mais comum em CSS, enquanto HSV é mais usado em softwares gráficos.

Posso inserir valores HEX ou RGB diretamente?

Sim. Você pode inserir diretamente valores HEX (ex.: #3b82f6) ou RGB (ex.: rgb(59, 130, 246)) nos campos de entrada, e a ferramenta converterá instantaneamente e atualizará todas as outras exibições de formato, a pré-visualização da cor e as posições dos controles deslizantes.

Como copiar valores de cor?

Clique no botão de cópia ao lado de qualquer valor de formato, e o valor da cor será copiado para a área de transferência no formato exibido (ex.: #ff6b6b para HEX, rgb(255, 107, 107) para RGB). Depois, você pode colar diretamente no CSS, ferramentas de design ou editores de código.

Ferramentas relacionadas

Validador JSONGerador de HashGerador de UUIDTestador de Expressões Regulares