Paletas monocromáticas são as mais seguras para iniciantes — sempre parecem coesas e profissionais?

Paletas monocromáticas são as mais seguras para iniciantes — sempre parecem coesas e profissionais.

Paletas triádicas são vibrantes mas requerem equilíbrio cuidadoso — use uma cor como dominante, as outras como destaque?

Paletas triádicas são vibrantes mas requerem equilíbrio cuidadoso — use uma cor como dominante, as outras como destaque.

Export as Tailwind Config to drop the palette directly em your tailwind?

Export as Tailwind Config to drop the palette directly em your tailwind.config.js.

Voltar para Desenvolvedor

Ajuda e feedback

Gerador de Paleta de Cores CSS

Gerar paletas de cores harmoniosas a partir de qualquer cor base — complementar, análoga, triádica e mais

Sobre Gerador de Paleta de Cores CSS

Gere paletas de cores harmoniosas a partir de qualquer cor base — exporte como variáveis CSS, variáveis SCSS ou configuração Tailwind, tudo no seu navegador.

Como usar Gerador de Paleta de Cores CSS

1Escolha uma cor base usando o seletor de cores ou insira um valor HEX.
2Selecione um tipo de harmonia: Complementar, Análoga, Triádica, Complementar dividida, Tetrádica ou Monocromática.
3Visualize a paleta gerada com valores HEX, RGB e HSL para cada cor.
4Clique em qualquer amostra de cor para copiar seu valor.
5Exporte a paleta inteira como Variáveis CSS, Variáveis SCSS ou Config Tailwind.

Dicas

Paletas monocromáticas são as mais seguras para iniciantes — sempre parecem coesas e profissionais.
Paletas triádicas são vibrantes mas requerem equilíbrio cuidadoso — use uma cor como dominante, as outras como destaque.
Export as Tailwind Config to drop the palette directly em your tailwind.config.js.

Ferramentas relacionadas

Equipe OneKitToolsAtualizado 2.21.4