Ferramentas95

CRIE ALGO FANTÁSTICO

Seletor de Cores de Imagem.

Escolha cores HEX, RGB e HSL de uma imagem. Extraia e edite uma paleta, verifique o contraste do texto, depois copie as cores ou exporte PNG, SVG, CSS ou JSON.

Publicidade
O seu espaço de trabalho de imagem
Processamento temporário no servidor
ou arraste e largue aqui
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Escolha a sua imagem para começar.IMAGEM
Publicidade
Blogue Como escolher cores de imagem e criar uma paleta Ler o guia

Escolha cores de imagem e crie uma paleta que possa utilizar

Inspecione um píxel, copie o seu valor HEX, RGB ou HSL, e extraia uma paleta inicial de uma fotografia. Mantenha as cores de que gosta, edite o resto, verifique um par de texto e fundo, e exporte PNG, SVG, CSS ou JSON.

Uma imagem fornece amostras de cor individuais e uma paleta que pode ser refinada e exportada.
TUTORIAL EM VÍDEO RÁPIDO How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Narração em inglês Ver o vídeo

How to pick an image color and export a palette

Funcionalidades e controlos

Escolha um píxel com uma vista ampliada

Clique ou toque na imagem para inspecionar uma cor, depois copie o seu código.

Posicionamento preciso e limitações de pré-visualização

A lupa ajuda-o a apontar para pequenos detalhes. Foque a imagem e utilize as teclas de seta para mover um píxel, Shift mais uma seta para mover dez, e Enter para escolher. HEX, RGB e HSL têm botões de cópia individuais. As fontes descodificáveis pelo navegador são amostradas no navegador sRGB. Quando é utilizada uma pré-visualização normalizada, a sua etiqueta identifica as cores e coordenadas como aproximadas.

Extraia uma paleta inicial útil

Escolha 3 a 12 Cores para extrair e experimente Dominante ou Vibrante.

Como as cores e percentagens são estimadas

Dominante favorece as cores principais da imagem. Vibrante dá mais influência a acentos coloridos. A extração amostra uma imagem delimitada, agrupa cores semelhantes e devolve até ao número solicitado; uma imagem plana pode conter menos. Píxeis totalmente transparentes são excluídos, e a opacidade parcial reduz o peso de um píxel. As percentagens descrevem grupos amostrados aproximados, não uma contagem exata de cada píxel original. A extração automática carrega a imagem para o servidor.

Mantenha, substitua e reordene as suas cores

Bloqueie amostras úteis, edite os seus valores HEX ou adicione uma cor escolhida ou personalizada.

Refinar uma paleta antes da exportação

Selecione uma amostra para editar a sua cor, mova-a para a esquerda ou direita, ou remova-a. Bloquear mantém uma cor escolhida quando utiliza Atualizar paleta ou altera as definições de extração. Adicionar à paleta utiliza a cor RGB amostrada; Adicionar uma cor personalizada permite-lhe introduzir um valor HEX. Uma paleta pode conter 1 a 12 cores para exportação. As cores escolhidas, editadas e mantidas bloqueadas não recebem percentagens de imagem inventadas.

Compreender píxeis transparentes

Escolha Cor de origem ou Composto sobre um fundo em Amostragem.

Opacidade da fonte e cores exportadas

Cor de origem reporta o píxel selecionado e a sua opacidade no código copiado. Composto sobre um fundo mostra a sua aparência após a mistura com Amostrar fundo. As cores da paleta e as exportações são valores RGB opacos, pelo que adicionar uma cor de fonte translúcida não preserva o seu canal alfa. O modo de amostragem altera a cor inspecionada; não recolore a imagem de origem nem altera a extração automática.

Verifique um par de texto e fundo

Utilize Verificar contraste de cor para comparar duas cores.

O que o resultado do contraste cobre

Escolha Texto e Fundo com os controlos de cor, introduza valores HEX ou utilize a cor escolhida. A pré-visualização mostra um rácio de contraste e resultados separados de Normal AA, Normal AAA, Grande AA e Grande AAA para texto. Isto verifica apenas o par de cores selecionado. Não audita uma página inteira, não contabiliza todas as imagens de fundo nem certifica que um design completo é acessível.

Exportar cores para o próximo passo

Guarde uma imagem de paleta, amostras vetoriais, variáveis CSS ou dados de cor estruturados.

PNG, SVG, CSS e JSON

PNG produz um cartão de paleta etiquetado. SVG mantém as amostras e etiquetas como conteúdo vetorial. CSS exporta variáveis numeradas como --color-1. JSON contém valores HEX, RGB e HSL. Selecione Guardar como e depois Iniciar para criar um ficheiro chamado paleta com a extensão escolhida. Copiar uma cor ou toda a paleta HEX pode ser mais rápido quando apenas precisa de valores.

Ficheiros e processamento

Entrada
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC e HEIF
Saída
Uma paleta PNG, SVG, CSS ou JSON

25 MB máximo por ficheiro. Um ficheiro de entrada por execução.

Uma imagem de origem até 60 megapixels. A extração amostra no máximo 512 píxeis por margem, ignora píxeis totalmente transparentes e pode devolver menos cores do que as solicitadas. A exportação suporta 1 a 12 cores de paleta opacas. Fontes animadas ou com várias imagens utilizam o seu primeiro fotograma estático.

A imagem é carregada automaticamente para extrair a sua paleta e carregada novamente para a exportação final. A seleção de píxeis e as edições manuais da paleta são executadas no navegador. Um formato que o navegador não consiga descodificar pode também necessitar de uma pré-visualização no servidor. Esta ferramenta utiliza processamento de cor convencional, não IA.

Os ficheiros são processados no servidor. A preparação da pré-visualização também pode carregar um ficheiro quando a descodificação pelo navegador não está disponível ou quando é necessária uma pré-visualização do documento. As transferências do servidor estão disponíveis para a sua sessão durante até duas horas.

Para um resultado de imagem, utilize Continuar abaixo dos resultados da transferência para escolher um próximo passo compatível. Pode selecionar quais as imagens a transitar; a ferramenta seguinte começa com as suas próprias definições.

Atualizar um editor ou página de transferência devolve-o à página da ferramenta. Transfira o resultado antes de iniciar um novo fluxo de trabalho. Consulte a nossa Política de Privacidade sobre o tratamento de ficheiros.

FAQ

É bom saber.

Algumas respostas antes de começar.

Processamento temporário no servidor
Posso obter HEX, RGB e HSL de uma imagem?

Sim. Escolha um píxel e utilize o botão de cópia ao lado do valor de que precisa. O seletor mostra a opacidade quando relevante; as exportações de paleta opacas contêm cores RGB.

Qual é a diferença entre Dominante e Vibrante?

Dominante enfatiza as cores comuns da imagem. Vibrante dá mais influência a acentos coloridos. Ambas são aproximações amostradas, e nenhuma promete encontrar automaticamente uma cor de marca específica.

Porque é que um pedido de seis cores devolve menos cores?

Uma fonte pode ter menos cores visíveis distintas. O extrator devolve os grupos disponíveis em vez de inventar amostras duplicadas para preencher a contagem solicitada.

Posso manter uma cor enquanto atualizo a paleta?

Sim. Selecione a sua amostra e utilize Bloquear cor. Também pode adicionar um valor HEX personalizado, reordenar as amostras ou remover cores antes da exportação.

Tudo permanece no meu navegador?

Não. A seleção de píxeis e as edições de paleta correm no navegador, mas a extração automática e a exportação final carregam a fonte para o servidor. Alguns formatos de entrada também precisam de uma pré-visualização gerada pelo servidor.

Publicidade

Idioma38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Escolha o seu idioma. Os tutoriais em vídeo utilizam atualmente narração em inglês.