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.
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.
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.
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.
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.
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.