O que é o gerador de cores ao acaso?
É uma ferramenta que cria uma cor aleatória cada vez que você toca e mostra o código em HEX e em RGB, os dois formatos padrão usados em design e em CSS. Pinta uma área inteira com a cor para você vê-la em tamanho grande e poder copiar o código com um toque.
É perfeita para encontrar inspiração quando você não sabe qual cor usar, para descobrir combinações novas ou simplesmente para deixar que a sorte escolha uma paleta por você.
Para que serve uma cor ao acaso?
- Design web e CSS: copiar uma cor em HEX ou RGB e colá-la na sua folha de estilos.
- Inspiração criativa: sair das suas cores de sempre e descobrir tons novos.
- Ilustração e arte: escolher uma paleta inicial ao acaso.
- Decidir entre opções atribuindo uma cor a cada uma.
- Jogos e desafios de adivinhar ou reproduzir cores.
Como funciona?
Cada cor é gerada escolhendo ao acaso um valor de 0 a 255 para cada um dos três canais (vermelho, verde e azul) com a função Math.random() do navegador. A combinação desses três valores dá a cor final, mostrada em HEX (#RRGGBB) e em RGB. Há mais de 16,7 milhões de cores possíveis, então é muito difícil que uma se repita.
O código da cor é calculado e copiado dentro do seu navegador; nada é enviado a nenhum servidor. O histórico guarda as últimas cores da sessão caso você queira recuperá-las.
Perguntas frequentes
O que é um código HEX?
É a forma de escrever uma cor na web com cerquilha e seis dígitos hexadecimais (#RRGGBB): dois para o vermelho, dois para o verde e dois para o azul. É o formato mais usado em CSS e design.
Como copio a cor?
Toque no botão HEX ou no botão RGB e o código é copiado para a área de transferência, pronto para colar no seu editor, CSS ou programa de design.
Quantas cores pode gerar?
Pouco mais de 16,7 milhões: 256 valores possíveis para cada canal (vermelho, verde e azul), ou seja, 256 × 256 × 256 combinações.
Serve para design web e CSS?
Sim. Dá a cor em HEX e RGB, os dois formatos padrão de CSS, então você pode colá-la diretamente na sua folha de estilos ou ferramenta de design.
As cores são realmente aleatórias?
Sim. Cada canal de cor é gerado com o motor pseudoaleatório do navegador, então cada cor é independente da anterior. Tudo acontece no seu navegador.
Qual é a diferença entre HEX, RGB e HSL?
São três formas de escrever a mesma cor. O HEX (#RRGGBB) é o mais usado na web e em design. O RGB indica a quantidade de vermelho, verde e azul (de 0 a 255). O HSL usa matiz, saturação e luminosidade, e é o mais intuitivo para clarear ou escurecer uma cor ou buscar tons parecidos. A ferramenta dá os três para você copiar o que precisar.