Paleta de Cores

Extraia paletas de cores de imagens ou gere esquemas de cores harmoniosos para seus projetos.

Grátis

#0088FF

H:208 S:100 L:50

#0008FF

H:238 S:100 L:50

#7700FF

H:268 S:100 L:50

#00FFF7

H:178 S:100 L:50

#00FF77

H:148 S:100 L:50

Base:

Predefinições

Export as Code

:root {
  --color-1: #0088ff;
  --color-2: #0008ff;
  --color-3: #7700ff;
  --color-4: #00fff7;
  --color-5: #00ff77;
}

Como gerar uma paleta de cores

Crie esquemas de cores harmoniosos com o Gerador de Paleta de Cores gratuito do The IT Hustle.

1
Escolha uma cor baseSelecione uma cor inicial usando o seletor de cores ou digite um código hexadecimal.
2
Selecione um tipo de harmoniaEscolha entre esquemas complementar, análogo, tríade, complementar dividido ou monocromático.
3
Explore as variaçõesVeja as paletas geradas com tons claros, escuros e nuances do esquema selecionado.
4
Exporte sua paletaCopie cores individuais ou exporte a paleta completa como variáveis CSS, SCSS ou configuração do Tailwind.

Perguntas frequentes

A ferramenta suporta esquemas complementar, análogo, tríade, complementar dividido e monocromático — todos baseados em princípios da teoria das cores.

Sim. Faça upload de qualquer imagem e a ferramenta extrairá as cores dominantes para criar uma paleta baseada no esquema de cores da imagem.

Você pode exportar paletas como propriedades customizadas CSS (variáveis), variáveis SCSS, configuração do Tailwind CSS, ou simplesmente copiar os códigos hexadecimais individualmente.

Ferramentas relacionadas

Gerador de Gradiente CSS Gerador de Favicon Gerador de Assinatura de E-mail