Gerador de cores
Sistema de paletas // v1.0
Intervalo: 1-10
À espera de entrada...
Como esta ferramenta ajuda
O RandomHub gera de 1 a 10 cores e mostra HEX, RGB e HSL para cada amostra. As seis harmonias são aleatória, monocromática, análoga, complementar, triádica e tetrádica. Os seis tons são qualquer, pastel, vivo, suave, escuro e claro. A harmonia define a relação entre os matizes, enquanto o tom restringe as faixas de saturação e luminosidade. Gerar novamente cria outra paleta com as mesmas configurações; mudar um controle permite explorar outra parte do espaço de cores. O nome exibido é um rótulo aproximado da cor mais próxima, não uma especificação exata. Para implementar ou entregar a paleta, os valores numéricos continuam sendo a referência confiável.
Seis harmonias explícitas
Seis tons
Três formatos para copiar
Inteiros aleatórios sem viés
O que é um gerador de cores aleatórias?
O RandomHub gera de 1 a 10 cores e mostra HEX, RGB e HSL para cada amostra. As seis harmonias são aleatória, monocromática, análoga, complementar, triádica e tetrádica. Os seis tons são qualquer, pastel, vivo, suave, escuro e claro. A harmonia define a relação entre os matizes, enquanto o tom restringe as faixas de saturação e luminosidade. Gerar novamente cria outra paleta com as mesmas configurações; mudar um controle permite explorar outra parte do espaço de cores. O nome exibido é um rótulo aproximado da cor mais próxima, não uma especificação exata. Para implementar ou entregar a paleta, os valores numéricos continuam sendo a referência confiável.
Para quem a ferramenta é útil?
Designers de produto e marca
Ampliar rapidamente uma direção visual antes de refinar contraste, acessibilidade e coerência de marca.
Desenvolvedores frontend
Criar cores provisórias e copiar valores exatos para CSS, tokens ou protótipos.
Equipes de visualização de dados
Começar com matizes separados e validar legibilidade e significado no gráfico final.
O que os controles realmente fazem
Seis harmonias explícitas
Aleatória sorteia matizes independentes. Monocromática mantém um, análoga fica numa janela de 80°, complementar alterna opostos, e triádica ou tetrádica percorre três ou quatro matizes igualmente espaçados.
Seis tons
Qualquer deixa saturação e luminosidade abertas. Pastel, vivo, suave, escuro e claro aplicam faixas HSL diferentes.
Três formatos para copiar
Cada resultado inclui HEX, RGB e HSL. É possível copiar um valor ou a paleta inteira como texto multilinha.
Inteiros aleatórios sem viés
A seleção de matiz usa Web Crypto getRandomValues com rejection sampling para evitar viés de módulo ao reduzir o intervalo Uint32.
Pontos de partida práticos
Exploração de interface
Experimente 5 cores análogas em pastel para uma direção calma e depois confira o contraste do texto.
Configuração: 5 cores · Análoga · Pastel. Copie os HEX para um conjunto exploratório de tokens.
Conceito energético
Experimente 3 cores triádicas vivas para afastar a busca de uma paleta de marca conhecida demais.
Configuração: 3 cores · Triádica · Vivo. Trate o resultado como direção, não como identidade final.
Categorias de gráfico
Use uma paleta tetrádica como rascunho e depois confira legibilidade, visão de cores e ordem semântica.
Configuração: 4 cores · Tetrádica · Qualquer. Valide o gráfico real, não apenas a distância entre matizes.
Como usar
- 1.
Escolher quantidade
Digite um número inteiro de 1 a 10.
- 2.
Escolher harmonia
Selecione uma das seis regras conforme a relação desejada entre os matizes.
- 3.
Escolher tom
Mantenha Qualquer ou escolha Pastel, Vivo, Suave, Escuro ou Claro.
- 4.
Gerar e copiar
Gere a paleta e copie HEX, RGB, HSL ou o resultado completo.
Perguntas frequentes
De onde vem a aleatoriedade?
O gerador usa Web Crypto getRandomValues. Intervalos inteiros aplicam rejection sampling para que uma simples operação de resto não distorça a distribuição.
Como as harmonias são calculadas?
Análoga distribui cores de −40° a +40° em torno do matiz base (±40°). Complementar alterna matizes a 180°. Triádica percorre intervalos de 120° e tetrádica de 90°. Monocromática varia a luminosidade de um matiz.
O que os tons limitam?
Pastel, vivo, suave, escuro e claro usam faixas distintas de saturação e luminosidade. Qualquer deixa ambas abertas.
O nome exibido é exato?
Não. É o nome mais próximo de uma lista preparada, calculado por distância RGB e localizado para exibição. Para precisão, use HEX, RGB ou HSL.
Por que três formatos?
HEX é compacto, RGB expõe os canais da tela e HSL separa matiz, saturação e luminosidade para ajustes.
Uma harmonia garante acessibilidade?
Não. A relação de matizes não garante contraste legível nem acessibilidade para diferentes visões de cor. Teste o contexto final.
Da direção aleatória à decisão de design
Uma paleta gerada é mais útil no começo, quando ampliar opções importa mais do que polir. O RandomHub mostra quantidade, harmonia, tom, valores numéricos e um nome aproximado. Uma harmonia descreve relações geométricas entre matizes, mas não decide qual cor deve representar texto, destaque, aviso ou fundo. Defina esses papéis na interface ou no gráfico real e depois verifique o contraste nos tamanhos e estados previstos, além da distinção para diferentes formas de visão de cores. Use HEX, RGB ou HSL como referência de implementação e o nome mais próximo apenas como apoio de leitura. Significado de marca, reprodução e hierarquia visual também precisam ser avaliados no contexto final.
Ferramentas relacionadas
Ferramentas relacionadas
Continue com ferramentas para aulas, jogos, escrita, planeamento e decisões rápidas.