Extrair paleta de cores
Palette Extractor
Extrai uma paleta de N cores de uma imagem e exporta como hex, variáveis CSS ou amostra ASE.
As cores de uma imagem, como uma paleta que você pode colar em uma folha de estilos. O quantizador é o que o compressor de PNG usa, com o raciocínio de que uma paleta boa o bastante para representar a imagem é por definição uma que a descreve, e a participação de cada cor na imagem é contada em vez de estimada.
Solte uma imagem
A paleta vem do mesmo quantizador que o compressor de PNG usa — uma paleta boa o bastante para representar a imagem é uma paleta que a descreve.
Como usar
Solte uma imagem
A barra abaixo da pré-visualização mostra cada cor com a participação real dela, então uma cor que cobre 2% do quadro parece 2%.
Defina quantas cores você quer
De duas a dezesseis. Cinco ou seis costuma ser o ponto em que a paleta deixa de ser um resumo e começa a ser uma lista.
Exporte na forma de que você precisa
Propriedades personalizadas de CSS, um bloco @theme do Tailwind, variáveis SCSS ou JSON, copiados inteiros e não amostra por amostra.
Perguntas frequentes
Por que uma cor que eu vejo claramente não está na paleta?
Porque ela cobre pouco demais da imagem. O quantizador otimiza para representar a imagem inteira, então um destaque vivo em 1% do quadro perde para uma grande área de cinzas quase idênticos. Aumente a contagem de cores.
Ele amostra a imagem inteira?
Um passo uniforme sobre ela, cerca de 400.000 pixels. As cores dominantes são uma propriedade da distribuição, então um passo as preserva, e ao contrário de reduzir primeiro, ele não consegue inventar uma cor que não está na imagem.
A saída do Tailwind não funciona no meu projeto.
O Tailwind 4 define as cores como propriedades personalizadas dentro de @theme, que é o que isto emite. Uma configuração module.exports no estilo da v3 colada em um projeto v4 não faz nada em silêncio, e o inverso também é verdade.
Pode receber de
Cor média e dominante
Average & Dominant Colour
Devolve uma cor representativa da imagem — média, mediana ou mais frequente — como um recurso de cor.
Simulador de daltonismo
Colour Blindness Simulator
Renderiza a imagem como a veria alguém com protanopia, deuteranopia, tritanopia ou visão em tons de cinza.
Seletor de cores
Colour Picker
Escolhe uma cor num campo OKLCH, com conta-gotas de tela ou a partir de uma imagem enviada, e a copia em qualquer notação.
Gerador de paleta de cores
Palette Generator
Monta uma paleta harmoniosa a partir de uma cor base usando regras complementar, triádica e análoga.
Em seguida
Estas aceitam o que esta ferramenta produz, então o resultado pode ir direto.
Conversor de formato de cor
Colour Format Converter
Converte uma cor entre HEX, RGB, HSL, HWB, LAB, LCH e OKLCH e nomeia a cor conhecida mais próxima.
Verificador de contraste
Contrast Checker
Pontua um par de cores de texto e fundo contra WCAG 2 e APCA e sugere a cor aprovada mais próxima.
Cor média e dominante
Average & Dominant Colour
Devolve uma cor representativa da imagem — média, mediana ou mais frequente — como um recurso de cor.
Gerador de paleta de cores
Palette Generator
Monta uma paleta harmoniosa a partir de uma cor base usando regras complementar, triádica e análoga.
Remover fundo de imagem
Background Remover
Recorta um fundo liso ou de cor única em OKLab e devolve um PNG transparente, com um pincel para corrigir as bordas.
Remover EXIF
EXIF Remover
Remove metadados de câmera, GPS e edição das fotos sem tocar nos pixels.