Ferramenta local de cores
Gerador de cores e paletas aleatórias
Crie uma paleta compacta, bloqueie as cores que você gosta, compare o contraste do texto preto e branco, depois copie os valores exatos ou exporte JSON.
Controles da paleta
Usa Web Crypto neste navegador. Cores bloqueadas permanecem no lugar. Modos de estilo restringem os intervalos de HSL; eles não garantem harmonia de cores.
Escolha um tamanho e estilo, depois gere uma paleta.
As proporções de contraste comparam apenas cores opacas sRGB. Elas não certificam uma interface inteira nem levam em conta tamanho da fonte, peso, transparência, gradientes ou imagens. Valores da paleta permanecem neste componente e não são adicionados a URLs ou armazenamento. Análises regulares do site ainda podem ser carregadas sem receber esses valores.
Local do roteamento: pt-BRComo a paleta é gerada
Cada posição desbloqueada é sorteada neste navegador com Web Crypto. O modo de espectro completo sorteia um valor sRGB de 24 bits. Pastel, vibrante, escuro e claro usam faixas definidas de matiz, saturação e luminosidade antes da conversão para sRGB; tons de cinza usam o mesmo canal para vermelho, verde e azul.
O gerador evita cores repetidas dentro da paleta e mantém cada posição bloqueada. Ele mostra HEX, RGB e HSL da mesma cor opaca e calcula o contraste com preto puro e branco puro a partir da luminância relativa.
Exemplo: criar uma paleta com cinco cores
Escolha cinco cores e o estilo Vibrante. Gere uma vez, bloqueie os dois tons que combinam com o projeto e gere novamente apenas as outras posições. Copie as variáveis CSS para o protótipo, mas teste fonte, tamanho, peso, estados, transparência e fundos reais antes de considerar qualquer combinação acessível.
Usos práticos
- Explorar uma direção visual antes de finalizar um sistema de design.
- Criar tokens distintos para gráficos, atividades de aula ou protótipos de jogos.
- Comparar texto preto e branco como verificação inicial de uma amostra opaca.
Limites e verificações
- Os estilos restringem faixas HSL, mas não garantem harmonia, adequação à marca ou distância perceptiva.
- A taxa de uma amostra sRGB opaca não certifica um componente nem uma interface completa segundo as WCAG.
- As cores são insumos de design; não são senhas, chaves criptográficas nem prova de unicidade fora da paleta atual.
O que permanece local
As cores e os bloqueios ficam na memória do componente e não entram na URL nem no armazenamento do navegador. Copiar ou baixar produz apenas uma saída local. A análise normal do site pode carregar, mas não recebe os valores da paleta.
Perguntas sobre paletas aleatórias
- Posso manter uma cor e trocar as demais?
- Sim. Bloqueie qualquer amostra e gere novamente. Ela fica na mesma posição até ser desbloqueada ou até a ferramenta ser redefinida.
- Por que o texto sugerido ainda pode ser inadequado?
- A taxa só compara preto ou branco puro com um fundo opaco. Tipografia, gradientes, opacidade, imagens e estados precisam ser testados no contexto real.
- Os valores HSL são exatos?
- São uma representação arredondada derivada do valor sRGB. Use HEX ou RGB quando precisar de um valor exato para intercâmbio.
- A ferramenta envia minha paleta?
- Não. Geração, bloqueio, conversão e contraste acontecem no navegador. Você decide onde salvar ou compartilhar um arquivo exportado.
Ferramentas relacionadas
Funcionalidade e conteúdo em português revisados em 2026-08-22.