Seletor de cores
Escolha uma cor na paleta ou capture uma direto da tela com a API EyeDropper — hex, RGB e HSL copiáveis num clique.
#0071e3rgb(0, 113, 227)hsl(210, 100%, 45%)Seu navegador não expõe a API EyeDropper; use o seletor de cor. Os valores hex/rgb/hsl continuam atualizando.
Esta ferramenta roda inteiramente no seu navegador. Seus dados nunca saem do seu dispositivo e não são enviados a nenhum servidor.
Como usar
- 1Clique na paleta e escolha uma cor, ou use Capturar da tela quando disponível.
- 2Veja os valores hex, RGB e HSL sob a pré-visualização.
- 3Clique em Copiar ao lado do formato que precisar.
Seletor de cores
Clique na paleta para compor uma cor visualmente ou, nos navegadores Chromium, use Capturar da tela para amostrar qualquer pixel já visível. O valor escolhido aparece ao mesmo tempo como hex, rgb() e hsl(), cada um com seu botão de copiar.
A captura usa a API EyeDropper do navegador e lê o pixel localmente; nada é registrado, enviado ou armazenado. Em navegadores sem a API, a entrada da paleta mantém tudo funcionando igual.
Perguntas frequentes
Por que «Capturar da tela» não aparece?
A API EyeDropper hoje está disponível em navegadores baseados em Chromium (Chrome, Edge, Brave, Opera). Firefox e Safari ainda não a expõem, então nesses navegadores só aparece a entrada da paleta — todo o resto funciona igual.
Qual a diferença entre hex, RGB e HSL?
São três formas de descrever a mesma cor: hex empacota vermelho-verde-azul em #RRGGBB para CSS e ferramentas de design; rgb() lista os canais numericamente; hsl() expressa matiz, saturação e luminosidade, o que facilita montar paletas e estados hover à mão.
A captura de tela é privada?
Sim. A API EyeDropper mostra um seletor do sistema e devolve apenas o pixel clicado; a leitura acontece no navegador e nenhuma captura, histórico ou valor é transmitido ou salvo.
Ferramentas relacionadas
Conversor de cores
Cole uma cor em hex, rgb() ou hsl() e receba os três formatos mais uma fileira de tons e sombras pronta para o seu design system.
Todas as ferramentas →
Gerador de QR Code
Transforme qualquer texto ou URL num QR code nítido com tamanho, cores e correção de erros ajustáveis — baixe em PNG ou SVG.
Todas as ferramentas →
Gerador de código de barras
Crie códigos de barras escaneáveis CODE128, EAN-13 e UPC-A com largura e altura ajustáveis — saída vetorial SVG, renderizado no navegador.
Todas as ferramentas →
Calculadora de proporção
Com uma proporção como 16:9 e uma dimensão, obtenha a largura ou altura que falta na hora — com presets de 1:1 a 21:9 para vídeo e design.
Todas as ferramentas →
Incorporar esta ferramenta
Coloque esta ferramenta no seu site com uma linha — ela roda no navegador do visitante.
<iframe src="https://zoyku.com/pt/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>