Gerador de Cores Aleatórias
Gere cores aleatórias em formatos hexadecimal, RGB ou HSL com controlo de quantidade.
Executar ferramenta
O gerador de cores aleatórias permite criar valores cromáticos em três formatos textuais distintos: hexadecimal, RGB e HSL. A ferramenta foi concebida para apoiar o desenvolvimento de interfaces, folhas de estilo e projetos gráficos, disponibilizando códigos prontos a utilizar no seu código CSS ou em ferramentas de design. Cada cor é gerada a partir de componentes de vermelho, verde e azul escolhidos de forma independente no intervalo de 0 a 255. No modo hexadecimal, o resultado apresenta o cardinal inicial seguido de seis dígitos minúsculos. No formato RGB, os valores surgem na estrutura rgb(r, g, b), enquanto o formato HSL apresenta a tonalidade em número inteiro acompanhada de percentagens inteiras para a saturação e luminosidade. Pode definir a quantidade pretendida entre 1 e 50 cores por geração. Caso introduza um número fora desse intervalo, a ferramenta ajusta automaticamente o valor aos limites suportados. Se indicar um formato de texto não suportado, a ferramenta adota o padrão hexadecimal.
Instruções
- Indique a quantidade de cores a gerar no campo correspondente, escolhendo um valor entre 1 e 50.
- Indique o formato de representação pretendido: hex, rgb ou hsl.
- Clique em Gerar para visualizar a lista com os códigos de cor gerados.
- Copie os códigos diretamente para o seu editor de código ou aplicação gráfica.
Exemplos
- Gerar 5 cores em formato hexadecimal: defina a quantidade para 5 e o formato para hex para obter códigos como #4f9a2b ou #1c88e0.
- Gerar 1 cor em formato CSS RGB: mantenha a quantidade em 1 e defina o formato para rgb para obter uma string no modelo rgb(120, 45, 210).
- Gerar 3 cores em formato HSL: defina a quantidade para 3 e o formato para hsl para obter valores como hsl(210, 65%, 48%).
Perguntas frequentes
Qual é a quantidade máxima de cores que posso gerar de cada vez?
O limite máximo por geração é de 50 cores. Se introduzir um número superior, a ferramenta ajusta o valor para 50.
O que acontece se eu não selecionar um formato de cor?
Quando o campo de formato fica vazio ou contém um valor não reconhecido, a ferramenta aplica automaticamente a formatação hexadecimal.
Como são construídas as cores geradas?
Cada cor é calculada com base na seleção aleatória e independente de três canais (vermelho, verde e azul) com intensidades inteiras de 0 a 255.
O código hexadecimal inclui o símbolo de cardinal?
Sim, todos os códigos hexadecimais gerados incluem o prefixo '#' seguido de seis caracteres minúsculos.