Extraia, analise e classifique
cada tom de qualquer imagem
Este seletor de cor gratuito permite extrair uma cor de imagem, foto ou captura em segundos. Clique em qualquer pixel com o conta-gotas 12x para obter seu código HEX, RGB, OKLCH ou Tailwind v4 exato, extrair a paleta completa e detectar cada tonalidade dominante — tudo de forma privada no seu navegador.
- Colors readable
- 16.7M
- Uploads, ever
- 0
- Pixel loupe
- 12×
Ruby Red
#9B111ECompartilhe esta cor exata com sua equipe, clientes ou comunidade.
Paleta extraída e análise de tons
Distribuição tonal completa agrupada por diferença perceptual Delta-E. Ordene por dominância, luminosidade ou família tonal.
Playground de interface ao vivo
Veja como o sistema de cores extraído da sua imagem fica em componentes web reais, cartões, botões e selos em tempo real.
Suíte de design cromático
Tipografia atmosférica harmoniosa e equilíbrio de cores gerados dinamicamente a partir da paleta da sua imagem.
Índice perceptual de contraste e harmonia
Contraste no escuro OLED
Verifique a legibilidade e a tensão estética quando sua paleta é exibida sobre fundo escuro profundo.
Gerador de gradientes CSS
Gere gradientes lineares, radiais e suaves a partir das cores principais da sua imagem.
Projetado para ser muito melhor.
Ao contrário de ferramentas antigas e lentas, cheias de anúncios agressivos e recursos pagos, o True Color Picker é ultrarrápido, prioriza a privacidade e foi criado para designers e desenvolvedores modernos.
| Recurso / Capacidade | True Color Picker (truecolorpicker.com) | Outros detectores de cor |
|---|---|---|
| Extração tonal de espectro completoAgrupado por matemática perceptual Delta-E | ✓ Até 36+ tons categorizados por família | Barra básica limitada (apenas 5–10 cores) |
| Nomes de cores amigáveisBusca precisa do tom nomeado mais próximo | ✓ Mais de 4500 tons + etiquetas de família | Apenas hex bruto ou nome genérico |
| Exportação CSS moderna para desenvolvedoresTailwind v4 @theme, OKLCH, variáveis CSS | ✓ Tailwind v4, OKLCH, HSL, CMYK, CSS Vars, JSON | Limitado a HEX / RGB padrão |
| Avaliação de acessibilidade WCAGTaxa de contraste em tempo real no claro e escuro | ✓ Avaliação ao vivo AA / AAA e índice | Nenhum / ausente |
| Playground de interface ao vivoTeste a paleta em botões e cartões reais | ✓ Componentes interativos em tempo real e modo escuro | Nenhum |
| Privacidade e velocidadeProcessamento apenas no navegador (canvas) | ✓ 100% no navegador · zero envio ao servidor | Carregamento lento, rastreadores e tráfego pesado |
Como o True Color Picker extrai tons com precisão.
Entenda os algoritmos matemáticos, espaços de cor perceptuais e padrões de acessibilidade que garantem extração de paletas de alta fidelidade.
Agrupamento perceptual Delta-E
A distância RGB padrão falha para a visão humana, pois nossos olhos percebem variações de verde e vermelho de forma muito diferente do azul. Calculamos distâncias euclidianas no espaço CIELAB para mesclar cores indistinguíveis e preservar tons de destaque raros e marcantes.
OKLCH e formatos CSS modernos
OKLCH é o padrão do Módulo de Cores CSS Nível 4 que oferece luminosidade e croma perceptualmente uniformes, sem desvios de matiz ao alterar o brilho. O True Color Picker converte qualquer pixel amostrado diretamente em variáveis CSS modernas e temas Tailwind v4.
Padrões de contraste WCAG 2.1
Cada tom selecionado é analisado dinamicamente sobre fundo branco puro e fundo escuro OLED. Calculamos a luminância relativa para confirmar a conformidade com WCAG nível AA (proporção 4,5:1) e nível AAA (proporção 7:1) para legibilidade tipográfica.
Tudo o que você precisa saber.
O que é um seletor de cor de imagem?
Um seletor de cor de imagem é uma ferramenta online gratuita que amostra a cor exata de qualquer pixel de uma foto, imagem ou captura de tela e mostra instantaneamente seu código em HEX, RGB, HSL, HSV, CMYK ou OKLCH. O True Color Picker roda 100% no seu navegador, sem envios, instalações ou cadastros.
Como selecionar uma cor de uma imagem?
Envie, arraste e solte, cole com Ctrl+V ou carregue uma imagem por URL. Passe o cursor sobre a tela para ativar o conta-gotas com ampliação de 12x e mira de grade de pixels, depois clique em qualquer ponto. O código exato da cor, o nome do tom e a nota de contraste WCAG aparecem na hora no estúdio.
Como selecionar um tom exato da minha imagem?
Basta arrastar e soltar sua imagem, enviar um arquivo, colar da área de transferência (Ctrl+V) ou inserir a URL da imagem. Passe o cursor sobre a tela para ativar a lupa com ampliação de 12x, depois clique em qualquer ponto. O código exato, o nome do tom, a nota WCAG e as variações tonais aparecem na hora no estúdio.
Minhas imagens enviadas são privadas e seguras?
Sim, 100%. Todo o carregamento, amostragem de pixels e extração de espectro acontece diretamente no motor HTML5 Canvas do seu navegador. Nenhuma imagem é enviada, armazenada ou analisada em servidor remoto.
Quais formatos de exportação são suportados?
Você pode copiar ou exportar cores individuais e paletas completas em: HEX, RGB / RGBA, HSL / HSLA, HSV e CMYK; OKLCH (Módulo de Cores CSS Nível 4); bloco Tailwind CSS v4 @theme; Variáveis CSS :root; dados JSON e cartões de amostras em PNG.
Posso extrair ou detectar todas as cores de uma imagem?
Sim. Clique em Extrair todas as cores para analisar a imagem inteira. O algoritmo amostra a distribuição de pixels, agrupa os tons com clusterização perceptual Delta-E no espaço CIELAB e lista cada cor dominante por família com porcentagem de cobertura. Clique em qualquer amostra para abrir sua página no dicionário com mais de 4500 cores.
Posso selecionar cores de uma captura de tela?
Sim. Tire uma captura de tela, cole com Ctrl+V ou arraste o arquivo para a ferramenta. O seletor de cor de captura permite clicar em qualquer pixel para obter o código hex e todos os valores na hora — perfeito para combinar cores de sites, apps ou vídeos pixel por pixel.
O seletor de cor de imagem é gratuito?
Sim, o True Color Picker é 100% grátis com envios de imagem, extrações de cor e exportações de paleta ilimitados. Nunca é preciso criar conta, fazer login ou assinar nada.
Como selecionar uma cor da minha tela?
Use o botão Conta-gotas no cabeçalho ou na página inicial em navegadores Chromium. Ele abre o seletor nativo do sistema, permitindo passar o mouse sobre qualquer pixel do monitor (outro app, site ou PDF) e capturar a cor exata com um clique. O valor capturado vai direto para o estúdio em todos os formatos.
O que é um código hex e como ler um?
Um código hex (ou cor hexadecimal) é um número de seis dígitos escrito como #RRGGBB que define uma cor em base 16. Cada par define os canais vermelho, verde e azul de 00 a FF. Por exemplo, #9B111E é um vermelho-rubi profundo. Nosso seletor gera esses valores na hora e converte para RGB, HSL, HSV, CMYK e OKLCH para você nunca precisar decodificá-los.
Posso gerar matizes claros, tons escuros e harmonias de uma cor?
Sim. Cada cor amostrada gera tons claros, tons escuros e esquemas harmônicos — complementar, tríade, análogos e mais — e o dicionário com mais de 4500 cores nomeadas serve como fonte de inspiração. Use o gerador de paletas para transformar tudo em uma paleta completa e exportável.
Qual a diferença para o seletor de cores do Google?
O seletor do Google (e o input de cor do navegador) é ótimo para escolher um único tom, mas não amostra pixels das suas imagens, não extrai paletas completas nem gera código pronto para desenvolvedores. O True Color Picker adiciona amostragem de pixels, extração de paletas, notas de contraste WCAG e exportação em um clique em HEX, RGB, HSL, HSV, CMYK, OKLCH e Tailwind v4 — sem enviar nada para servidor.