Roleta de cores

Gire a roda de cores para tirar uma cor aleatória e uma paleta combinando, ou gire cores com nome ou as cores de uma imagem.

Roleta interativa
Pronta para girar
A roleta está pronta

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

  1. Escolha o que girar: a roda de cores, cores com nome ou as cores de uma imagem.
  2. Na roda de cores, escolha um estilo e uma combinação de cores.
  3. Gire. A roleta para em uma cor aleatória e mostra a paleta com os códigos HEX e RGB.
  4. 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.