Círculo Cromático
Escolha uma cor base, explore regras de harmonia e copie paletas para landing pages, logos, sites e sistemas de marca.
Cor base
Click the wheel to pick a base color
Formatos de cor
Paleta gerada
Complementar — Harmonious color scheme generated based on your selected mode
Variáveis CSS
Copy once and drop into your stylesheet
:root {
--color-complementary-1: #195DE6;
--color-complementary-2: #E6A219;
}Como funciona?
Crie uma paleta equilibrada em três etapas
Escolha uma cor base
Use o seletor ou cole um código HEX como ponto de partida.
Escolha uma regra
Alterne entre relações complementares, análogas, triádicas, tetrádicas e monocromáticas.
Copie e use
Copie cores individuais, paletas completas ou variáveis CSS.
Recursos do círculo cromático
Ferramentas práticas de cor para sites, logos e landing pages
Roda interativa
Visualize alterações de matiz diretamente na roda de cores.
Paletas harmônicas
Gere paletas equilibradas com teoria das cores.
HEX RGB HSL
Converta formatos comuns de cor para web instantaneamente.
Exportação CSS
Copie paletas como propriedades personalizadas CSS.
Por que usar um círculo cromático?
A roda de cores ajuda a escolher cores intencionais, legíveis e consistentes com a marca.
O que é um círculo cromático?
É um diagrama circular que organiza tons para entender contraste, harmonia e combinações de cores.
Melhores cores para landing pages
Combine a cor principal da marca com acentos para botões, fundos e seções.
Da inspiração à produção
HEX, RGB, HSL e variáveis CSS ficam prontos para implementação.
Útil para marcas e logos
Os modos de harmonia dão uma base confiável para sistemas visuais.
FAQ – Círculo Cromático
Perguntas frequentes sobre a roda de cores gratuita
Crie suaCírculo Cromáticoagora
Use a roda de cores gratuita para escolher cores equilibradas para sua próxima landing page, identidade visual ou design system.
Círculo cromático gratuito para designers, profissionais de marketing, fundadores e criadores.