Comparado · conferido em 2026-10-25
As melhores ferramentas gratuitas de cores e contraste
Uma ferramenta de paleta deve encontrar cores em uma foto, criar harmonias a partir de uma cor, conferir se o texto continua legível e entregar a paleta às suas ferramentas de design ou de código. Veja o que cada uma oferece, segundo as próprias páginas.
Nós fazemos o Slop Colors, uma das ferramentas desta página. Cada dado sobre as outras ferramentas vem das páginas delas, com link sob cada uma, como estavam em 2026-10-25. Preços e recursos mudam: confira cada site antes de escolher.
Como comparamos
- Gratuita, e o que uma conta ou um plano acrescenta
- Cores tiradas de uma foto
- Harmonias e escalas a partir de uma cor
- Verificação de contraste WCAG
- Arquivos de exportação (CSS, Tailwind, ASE, GPL)
Num relance
| Ferramenta | Preço | Funciona em | Cores tiradas de uma foto | Verificação de contraste |
|---|---|---|---|---|
| Slop Colors nosso | Gratuita, sem conta | Qualquer navegador moderno | Conta-gotas e cores principais (k-means) | Razão, AA e AAA, com correção |
| Coolors | Plano gratuito; plano Pro | Web, app para iOS, plugin do Figma, extensão do Chrome | Image Picker | Contrast Checker |
| Adobe Color | Gratuito | Web | Extrair de uma imagem | Razões de contraste com orientação WCAG |
| WebAIM Contrast Checker | Gratuito | Web | Não (um conta-gotas pega a cor da tela) | AA e AAA, texto normal e grande, interface |
| Recurso | Slop Colors nosso | Coolors | Adobe Color | WebAIM Contrast Checker |
|---|---|---|---|---|
| Cores tiradas de uma foto | Sim | Sim | Sim | Não |
| Harmonias a partir de uma cor | Sim | Não informado | Sim | Não |
| Verificação de contraste WCAG | Sim | Sim | Sim | Sim |
| Níveis para texto grande e interface | Sim | Não informado | Não informado | Sim |
| Prévia para daltonismo | Não | Não informado | Sim | Não |
| Exportação em CSS | Sim | Sim | Não informado | Não |
| Exportação para Tailwind | Sim | Sim | Não informado | Não |
| Exportação .ase do Adobe | Sim | Sim | Não informado | Não |
| Exportação .gpl do GIMP | Sim | Não informado | Não informado | Não |
| Valores OKLCH | Sim | Não informado | Não informado | Não |
| Não precisa de conta | Sim | Em parte | Em parte | Sim |
| As fotos ficam no seu dispositivo | Sim | Não informado | Não informado | Sim |
1. Slop Colors (nosso)
Melhor para: Tirar cores das suas próprias fotos de forma privada, verificar o contraste e exportar a paleta como código ou arquivo de amostras, tudo em uma página.
Bom
- As fotos são lidas no navegador, nunca enviadas
- Variáveis CSS, configuração do Tailwind, JSON, arquivos .ase do Adobe e .gpl do GIMP, e esses arquivos podem ser abertos de novo
- HEX, RGB, HSL, OKLCH e CMYK, com as cores OKLCH fora da gama convertidas para sRGB
Não tão bom
- Não há biblioteca de paletas compartilhadas para navegar
- Sem prévia para daltonismo
- Sem exportação da paleta em PDF ou imagem
2. Coolors
Melhor para: Gerar e navegar por paletas rapidamente, com uma grande biblioteca e plugins para ferramentas de design.
Bom
- Gerador na barra de espaço e mais de 10 milhões de paletas para explorar
- Exporta para PDF, imagem, CSS, ASE, SVG, código e Tailwind
- O Palette Visualizer mostra as cores aplicadas em designs
Não tão bom
- O plano gratuito guarda até 10 paletas; a página dele lista a extração de cores pelo Image Picker e a exportação avançada entre os recursos do Pro
site do Coolors · Fontes: Página inicial do Coolors
3. Adobe Color
Melhor para: Designers de apps Adobe que querem regras de harmonia em um círculo cromático e paletas salvas na biblioteca.
Bom
- Regras monocromática, complementar, análoga, triádica e complementar dividida no círculo cromático
- Prévia para daltonismo
- Salva paletas na sua biblioteca para outros projetos
Não tão bom
- A página do círculo cromático não menciona arquivos de exportação
site do Adobe Color · Fontes: Adobe Color, círculo cromático
4. WebAIM Contrast Checker
Melhor para: Verificar um par de texto e fundo segundo o WCAG, com um link para compartilhar o resultado.
Bom
- Controles deslizantes de luminosidade para ajustar qualquer uma das cores
- Link permanente e uma API em JSON para o resultado
- Transparência para a cor do texto
Não tão bom
- Verifica um par por vez; não cria nem exporta paletas
site do WebAIM Contrast Checker · Fontes: Verificador de contraste da WebAIM
Qual escolher
O Slop Colors é a nossa escolha quando as cores vêm das suas próprias fotos e a paleta precisa acabar em código ou em uma ferramenta de design: o conta-gotas, as cores principais, a verificação de contraste e as exportações estão em uma só página, e nada é enviado.
Escolha o Coolors pelo gerador, pela biblioteca e pelos plugins, o Adobe Color pelo círculo cromático e pela biblioteca Adobe, e o verificador da WebAIM para conferir e compartilhar um único par.
Perguntas
Qual razão de contraste eu preciso?
O WCAG AA pede 4.5:1 para texto normal e 3:1 para texto grande e partes da interface; o AAA pede 7:1 e 4.5:1. As quatro ferramentas mostram a razão.
Qual arquivo abre no Photoshop ou no Illustrator?
Um arquivo Adobe Swatch Exchange (.ase). O Slop Colors e o Coolors exportam ambos.
Minha foto é enviada?
Não no Slop Colors: ela é lida no seu navegador. Confira as notas de privacidade de cada outra ferramenta.
Nomes de outros produtos são marcas dos seus donos. A Slopographic não tem vínculo com eles.