Gire a roda e deixe o universo decidir sua próxima cor. Obtenha o código HEX, RGB e HSL na mesma tela — pronto para copiar e usar no seu projeto, arte ou simples diversão. Sem cadastro, sem custo, sem limite.
De números a comidas — temos a roleta ideal para cada momento da sua vida.
Da primeira girada ao código copiado — tudo em menos de 15 segundos.
Selecione entre quatro modos: Básico para 12 cores vivas e nomeadas, Arco-Íris para 24 tonalidades do espectro completo, Pastel para tons suaves e delicados, ou Personalizado para montar exatamente a paleta que você precisa — cor por cor, com nomes à sua escolha.
Clique em GIRAR ou toque no centro da roda. A animação cria suspense enquanto a música toca, e o banner de prévia já começa a transitar para a cor vencedora em tempo real — um efeito visual marcante que torna cada giro uma pequena experiência estética.
Assim que a cor para, o painel Detalhes exibe automaticamente os valores HEX, RGB e HSL — cada um com seu próprio botão Copiar. O popup de resultado também disponibiliza os três formatos. Sem precisar anotar nada: um clique e o código já está na área de transferência.
Cada cor sorteada aparece como um swatch visual no painel Histórico. Passe o mouse sobre qualquer swatch para ver o nome e o código HEX. Clique no swatch para copiar o código instantaneamente. Os dados da sessão mostram total de giros, cores distintas e a cor mais frequente.
Quantas vezes você ficou olhando para a tela em branco sem saber qual cor usar? No design, na pintura, na decoração ou na criação de conteúdo, a paralisia de escolha diante de milhões de possibilidades é real — e muito mais comum do que parece. A Roleta de Cores resolve esse bloqueio de uma forma completamente diferente: em vez de escolher, você delega ao acaso. E o acaso, com frequência surpreendente, escolhe muito bem.
O princípio da ferramenta é simples — cada fatia da roda tem o mesmo tamanho, então todas as cores do conjunto ativo têm exatamente a mesma probabilidade de ser sorteadas. Não há pesos ocultos, tendências algorítmicas nem memória de resultados anteriores. Cada giro começa do zero, e o resultado é genuinamente imparcial.
💡 Dica profissional: Use o modo Personalizado para carregar as cores da identidade visual de um cliente ou projeto. Gire para sortear qual cor será o destaque de cada peça de uma campanha — é uma forma criativa e democrática de distribuir elementos visuais em branding.
O modo Básico apresenta 12 cores de alto contraste com nomes universalmente reconhecidos: Vermelho, Laranja, Amarelo, Verde, Verde-limão, Verde-azulado, Ciano, Azul, Índigo, Roxo, Rosa e Marrom. São cores limpas, vivas e fáceis de identificar — perfeitas para jogos educativos, desafios de grupo e qualquer situação onde o nome da cor precisa ser comunicado com clareza.
O modo Arco-Íris expande a roda para 24 cores distribuídas uniformemente pelo espectro visível, do vermelho puro ao rosa-profundo passando por todas as graduações intermediárias. Ideal para projetos que exigem exploração cromática ampla, criação de gradientes ou simplesmente contemplação estética. Cada giro revela um matiz diferente, fazendo desta a paleta favorita de fotógrafos e artistas visuais.
O modo Pastel usa versões suavizadas das mesmas cores, com alta luminosidade e baixa saturação. O resultado é uma paleta gentil e harmoniosa — associada a convites de chá de bebê, identidades visuais de marcas femininas, decoração escandinava e interfaces de apps modernos. Em festas temáticas, sortear a cor pastel do enfeite de cada mesa cria um visual coeso sem ser monótono.
O modo Personalizado é o mais poderoso: você abre o seletor de cores nativo do navegador, escolhe qualquer cor do espectro completo, batiza com o nome que quiser e adiciona à roda. A paleta pode ter de 2 a mais de 30 cores. Isso transforma a roleta em uma ferramenta real de trabalho — carregue a paleta de um cliente, as cores de uma coleção de moda ou as tonalidades de uma obra de arte, e use o sorteio para distribuições criativas e imparciais.
Após cada giro, a Roleta de Cores fornece a cor em três formatos diferentes, cada um com aplicações específicas. O código HEX é o mais usado em desenvolvimento web e design digital: um valor de seis caracteres precedido por # que representa as intensidades de vermelho, verde e azul em hexadecimal. É o formato padrão do CSS, Figma, Illustrator e praticamente toda ferramenta de design.
O formato RGB (Red, Green, Blue) expressa as mesmas informações de cor como três números de 0 a 255 — mais legível para humanos e essencial em aplicações que precisam manipular componentes de cor separadamente, como filtros em processamento de imagem ou animações CSS que interpolam entre valores. Já o HSL (Hue, Saturation, Lightness) é o favorito de designers que trabalham com harmonia de cores: ajustar apenas o valor de Hue mantém a mesma saturação e luminosidade, criando variações coerentes de uma mesma identidade visual com muito mais facilidade.
Tudo que você precisa saber antes de começar a girar
O banner exibido acima da roda muda automaticamente para a cor sorteada assim que o giro termina — o fundo inteiro do banner se torna aquela cor, e o texto interno muda para garantir contraste legível (escuro em cores claras, claro em cores escuras). O nome da cor e o código HEX aparecem no banner junto com um botão Copiar para acesso rápido, sem precisar abrir o painel de detalhes.
Sim! O modo Personalizado foi criado exatamente para isso. Insira as cores da identidade visual do seu cliente ou marca, nomeie cada uma (ex: "Azul Principal", "Laranja Secundário"), e use a roleta para sortear qual cor será o elemento de destaque de cada peça ou seção de um projeto. É uma forma criativa e democrática de distribuir uso de cores em campanhas com múltiplas peças.
Ambos cobrem o espectro cromático completo, mas com saturação e luminosidade diferentes. O modo Arco-Íris usa cores puras e saturadas — vibrantes, de alto impacto visual. O modo Pastel usa as mesmas posições no espectro, mas com luminosidade elevada e saturação reduzida, resultando em tons suaves como Rosinha, Azul Bebê, Menta e Lavanda. O modo certo depende do tom emocional que você quer transmitir.
O histórico é mantido apenas durante a sessão atual do navegador. Ao fechar ou recarregar a página, os dados são apagados — garantindo privacidade e um começo sempre limpo. Se precisar guardar as cores sorteadas, copie os códigos HEX para um documento ou faça uma captura de tela do painel de histórico antes de sair da página.
Sim! Ao passar o mouse (ou tocar em dispositivos touch) sobre qualquer swatch no painel Histórico, aparece um tooltip com o nome da cor e o código HEX. Clicar no swatch copia o código instantaneamente para a área de transferência, com uma confirmação em tela. O histórico armazena até 30 cores da sessão atual.
Perfeitamente. A Roleta de Cores é totalmente responsiva — a roda se adapta automaticamente ao tamanho da tela, os botões são projetados para toque, e o seletor de cores abre o painel nativo de cores do sistema operacional, seja Android ou iOS. Não é necessário instalar nada nem criar uma conta.
Sim, totalmente. Não existe nenhuma versão paga, nenhum limite de giros, nenhum recurso bloqueado. Todos os modos de paleta, o painel de detalhes com HEX/RGB/HSL, os botões de cópia, o histórico visual, as estatísticas de sessão, os efeitos sonoros e o confete estão disponíveis gratuitamente para qualquer pessoa, sem cadastro, para sempre.
Pare de procurar a cor perfeita e deixe a roleta encontrá-la por você. Pode ser exatamente o que faltava no seu projeto — ou simplesmente uma surpresa agradável no meio do dia.