Solte uma imagem aqui ou clique para selecionar
Extraia localmente as cores dominantes em HEX, RGB e HSL.
Extrair uma paleta de uma imagem é útil no design de interfaces, em landing pages, painéis de referências de marca, variáveis CSS, artes para redes sociais, apresentações e páginas de produtos. A paleta reúne as cores dominantes que dão consistência ao visual.
Envie um logotipo, captura de tela, foto, imagem de produto, ilustração ou design de referência e copie os valores HEX, RGB e HSL e as propriedades personalizadas CSS geradas. A amostragem ocorre localmente no navegador.
Use menos cores para uma paleta compacta de marca ou interface e mais cores quando a imagem tiver vários destaques relevantes. A amostragem fina examina a imagem com mais detalhe, enquanto a grosseira é mais rápida em arquivos grandes. Pixels transparentes são ignorados para que não gerem uma cor falsa na paleta.
As cores extraídas são aproximações dominantes, não uma reprodução garantida dos tokens de design ou valores de impressão originais. Verifique o contraste antes de usá-las em textos e controles. Você pode copiar as propriedades personalizadas CSS ou baixar um arquivo .css pronto para edição posterior.