Ferramenta de seleção de cores da tela

Escolha online a cor de qualquer ponto da tela ou de uma imagem, com suporte à saída em vários formatos, como HEX, RGB, HSL e CMYK, além de histórico de cores e exportação de paleta.

Relatório de bug

Modo de execução no navegador: Seus dados são processados no navegador e não são enviados ao servidor.

Velocidade e estabilidade: A velocidade de processamento depende do seu dispositivo e navegador. Para trabalhos em lote grandes, a versão para desktop pode ser mais estável.

Carregando ferramenta, aguarde...

Se a ferramenta online não carregar ou executar, tente a ferramenta para desktop. https://tools.yikeaigc.com/

Uso da ferramenta

Voltar para a versão antiga

Dica: Escolha primeiro a origem da cor e defina os parâmetros de saída; depois avance para escolher a cor. A cor do sistema pode usar diretamente o seletor do dispositivo; a escolha em imagem e a análise em lote são feitas localmente.

Origem da cor

Escolha uma opção para começar ou carregue uma imagem de exemplo.

Configurações de saída

Após salvar, as configurações serão restauradas na próxima abertura.

Maiúsculas/minúsculas HEX Precisão de saída Itens no histórico Cores principais em lote

Incluir variáveis CSS ao exportar Registrar coordenadas da imagem Copiar HEX após capturar

Dica: Para capturar cor da imagem, selecione uma imagem e clique no pixel desejado. Ao mover o mouse, a lupa e as coordenadas atuais serão exibidas; em lote, só os 20 primeiros arquivos são mostrados, mas todos serão processados.

Área de captura da imagem

Envie uma imagem ou use um exemplo; clique na imagem para capturar a cor.

Selecionar imagens Imagens em lote

Aguardando imagem Escolha uma imagem ou carregue um exemplo e clique nela para capturar a cor.

Cor atual

Compatível com HEX, RGB, HSL, HSV, CMYK e LAB.

#2F80ED

Inserir cor manualmente

Contraste no branco: - Contraste no preto: -

Imagens em lote

Extraia a cor principal de cada imagem; o nome do arquivo será mantido.

Nenhuma imagem em lote selecionada

Dica: Clique no botão à direita de qualquer formato para copiar. Você também pode exportar JSON, CSS, texto ASE ou paleta SVG. O histórico é salvo localmente e pode ser limpo a qualquer momento.

Formatos de cor

Formatos comuns da cor atual para desenvolvimento e design.

Histórico e paleta

Clique na amostra para reaplicar a cor.

Prévia dos resultados em lote

Arquivo	Cor principal	HEX	RGB	Status

Instruções

Instruções de uso do software

Definir a fonte de captura de cor: após entrar na ferramenta, escolha primeiro entre captura de cor da tela, captura de cor de imagem ou modo de imagens em lote e, conforme necessário, defina maiúsculas/minúsculas para HEX, precisão de saída, quantidade do histórico e quantidade de cores principais em lote.
Salvar configurações frequentes: clique em “Salvar configurações” para registrar os parâmetros de saída atuais; quando precisar restaurar os parâmetros iniciais, clique em “Restaurar padrão”.
Captura de cor da tela: após selecionar “Captura de cor da tela”, clique em “Iniciar captura de cor do sistema” e clique no local desejado para obter o valor da cor. Se o dispositivo atual não for compatível com esse recurso, use a captura de cor de imagem.
Captura de cor de imagem:
- Clique em “Selecionar imagem” para carregar uma imagem local; você também pode clicar em “Carregar exemplo” para testar o processo.
- Depois que a imagem for exibida, mova o mouse até a área desejada para visualizar a lupa e as coordenadas.
- Após clicar no pixel desejado, a ferramenta gerará os formatos correspondentes, como HEX, RGB, HSL, HSV, CMYK, LAB etc.
Análise de cores principais de imagens em lote:
- Clique em “Imagens em lote” para selecionar várias imagens; a interface exibirá apenas os primeiros 20 arquivos, mas os demais ainda serão processados.
- Após clicar em “Iniciar análise em lote”, a ferramenta extrairá as cores principais de cada imagem e gerará os resultados.
- Depois que o processamento for concluído, clique em “Baixar ZIP” para obter os arquivos de resultado JSON e CSS correspondentes a cada imagem.
Copiar e exportar resultados: na etapa “Copiar e exportar”, você pode copiar separadamente um formato de cor específico, copiar todos os resultados ou exportar arquivos JSON, CSS, cartão de cores SVG e paleta de cores.
Gerenciar histórico de cores: cada captura de cor será adicionada ao histórico; clique em um bloco de cor do histórico para reaplicar essa cor. Quando não precisar mantê-lo, clique em “Limpar histórico”.

Perguntas frequentes

Resposta: o ambiente do dispositivo atual pode não ser compatível com o recurso de captura de cor do sistema, ou a solicitação de captura de cor pode ter sido cancelada. Você pode usar a captura de cor de imagem: primeiro faça uma captura da tela desejada, depois envie a imagem e clique para capturar a cor.

Resposta: a captura de cor de imagem lê a cor do pixel na posição clicada. A aparência da cor pode ser afetada por fatores como compressão da imagem, pixels transparentes e configuração de cores do dispositivo de exibição; recomenda-se ampliar a área desejada antes de clicar.

R: Suporta saída em HEX, RGB, HSL, HSV, CMYK, LAB, XYZ e variáveis CSS, podendo ser usado para estilos de páginas web, anotações em layouts, organização de cores de marca e referência de valores de cor para impressão.

R: Os resultados em lote tentarão usar os nomes dos arquivos de imagem originais para gerar os arquivos JSON e CSS correspondentes. Em caso de nomes duplicados, um número será adicionado ao final do nome do arquivo para evitar substituir resultados existentes.

R: O histórico de cores é salvo no dispositivo atual e continuará armazenado, a menos que seja apagado manualmente ou que os dados do site sejam limpos. É possível escolher a quantidade de registros do histórico nas configurações.

R: Não. A seleção de cores da imagem, a análise em lote da cor principal e a exportação da paleta são concluídas localmente no dispositivo atual; os arquivos de imagem não serão enviados ao servidor.