Glyph WidgetsGlyph Widgets
SobreContatoPrivacidadeTermosApoiar no Ko-fi

© 2026 Glyph Widgets. Todos os direitos reservados.

·

100% Processamento no Cliente

Seletor de Cor

Última atualização: 6 de março de 2026

Escolha qualquer cor da sua tela usando a API EyeDropper, ou insira cores nos formatos HEX, RGB ou HSL. Converta instantaneamente entre todos os principais formatos de cor.

Recursos

  • ▶Seletor de cores visual
  • ▶Conversão HEX, RGB, HSL
  • ▶Copiar para área de transferência
  • ▶Histórico de cores
  • ▶API EyeDropper
  • ▶Paleta de cores

Como usar esta ferramenta

1

Selecionar da Tela

Clique em 'Selecionar da Tela' para ativar a ferramenta EyeDropper. Clique em qualquer lugar na sua tela para capturar essa cor. Funciona com qualquer conteúdo visível, incluindo outros aplicativos.

2

Usar Entrada de Cor

Clique no quadrado de cor para abrir o seletor de cores nativo. Funciona em todos os navegadores e fornece uma forma visual de selecionar cores.

3

Inserir Valores Manualmente

Digite valores HEX diretamente (ex: #3B82F6), ou ajuste os controles deslizantes RGB e HSL para controle preciso. Todos os formatos são atualizados automaticamente enquanto você digita.

4

Copiar e Usar

Clique no botão copiar ao lado de qualquer formato para copiá-lo para sua área de transferência. Use o histórico de cores para acessar rapidamente cores selecionadas anteriormente.

Metodos de selecao de cores

O seletor de cores suporta multiplos metodos de entrada: o seletor de cores HTML5 nativo para selecao visual, a API EyeDropper para amostrar cores de qualquer lugar da sua tela, e entrada direta de texto para valores HEX, RGB ou HSL.

API EyeDropper

Ao clicar em 'Capturar da Tela', o navegador ativa sua interface EyeDropper nativa. Isso exibe uma visualizacao ampliada dos pixels sob o cursor e permite clicar para amostrar qualquer cor visivel no display, mesmo de outros aplicativos.

Conversoes de espaco de cor

As conversoes de cores seguem formulas matematicas padrao. RGB para HEX converte valores decimais para hexadecimais. RGB para HSL calcula o matiz a partir da posicao na roda de cores, a saturacao a partir da intensidade da cor e a luminosidade a partir da media dos valores RGB min/max.

Compatibilidade do navegador

A API EyeDropper requer Chrome 95+, Edge 95+ ou Opera 81+. Detectamos o suporte do navegador e mostramos a interface apropriada. O seletor de cores nativo e a entrada manual funcionam em todos os navegadores modernos como alternativas.

Privacidade e seguranca

Todo o processamento acontece localmente no seu navegador usando JavaScript. Nenhum dado de cor, captura de tela ou qualquer informacao e enviada para servidores externos. Seu historico de cores e armazenado apenas no localStorage do seu navegador.

Perguntas frequentes

Clique no botão 'Selecionar da Tela' para ativar a ferramenta EyeDropper. Seu cursor mudará para uma lupa - clique em qualquer lugar na sua tela para capturar essa cor. Este recurso requer um navegador moderno que suporte a API EyeDropper (Chrome 95+, Edge 95+).

Ferramentas relacionadas

Conversor de Cores

Converter entre todos os formatos de cores

Verificador de Contraste

Verificar contraste de cores WCAG

Gerador de Paletas

Gerar paletas de cores

Gerador de Gradientes

Criar gradientes CSS

#3B82F6

A captura de cor da tela não é suportada neste navegador. Use a entrada de cor ou insira os valores manualmente.

Todos os formatos de cor

Compartilhar
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSB
hsb(217, 76%, 96%)
CMYK
cmyk(76%, 47%, 0%, 4%)

Histórico de ferramentas é um recurso para Apoiadores.

Notas de ferramentas é um recurso para Apoiadores.