1. Extração de Paleta de Marca para Tailwind
Desenvolvedor Front-endContexto
Um desenvolvedor precisa implementar a nova identidade visual de um cliente baseando-se apenas em uma imagem de banner institucional.
Problema
Extrair as cores principais da imagem e criar uma escala de tons compatível com a configuração do Tailwind CSS sem fazer cálculos manuais.
Como usar
Carregue a imagem do banner, selecione o tamanho da paleta para 5 cores, escolha a escala Tailwind (50-950), defina o formato como 'Config Tailwind (JS)' e use o prefixo 'brand'.
{
"paletteSize": "5",
"scale": "tailwind",
"format": "tailwind",
"prefix": "brand",
"naming": "semantic"
}Resultado
Um objeto de configuração JavaScript pronto para ser colado no arquivo tailwind.config.js, contendo as cores mapeadas de 50 a 950.