Seletor de cor da tela

Solte uma captura de tela e leia a cor exata de qualquer pixel — HEX, RGB e HSL, atualizados conforme você move.

Nenhuma imagem ainda

Arraste uma imagem aqui, cole uma captura com ⌘V / Ctrl+V, ou escolha um arquivo.

PNG, JPG, WebP, GIF e BMP — até 20 MB e 16 megapixels.

Tudo roda no seu navegador. A imagem é lida da memória e nunca enviada.

Onde seu navegador permite, “Escolher da tela” lê uma cor diretamente da tela. Se esse botão não existir, tire uma captura e cole.

Cores fixadas

Nada fixado ainda — clique em um pixel da imagem.

Como usar

  1. Carregue uma imagem: arraste, cole uma captura com ⌘V / Ctrl+V, escolha um arquivo ou pressione “Carregar exemplo”.
  2. Mova o cursor sobre a imagem — HEX, RGB e HSL são atualizados ao vivo, com uma lupa de 11 × 11 pixels no desktop.
  3. Clique ou toque em um pixel para fixá-lo na lista de cores abaixo, depois copie qualquer valor com um clique.
  4. Onde seu navegador permite, pressione “Escolher da tela” para ler uma cor de qualquer lugar da tela sem carregar uma imagem.
  5. Teclado: foque a imagem, mova o ponto de amostragem com as setas (segure Shift para mover mais rápido) e pressione Enter para fixar a cor.
  6. Pressione “Limpar” para redefinir a imagem, a leitura e a lista.

Exemplo

Imagem de exemplo

ykit-sample.png
1200 × 800 · seis blocos de cor, um gradiente e um trecho transparente

Leitura

#1E5FBF
rgb(30, 95, 191)
hsl(216, 73%, 43%)
Família: Azul · em 240, 180

A leitura vem do pixel bruto sob o cursor, não da prévia redimensionada. Um pixel totalmente transparente informa que não tem cor em vez de mostrar #000000.

Regras, limites e problemas conhecidos

  • O nome da família é um agrupamento grosseiro baseado em matiz e luminosidade — não é um nome exato de cor.
  • Um pixel totalmente transparente não tem cor; a ferramenta diz isso em vez de mostrar #000000. Um pixel parcialmente transparente mantém seu próprio RGB e mostra uma porcentagem de alfa.
  • Os valores vêm do pixel bruto, enquanto a prévia é redimensionada para caber: bordas com antialiasing misturam cores, então amostre o interior de uma forma, não o contorno.
  • A seleção na tela exige suporte ao EyeDropper do navegador e um gesto do usuário. Quando indisponível, o botão fica oculto — tire uma captura e cole.
  • Uma imagem por vez, até 20 MB e 16 megapixels. Qualquer coisa maior é rejeitada de imediato em vez de diminuir a velocidade em silêncio.
  • Fotos são afetadas por balanço de branco, compressão e calibração da tela: um valor escolhido corresponde ao arquivo, não necessariamente ao objeto real.
  • Sem paleta dominante, sem conversão de formato, sem edição de imagem e sem régua de tela — essas são ferramentas separadas, ligadas abaixo.

O que fazer quando você tem o valor.