Gerador de código de cor HEX aleatório
Gere vários códigos de cor hexadecimais aleatórios de uma só vez, com pré-visualização, cópia individual e exportação como variáveis CSS.
Como funciona
Precisa de inspiração para uma paleta de site, de um conjunto de cores de teste para um layout ou simplesmente de uma cor ao acaso para um projeto criativo? Escolha a quantidade de cores desejada e gere todas com um clique: cada amostra exibe o seu código hexadecimal, que pode ser copiado individualmente, com uma exportação em grupo como variáveis CSS para integrá-las diretamente a uma folha de estilo.
Como funciona um código de cor hexadecimal?
Um código HEX como #3a6df0 codifica três valores de 0 a 255 (vermelho, verde, azul) convertidos para a base 16, ou seja, dois dígitos hexadecimais por componente. É o formato mais usado em CSS e no design web por ser compacto e fácil de copiar e colar.
Posso usar essas cores diretamente no meu código CSS?
Sim: o botão "Copiar como variáveis CSS" formata automaticamente todas as cores geradas como propriedades personalizadas (--color-1, --color-2 etc.) prontas para colar na sua folha de estilo.
A geração das cores é feita inteiramente no seu navegador via WebAssembly, sem nenhuma conexão com um servidor externo.