Gerador de paleta de cores
Criar uma paleta de cores
Funciona no seu navegador · Sem upload
A ferramenta e as instruções desta página estão em inglês por enquanto. Ela funciona do mesmo jeito: tudo roda no seu navegador.
Select a color's code to copy it. Lock colors you like, then press Random palette (or the space bar) to change only the others.
Seu navegador é antigo demais para esta ferramenta. Atualize-o ou use uma versão recente do Chrome, Edge, Firefox ou Safari.
- Nada sai do seu dispositivo
- Sem limites de tamanho impostos por servidor
- Sem cadastro, sem marca d’água
- Grátis
How to make a color palette
- Pick a base color and a rule, such as complementary or triadic.
- Or press Random palette, locking colors you want to keep.
- Copy the hex codes, export CSS or SCSS, or download a PNG.
The rules
| Rule | What it gives |
|---|---|
| Analogous | Neighboring hues: calm and harmonious |
| Complementary | Opposite hues: strong contrast |
| Split complementary | One hue and the two beside its opposite: contrast with less tension |
| Triadic | Three hues evenly spaced: lively and balanced |
| Tetradic | Four hues: rich, best with one leading color |
| Shades | One hue from dark to light: simple and consistent |
Perguntas frequentes
Is the text on my palette readable?
Each swatch shows its code in black or white, whichever contrasts more. For text colors, check pairs with the Contrast Checker.
Is anything sent anywhere?
No. The calculation happens in your browser, and your colors never leaves your device.