Gerador de cores aleatórias
Gere uma nova sequência de códigos de cor HEX aleatórios dentro do intervalo sRGB de 24 bits. Escolha quantas amostras você precisa, visualize cada cor na hora e copie os códigos para CSS, anotações de design, fixtures de QA ou testes de paleta.
Como gerar cores HEX aleatórias
-
1
Escolha a quantidade
Digite qualquer número de 1 a 50, conforme a quantidade de amostras que deseja revisar.
-
2
Gere as amostras
Cada resultado é um código HEX de seis dígitos no formato #RRGGBB, com valores separados para os canais vermelho, verde e azul.
-
3
Copie e teste
Guarde as cores que funcionarem, verifique o contraste antes de usá-las com texto e converta para RGB ou HSL só se o seu fluxo exigir.
O que o gerador cria
Cada código representa uma cor sRGB de 24 bits: 8 bits para vermelho, 8 para verde e 8 para azul. Isso oferece 16.777.216 valores HEX possíveis, de #000000 a #FFFFFF. A ferramenta mostra a amostra e o código; ela não nomeia, classifica nem garante a legibilidade da cor.
Como ler uma cor HEX
| Parte | Significado | Intervalo |
|---|---|---|
# |
Marcador de cor CSS | Prefixo literal |
RR |
Canal vermelho | 00 a FF |
GG |
Canal verde | 00 a FF |
BB |
Canal azul | 00 a FF |
Usos práticos
- Rascunhar estados de interface, destaques de gráficos ou artes provisórias enquanto a cor final ainda está em aberto.
- Montar uma paleta inicial e depois remover cores muito parecidas, escuras demais ou chamativas demais.
- Criar dados de teste para CSS, SVG, canvas e exemplos de design system.
Antes de usar uma cor aleatória em produção
Uma cor aleatória é apenas um ponto de partida. Para textos, botões e controles, teste-a contra a cor de primeiro plano ou de fundo. O WCAG AA pede taxa de contraste de 4,5:1 para texto normal e 3:1 para texto grande. Para marca ou impressão, revise a cor em telas calibradas e faça a conversão separadamente para impressão.
Perguntas frequentes
O HEX aleatório cobre todos os valores de canal, então muitos resultados não vão parecer cores de paleta já refinadas. Gere uma seleção maior e mantenha as amostras com contraste e saturação suficientes para o seu uso.
Esta ferramenta cria cores aleatórias independentes. Para uma paleta mais coesa, use um gerador de paletas ou mantenha manualmente uma família de matiz escolhendo variações mais claras e mais escuras.
Esta ferramenta não tem controle de seed. Copie os códigos HEX que deseja preservar para reutilizá-los depois.
Sim. Valores HEX de seis dígitos #RRGGBB são sintaxe padrão de cores em CSS e funcionam em propriedades como color, background-color, bordas, gradientes e preenchimentos SVG.
Não sem verificar o contraste. Uma amostra aleatória pode falhar facilmente nos requisitos de contraste WCAG, especialmente atrás de texto pequeno ou tipografia leve.
Ferramentas relacionadas
Referência da Tabela ASCII
Tabela ASCII completa de 0 a 127 com valores decimais, hexadecimais, octais e binários e notação de referência numérica HTML, incluindo NUL, LF e DEL.
Gerador de Paletas de Cores
Gere paletas monocromáticas, análogas, complementares, triádicas ou tetrádicas a partir de uma cor base HEX e exporte variáveis CSS prontas para copiar.
Conversor de Binário para ASCII
Cole binário (bytes separados por espaço ou um longo fluxo de bits) e obtenha o texto ASCII que ele representa. Lida com codificações de 7 bits e 8 bits.
Conversor de ASCII para Hex
Converta texto ASCII em valores de byte hexadecimal. A saída usa dois dígitos hexadecimais por caractere, prontos para dumps de memória, rastreamentos de pacotes ou tabelas de firmware.
Conversor de BBCode para HTML
Converta BBCode (marcação de fórum) para HTML limpo. Lida com tags de formatação, listas, citações, código, imagens, links e tabelas.
Simplificador de Álgebra Booleana
Simplifique expressões booleanas usando mapas de Karnaugh e o algoritmo de Quine-McCluskey. Mostra cada passo de minimização e uma forma final SOP/POS.