Gerador de Esquema de Cores

Gere automaticamente esquemas de cores harmoniosos com base na teoria do círculo cromático

Configurações do esquema

Cor base

Tipo de esquema

Descrição

Tons adjacentes no círculo cromático; harmoniosos e coesos

Pré-visualização do esquema (5 cores)

#63adf1

#6389f1

#6366f1

#8363f1

#a763f1

Pré-visualização do gradiente

Variáveis Tailwind / CSS

:root {
  --color-primary: #63adf1;
  --color-secondary: #6389f1;
  --color-accent: #6366f1;
  --color-neutral: #8363f1;
  --color-highlight: #a763f1;
}