Extrair Paleta de Cores de Pôr do Sol de uma Foto

Extrair Paleta de Cores de Pôr do Sol de uma Foto

Envie uma foto de pôr do sol e a ferramenta identifica os tons quentes dominantes: laranjas, rosas, roxos e amarelos dourados. A quantização de corte mediano agrupa pixels semelhantes e retorna uma paleta ordenada com códigos hex e porcentagens de cobertura. Todo o processamento acontece no seu navegador.

Como Usar

1. Envie uma foto de pôr do sol (PNG, JPEG ou WebP)
2. Ajuste a contagem de cores para 8 para uma paleta equilibrada
3. Clique em qualquer amostra para copiar seu código hex
4. Exporte a paleta completa como variáveis CSS ou JSON

O que a Paleta Revela

Pôres do sol são um bom caso de teste para extração de cores porque contêm um gradiente suave através de múltiplos tons quentes. A saída da ferramenta revela quais cores dominam o quadro. Um pôr do sol com 60% laranja e 20% roxo indica que os tons quentes estão concentrados no céu inferior, enquanto o roxo aparece mais acima.

A porcentagem de cobertura de pixels ajuda a decidir quais cores importam. Uma cor cobrindo 40% da imagem é claramente o tom dominante. Cores abaixo de 5% são variações sutis que podem não valer a pena serem usadas em um sistema de design.

Usando Cores de Pôr do Sol no Design Web

Paletas quentes de pôr do sol funcionam bem para seções hero, páginas de destino e branding de produtos de viagem ou estilo de vida. O contraste natural entre laranjas quentes e roxos profundos cria interesse visual sem precisar de cores de acento adicionais.

Use a exportação CSS para obter variáveis como --color-palette-1 até --color-palette-8. A cor de maior cobertura funciona como fundo principal. Cores de tom médio funcionam para botões e elementos interativos. As cores mais escuras funcionam para texto.

Precisa verificar se suas cores de pôr do sol atendem aos padrões de acessibilidade? Verifique pares de primeiro plano e fundo com o Verificador de Contraste WCAG. Quer construir um gradiente a partir da sua paleta de pôr do sol? O Gerador de Gradiente CSS transforma suas cores em gradientes lineares ou radiais.