Slop Colors · grátis, no seu navegador

Gere uma paleta de cores a partir de uma cor

Comece pela cor da sua marca. O Slop Colors cria as harmonias, os tons, as sombras e uma escala de 50 a 950, e exporta a que você escolher como código ou arquivo de amostras.

Gerar uma paleta

Como fazer

1. Digite sua cor no painel (HEX, RGB, HSL, OKLCH ou CMYK), ou pegue-a de uma imagem.
2. Em Feitas a partir desta cor, escolha uma Harmonia ao lado da roda de cores (complementar, análoga, triádica, complementar dividida, tetrádica, quadrada, monocromática, tons ou personalizada) e a roda RGB, RYB ou OKLCH.
3. Arraste as alças da roda: as outras acompanham a harmonia; em Personalizada, cada uma se move sozinha. As setas movem a alça em foco.
4. Clique em Usar como paleta na linha que preferir, ou escolha cores isoladas e clique em Adicionar esta cor.
5. Dê um nome à paleta e escolha o formato em Exportar: variáveis CSS, configuração do Tailwind, JSON, Adobe .ase ou GIMP .gpl.
6. Clique em Baixar paleta, Copiar código ou Salvar no Slop Drive….

Seus arquivos ficam neste dispositivo: o Slop Colors roda no seu navegador, sem envio, sem conta e sem marca d’água.

Perguntas

O que é a roda RYB?

É a roda vermelho-amarelo-azul dos pintores, como a Adobe Color oferece: nela, o complemento do vermelho é o verde, e o do azul é o laranja. A roda RGB é a da tela, e a OKLCH mantém o brilho uniforme enquanto o matiz gira.

Como a escala é feita?

O matiz é mantido e o brilho vai de 97% a 22% no OKLCH, com menos croma perto do branco e do preto. A sua cor fica no degrau mais próximo.

Dá para abrir a paleta no Photoshop ou no Illustrator?

Sim. Exporte como Adobe Swatch Exchange (.ase) e carregue no painel Amostras. O GIMP e o Inkscape leem o arquivo .gpl.

As minhas paletas são guardadas?

A paleta da página fica guardada neste navegador. Salvar no Slop Drive guarda um arquivo que você pode abrir de novo aqui.

Mais com o Slop Colors

• Verifique o contraste de cores pela WCAG
• Pegue cores de uma imagem
• Converta HEX para RGB, HSL, OKLCH ou CMYK

Apps relacionados

• PhotoSlop
  No ar
  O Photoshop, refeito para o navegador.
• SlopVector
  No ar
  O Illustrator, refeito para o navegador.
• SlopIsolate
  Beta
  Remova fundos com IA que roda no seu dispositivo.