Codia

Seletor de cores de imagem

Escolha píxeis e copie HEX, RGB, HSL ou variáveis CSS.

  • Grátis
  • Sem registo
  • No seu dispositivo

Como funciona

  1. Escolha ficheiros do dispositivo, arraste-os ou cole uma imagem.

  2. Passe o cursor para pré-visualizar e clique para guardar. No teclado, use as setas (Shift move 10 píxeis) e Enter.

  3. Transfira o resultado ou copie as cores sem registo nem pagamento.

Quando usar

Cores da marca

Descubra o valor HEX exato a partir de um logótipo ou de uma fotografia de produto para manter os designs coerentes.

Paletas a partir de inspiração

Extraia as cores dominantes de uma fotografia ou obra de arte como ponto de partida para uma paleta.

Do design ao código

Copie as cores como variáveis CSS ou como excerto de configuração do Tailwind diretamente para o seu projeto.

Resultados e limites

Consulte cores Web com transparência. A lupa ajuda a selecionar detalhes e pode guardar dez cores distintas. Copie valores ou transfira variáveis CSS num ficheiro de texto. A cor corresponde à imagem descodificada no navegador, não a uma medição calibrada para impressão.

Os limites aplicam-se à entrada e saída. Animações não são suportadas. Os ficheiros ficam apenas na memória e desaparecem ao recarregar. No telemóvel, use lotes pequenos.

Seletor de cores de imagem · Original → Resultado
Seletor de cores de imagem · Original → Resultado

Perguntas frequentes

Como obtenho o código HEX de uma cor numa imagem?

Carregue a imagem, passe o cursor para pré-visualizar qualquer píxel na lupa e clique para o guardar. Os valores HEX, RGB, HSL e OKLCH aparecem ao lado da imagem; clique num valor para o copiar.

Como são identificadas as cores dominantes?

A ferramenta analisa uma cópia reduzida da imagem e agrupa cores semelhantes com um algoritmo median cut, ordenando-as pela área da imagem que ocupam. Os píxeis transparentes são ignorados.

Posso escolher uma cor fora da imagem?

No Chrome, no Edge e noutros navegadores compatíveis com a EyeDropper API, use «Escolher do ecrã» para recolher qualquer píxel do seu ecrã.

Porque é que uma cor pode ser ligeiramente diferente do meu ficheiro de design?

As imagens com perfis de cor de gama alargada, como Display P3, são convertidas para sRGB para a web. Os valores correspondem ao que os navegadores apresentam, o que pode diferir do perfil original em software de impressão ou de design.

As imagens são enviadas?

Não. O navegador processa os ficheiros sem os enviar à Codia. Recarregar ou sair apaga o trabalho. As estatísticas autorizadas nunca incluem imagens ou nomes de ficheiros.

Posso processar vários ficheiros?

Um JPG, PNG ou WebP de cada vez. Até 20 MiB e 12 MP.

A qualidade e os metadados são preservados?

Depende da operação. A compressão com perdas altera píxeis e JPG elimina a transparência. A saída destina-se a imagens Web de 8 bits; não é garantida a preservação de EXIF, HDR, perfis originais ou 16 bits. Verifique o resultado.

Ferramentas relacionadas