Gerador de Paleta de Cores
Gere paletas harmônicas a partir de uma cor base.
Pick a base color and generate a harmonious palette — monochromatic, complementary, analogous, triadic, shades or tints. Copy any swatch, or export the whole palette as CSS variables or JSON for your design system. Everything is computed locally.
Todas as conversões de cor são feitas localmente no seu navegador — nada é enviado, armazenado ou registrado.
Como funciona
- 1 Choose a base color.
- 2 Select a palette mode.
- 3 Copy individual swatches you like.
- 4 Export the palette as CSS variables or JSON.
Casos de uso comuns
- Build a brand or UI palette from one color.
- Find a complementary accent color.
- Seed a design system's color tokens.
- Explore color-harmony options quickly.
Perguntas frequentes
Is my color data sent anywhere?
No. Every conversion and calculation runs entirely in your browser — nothing is uploaded, stored or logged.
What do the modes mean?
Monochromatic varies lightness of one hue; complementary uses the opposite hue; analogous uses neighbouring hues; triadic uses three evenly spaced hues; shades go darker; tints go lighter.
How do I export the palette?
Use “Copy CSS variables” for `--color-n:` declarations, or “Copy JSON” for an array of HEX values you can drop into code.
Is it really free?
Yes — free, with no signup, no watermark and no limits.