Crie harmonias de cores incríveis com nossa roda de cores interativa. Gere esquemas de cores complementares, triádicos, análogos e outros. Exporte como CSS, SCSS, Tailwind, PNG, PDF ou JSON.
Converta cores hexadecimais para as cores Pantone mais próximas com nossa ferramenta online gratuita. Apresenta correspondência de cores Delta E precisa, navegue por mais de 40 cores Pantone populares e obtenha comparações de cores instantâneas. Perfeito para designers, impressores e profissionais de cor.
Converta cores HSV (Matiz, Saturação, Valor) para suas correspondências Pantone mais próximas instantaneamente. Encontre a cor Pantone perfeita com nossa ferramenta abrangente de correspondência de cores, com comparações visuais e ciência de cores precisa.
Converta cores RGB para as suas correspondências Pantone mais próximas com o nosso algoritmo avançado de correspondência de cores. Navegue por cores Pantone selecionadas, compare diferenças de cores e obtenha códigos de cores precisos para projetos de design.
Converta cores CMYK para as suas correspondências Pantone mais próximas usando ciência de cores avançada. Navegue por uma coleção selecionada de cores Pantone populares com comparação de cores em tempo real e funcionalidade de cópia.
Crie colagens visuais impressionantes combinando suas imagens com paletas de cores extraídas. Faça upload de qualquer imagem para extrair automaticamente suas cores dominantes e criar belas composições com layouts, estilos e proporções de tela personalizáveis.
Crie gradientes CSS lineares e radiais impressionantes com nosso gerador de gradientes fácil de usar. Escolha cores, defina direções e copie o código CSS instantaneamente para seus projetos web.
Escolha entre esquemas de cores complementares, monocromáticos, análogos, triádicos, tetráticos ou complementares divididos usando o menu suspenso.
Clique e arraste na roda de cores para selecionar sua cor base. As cores da harmonia serão atualizadas automaticamente com base na sua seleção.
Use o anel externo de luminância para ajustar o brilho da sua paleta de cores, mantendo a relação de harmonia.
Clique nas amostras de cores para copiar cores individuais, ou use o botão Exportar para baixar sua paleta em vários formatos.
Arraste e ajuste as cores em uma roda de cores visual com anel de controle de luminância separado para seleção precisa de cores.
Gere automaticamente esquemas de cores complementares, monocromáticos, análogos, triádicos, tetráticos e complementares divididos.
Visualize e copie cores nos formatos HEX, RGB, HSL e CMYK com cópia para a área de transferência com um clique.
Exporte paletas como imagens PNG, documentos PDF, dados JSON, variáveis CSS, variáveis SCSS ou configuração Tailwind CSS.
Uma roda de cores é uma representação visual de cores organizadas por sua relação cromática. Harmonia de cores refere-se ao arranjo agradável de cores que funcionam bem juntas. Nossa ferramenta interativa ajuda você a criar combinações de cores matematicamente equilibradas usando princípios tradicionais da teoria das cores, como esquemas de cores complementares (opostas), triádicas (três igualmente espaçadas) e análogas (adjacentes).
Baseado em princípios tradicionais da teoria das cores usados por artistas e designers há séculos para criar combinações visualmente atraentes.
Gere variáveis CSS, variáveis SCSS e arquivos de configuração Tailwind CSS prontos para usar em seus projetos web.
Exporte suas paletas como imagens (PNG), documentos (PDF) ou dados (JSON) para uso em diferentes ferramentas e plataformas de design.
Veja as relações de harmonia visualizadas com linhas de conexão e ajuste as cores interativamente com feedback visual imediato.
A ferramenta oferece 6 tipos de harmonia: Complementar (2 cores opostas), Monocromática (variações de uma cor), Análoga (3 cores adjacentes), Triádica (3 cores igualmente espaçadas), Tetrática (4 cores igualmente espaçadas) e Complementar Dividida (1 cor + 2 cores adjacentes ao seu complemento).
Use o anel externo de luminância ao redor da roda de cores. Clique e arraste neste anel para ajustar a claridade/escuridão de todas as cores em sua harmonia, mantendo suas relações de matiz e saturação.
Sim, clique em qualquer amostra de cor para copiar seu valor para a área de transferência. Você pode alternar entre os formatos HEX, RGB, HSL e CMYK usando os botões seletores de formato.
Você pode exportar como imagens PNG, documentos PDF, dados JSON, variáveis CSS, variáveis SCSS e arquivos de configuração Tailwind CSS. Cada formato é otimizado para diferentes casos de uso.
Copie as variáveis CSS do modal de exportação e cole-as em sua folha de estilo. Você pode então usá-las assim: background-color: var(--color-1); ou color: var(--color-2);
Sim, você pode arrastar qualquer ponto de cor da harmonia para ajustar toda a paleta. A cor principal será recalculada automaticamente para manter a relação matemática do tipo de harmonia selecionado.