Seletor de cores de imagem — HEX, RGB, HSL, CMYK

Encontre a cor exata de qualquer pixel

Designers, desenvolvedores e artesãos precisam com frequência do código de cor preciso de algo que veem numa imagem: a cor de marca de um logotipo, o fundo de uma captura de ecrã, um tom de uma foto de produto ou a tonalidade de uma pintura. Este seletor de cores de imagem permite abrir qualquer imagem e clicar num pixel para ler a sua cor. Uma lupa circular amplia a área sob o cursor para que acerte no pixel exato, mesmo em linhas finas, texto pequeno ou bordas suavizadas. Cada cor escolhida é copiada para a área de transferência como código HEX e adicionada a um histórico para mais tarde. A imagem nunca sai do seu dispositivo, pois toda a leitura acontece num canvas local.

HEX, RGB, HSL e CMYK explicados

O seletor mostra cada cor em quatro notações. HEX, como #1E90FF, é a forma compacta usada em CSS, HTML e na maioria das ferramentas de design. RGB lista os canais vermelho, verde e azul de 0 a 255 e é útil para código e editores de imagem. HSL descreve matiz, saturação e luminosidade, o que facilita criar variações mais claras ou escuras da mesma cor. CMYK fornece uma mistura aproximada de ciano, magenta, amarelo e preto para impressão; para uma correspondência exata na impressão, confira o valor com o perfil de cor da sua impressora. Clique em qualquer valor para o copiar nesse formato.

Dicas para escolhas precisas

Fotos e imagens JPEG contêm ruído, por isso pixels vizinhos podem diferir em alguns valores. Ative Average 5×5 pixels para amostrar uma pequena área e obter a cor que o seu olho realmente percebe. Use capturas PNG ao igualar cores de interface, pois não têm perdas. No Chrome e no Edge, o botão Pick from screen pode amostrar cores de qualquer lugar do ecrã, incluindo outras janelas. Para extrair as cores principais de uma imagem inteira de uma só vez, use o extrator de paletas, e verifique a legibilidade do texto com um verificador de contraste antes de usar as suas escolhas num design.