Gerador de círculo cromático

• Geração instantânea do círculo cromático: o gerador renderiza um círculo completo de 360 matizes em tempo real enquanto você ajusta a saturação e a luminosidade. As mudanças são aplicadas instantaneamente sem atraso - sem idas e voltas ao servidor, sem espera.
• Processamento seguro e privado: seu círculo cromático é gerado totalmente no seu navegador usando canvas HTML5. Nenhum dado é enviado a qualquer servidor e suas escolhas de design nunca saem do seu dispositivo.
• Baixe como PNG ou SVG: exporte seu círculo cromático como PNG de alta qualidade para apresentações e mockups, ou como SVG escalável para impressão, Figma, Illustrator e uso web - tudo com um clique.
• 100 % grátis para sempre: use este gerador de círculo cromático sem registro, assinaturas, limites de uso ou paywalls ocultos. Gere e baixe quantos círculos cromáticos precisar, totalmente grátis.

Um gerador de círculo cromático é uma ferramenta que renderiza uma visualização circular de todo o espectro de matizes - de 0° (vermelho) passando por 120° (verde) até 240° (azul) e de volta a 360° (vermelho) - com saturação e luminosidade configuráveis. O círculo cromático é a ferramenta de referência fundamental na teoria das cores, usada para identificar relações de harmonia complementares, análogas, triádicas e outras entre cores. Este gerador de círculo cromático usa o modelo de cor HSL (matiz, saturação, luminosidade) para produzir círculos matematicamente precisos que podem ser baixados como PNG ou SVG para uso em qualquer fluxo de trabalho de design.

1. Ajuste saturação e luminosidade: use os controles deslizantes para definir a saturação (intensidade da cor, 0-100 %) e a luminosidade (brilho, 5-95 %) de todo o círculo. Os 360 matizes são renderizados com a mesma saturação e luminosidade, então o círculo mostra uma família de cores consistente.
2. Escolha uma predefinição ou número de segmentos: selecione uma predefinição como Pastel, Suave ou Escuro para ir a configurações comuns, ou escolha um número de segmentos (12, 24, 36, 72 ou 360) para controlar quantas fatias de cor distintas aparecem no círculo.
3. Baixe como PNG ou SVG: clique no botão PNG para baixar uma imagem raster para apresentações e mockups, ou em SVG para baixar um arquivo vetorial totalmente escalável para impressão, Figma, Illustrator e uso web. Ambos os arquivos são nomeados com os valores de saturação e luminosidade para referência fácil.

• Saturação (0-100 %): controla quão vívidas ou acinzentadas as cores aparecem. Em 0 %, todos os matizes ficam cinza. Em 100 %, as cores ficam totalmente saturadas e vívidas. Círculos pastel normalmente usam 40-70 % de saturação.
• Luminosidade (5-95 %): controla quão claras ou escuras as cores aparecem. Em 50 %, as cores estão em seu ponto médio mais vívido. Valores mais altos produzem tons mais claros, tipo pastel; valores mais baixos produzem tons mais escuros e ricos.
• Raio interno (rosquinha): controla o tamanho do centro vazio. Em 0 %, o círculo é um disco completo. Valores mais altos criam um anel mais fino - útil para layouts decorativos ou de impressão.
• Segmentos: controla em quantas fatias de cor distintas o círculo é dividido. 360 segmentos produzem um círculo com degradê suave; 12 segmentos produzem o clássico círculo de 12 cores usado no ensino tradicional da teoria das cores.

O gerador de círculo cromático usa o modelo de cor HSL, que é uma representação cilíndrica do espaço de cor RGB. HSL não é perceptualmente uniforme - o que significa que duas cores com o mesmo valor de luminosidade podem não parecer igualmente brilhantes ao olho humano (por exemplo, o amarelo com L=50 % parece muito mais brilhante que o azul com L=50 %). Para trabalhos de cor perceptualmente uniformes, considere os modelos OKLCH ou LCH. A exportação PNG é renderizada a 400×400 pixels; para impressão em resolução maior, baixe o SVG e exporte no DPI necessário em um editor vetorial.