🛠️ Ferramenta de Navegador
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.
Selecione o Tipo de Harmonia
Escolha entre esquemas de cores complementares, monocromáticos, análogos, triádicos, tetráticos ou complementares divididos usando o menu suspenso.
Ajuste as Cores na Roda
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.
Ajuste Fino da Luminância
Use o anel externo de luminância para ajustar o brilho da sua paleta de cores, mantendo a relação de harmonia.
Copie ou Exporte
Clique nas amostras de cores para copiar cores individuais, ou use o botão Exportar para baixar sua paleta em vários formatos.
Roda de Cores Interativa
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.
6 Tipos de Harmonia de Cores
Gere automaticamente esquemas de cores complementares, monocromáticos, análogos, triádicos, tetráticos e complementares divididos.
Múltiplos Formatos de Cor
Visualize e copie cores nos formatos HEX, RGB, HSL e CMYK com cópia para a área de transferência com um clique.
Exportação e Geração de Código
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).
Teoria das Cores Profissional
Baseado em princípios tradicionais da teoria das cores usados por artistas e designers há séculos para criar combinações visualmente atraentes.
Exportação Amigável para Desenvolvedores
Gere variáveis CSS, variáveis SCSS e arquivos de configuração Tailwind CSS prontos para usar em seus projetos web.
Múltiplos Formatos de Exportação
Exporte suas paletas como imagens (PNG), documentos (PDF) ou dados (JSON) para uso em diferentes ferramentas e plataformas de design.
Feedback Visual em Tempo Real
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.
cor
View all →Biblioteca de Cores Populares
Navegue pela nossa biblioteca abrangente com mais de 500 cores populares nomeadas, organizadas em 20 categorias. Pesquise cores por nome ou código HEX, copie valores instantaneamente e explore grupos de cores do básico ao vintage.
Biblioteca de Gradientes de Cores Populares
Explore nossa coleção selecionada de mais de 100 gradientes de cores deslumbrantes. Clique nas amostras de gradiente para ver as cores individuais, copie o código CSS instantaneamente e encontre as combinações de gradiente perfeitas para seus designs.
Biblioteca de Paletas de Cores Populares
Explore mais de 200 paletas de cores profissionalmente selecionadas e organizadas por categoria. Copie cores instantaneamente, favorite paletas, exporte como CSS, JSON, PNG ou PDF. Perfeito para designers e desenvolvedores.
Conversor Gratuito de Cores Hex para Pantone
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.
Conversor Gratuito de Cores HSV para Pantone
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.
Conversor Gratuito de Cores RGB para Pantone
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.