Roda de cores interativa
Escolha uma cor base e obtenha esquemas complementares, análogos, triádicos, tetrádicos e complementares divididos.
Cor base
#FF3D72
Complementar
Análoga
Tríade
Tétrade
Complementar dividida
Como usar: Roda de cores
- 1
Insira uma cor
Digite um código de cor ou escolha uma cor com o seletor: cada campo aceita o formato que exibe.
- 2
Veja a conversão
O resultado é atualizado instantaneamente enquanto você digita, junto com uma pré-visualização da cor em tempo real.
- 3
Copie o código
Copie o valor de que precisa com um clique e cole-o no seu design, no seu CSS ou nas configurações de impressão.
O que é a roda de cores
A roda de cores ajuda a montar paletas harmoniosas. Ela organiza os matizes em um círculo, então as relações entre as cores podem ser descritas por ângulos: a cor complementar fica do lado oposto, a 180°; as análogas são vizinhas, a 30° de distância; um esquema triádico usa três matizes separados por 120°; um tetrádico usa quatro matizes separados por 90°; e um esquema complementar dividido combina uma cor com os dois matizes de cada lado da sua complementar.
Escolha uma cor base na janela de cores ou digite seu código HEX, e os cinco esquemas se atualizam na hora. A ferramenta gira apenas o matiz e mantém a saturação e a luminosidade da sua cor base, então todas as amostras têm a mesma intensidade. Clique em qualquer amostra para copiar seu código HEX ou passe o mouse sobre ela para ver o valor RGB. Para um design equilibrado, use uma cor como principal e as outras como destaques.
Tudo funciona localmente no seu navegador: suas imagens nunca são enviadas para um servidor.