Gerador de Folha de Amostras de Cor

Gerador de Folha de Amostras de Cor

Cole uma lista de cores e veja instantaneamente uma folha de amostras imprimível com rótulos em hex. Mista qualquer formato de cor CSS — hex curto e longo, rgb(), rgba(), hsl(), hsla(), ou nomes de cores como tomate — e baixe a folha como PNG de alta resolução ou SVG escalável para transferência, impressão ou documentação de sistema de design.

Como usar

1. Insira uma cor por linha no Cores textarea, ou clique Tente um exemplo para carregar uma paleta inicial.
2. Ajuste Colunas, Tamanho da amostra, Espaçoe, e Alineação da folha para corresponder à disposição que você precisa.
3. Escolha a cor de fundo da folha e ative se deseja mostrar rótulos em hex ou nomes de cores CSS correspondentes em cada amostra.
4. Escolha como as etiquetas são coloridas — Automático usa contraste contra cada amostra, ou força Sempre escuro ou Sempre claro.
5. Clique Baixar PNG para uma exportação em malha 2x, ou Baixar SVG para um arquivo vetorial que pode ser aberto em Figma, Illustrator ou qualquer navegador.

Características

• Entrada em múltiplos formatos — aceita hex (#abc, #aabbcc, #aabbccdd), rgb(), rgba(), hsl(), hsla(), e nomes de cores CSS em uma mesma lista.
• Visualização SVG em tempo real — a folha é reconstruída enquanto você digita, então as mudanças na disposição são instantâneas.
• Grade configurável — controle o número de colunas, largura e altura das amostras, espaço, alinhamento e raio dos cantos.
• Etiquetas inteligentes — mostre códigos em hex, detecte automaticamente nomes de cores CSS correspondentes e escolha entre cores de rótulo com contraste ou fixas.
• Cores transparentes — as amostras com alfa são renderizadas sobre um padrão de quadros para que a opacidade seja visualmente evidente nas exportações.
• Dois formatos de exportação — PNG de alta resolução via Canvas, mais um SVG copiável para uso vetorial.
• Totalmente no lado do cliente — as cores nunca saem do navegador, então é seguro para paletas de marcas ainda não lançadas.