Um gerador de cores aleatórias com teoria das cores
A roda de cores tem todos os tons, então cada giro cai em uma cor aleatória. Escolha um estilo, viva, pastel ou escura, e uma combinação de cores, e a roleta monta uma paleta em volta da cor sorteada: a cor complementar, uma tríade, as cores análogas e mais. Cada cor vem com os códigos HEX e RGB, prontos para copiar em um design, um artesanato ou um jogo.
Como sortear uma cor
- Escolha o que girar: a roda de cores, cores com nome ou as cores de uma imagem.
- Na roda de cores, escolha um estilo e uma combinação de cores.
- Gire. A roleta para em uma cor aleatória e mostra a paleta com os códigos HEX e RGB.
- Clique em uma cor para copiar o código. Com cores com nome, oculte cada cor sorteada para girar sem repetir.
Ideias para usar a roleta de cores
- Começar um design, um logotipo ou um site com uma paleta sorteada.
- Sortear a cor de um exercício de aquecimento na aula de artes.
- Brincar de caça às cores com as crianças: achar algo da cor sorteada.
- Escolher a cor de um time, o tema de uma festa ou o próximo esmalte.
- Transformar as cores principais de uma foto em uma paleta.
Combinações de cores
Cada combinação parte da cor sorteada pela roleta e adiciona cores em ângulos fixos na roda de cores. Todos os exemplos partem do mesmo azul.
- Cor única
- Só a cor em que a roleta para.
- Monocromática
- Um mesmo tom em versões mais claras e mais escuras. Calma e fácil de combinar.
- Complementar
- A cor e a sua oposta, a 180° na roda: o contraste mais forte.
- Complementar dividida
- A cor e as duas vizinhas da sua complementar, a 150° e 210°: contraste com menos tensão.
- Análoga
- A cor e as suas vizinhas a 30° de cada lado, uma harmonia como a da natureza.
- Triádica
- Três cores à mesma distância, separadas por 120°: viva e equilibrada.
- Tetrádica
- Dois pares de complementares, deslocados 60°: quatro cores para uma paleta rica.
- Quadrada
- Quatro cores à mesma distância, separadas por 90°.
Cores básicas e os seus códigos
As cores da roleta de cores básicas, com os códigos HEX e RGB que a roleta usa.
| Cor | HEX | RGB |
|---|---|---|
| Vermelho | #E53935 |
229, 57, 53 |
| Laranja | #FB8C00 |
251, 140, 0 |
| Amarelo | #FDD835 |
253, 216, 53 |
| Verde | #43A047 |
67, 160, 71 |
| Verde-azulado | #00897B |
0, 137, 123 |
| Azul | #1E88E5 |
30, 136, 229 |
| Roxo | #8E24AA |
142, 36, 170 |
| Rosa | #D81B60 |
216, 27, 96 |
| Marrom | #6D4C41 |
109, 76, 65 |
| Cinza | #757575 |
117, 117, 117 |
| Preto | #212121 |
33, 33, 33 |
| Branco | #FFFFFF |
255, 255, 255 |
Perguntas frequentes
Como gerar uma cor aleatória?
Gire uma roda de cores que tenha todos os tons. A roleta de cores do SpinnerWheel cai em um tom, define o brilho e a saturação pelo estilo escolhido e mostra a cor com os códigos HEX e RGB.
O que é uma cor complementar?
Uma cor complementar fica exatamente do lado oposto de outra na roda de cores, a 180 graus, como o azul e o laranja. Pares complementares dão o maior contraste de todas as combinações de cores.
O que é uma combinação triádica?
Uma combinação triádica usa três cores distribuídas por igual na roda de cores, a 120 graus uma da outra, como o vermelho, o amarelo e o azul. O resultado é vivo, mas equilibrado.
Posso girar as minhas próprias cores?
Escolha cores com nome na roleta de cores do SpinnerWheel, comece com cores básicas, arco-íris, tons pastel ou neutros e adicione qualquer cor com o seletor. Desmarque uma cor para tirá-la da roleta.
Como as cores são tiradas de uma imagem?
A roleta de cores do SpinnerWheel lê a imagem no seu navegador e agrupa os pixels parecidos para encontrar as cores principais, que depois vão para a roleta. A imagem nunca é enviada para um servidor.
A cor é mesmo aleatória?
Cada tom tem uma fatia igual na roda de cores, e o gerador aleatório do navegador decide onde a roleta para e quão clara a cor fica, então nenhuma cor é favorecida.