Coolors
Site·Design e desenvolvimentoCoolors é um gerador de paletas de cores com seletor de cor a partir de imagens, verificador de contraste, gradientes e uma biblioteca de paletas compartilhadas.
Por que combina
Criar paleta de cores
Criar paleta de cores: ferramentas e apps
Ferramentas para criar paletas de cores e degradês harmônicos, extrair cores de uma imagem e verificar o contraste entre texto e fundo. Defina primeiro onde a paleta será usada: tela, impressão ou manual de marca pedem valores de cor diferentes.
Bom saber: As condições de uso gratuito variam conforme a ferramenta e o plano. Quando um cartão não mostra um limite específico da ferramenta, confira cotas, marcas d’água e condições de exportação na página oficial.
Opção grátis
Adobe Color
Site·Design e desenvolvimentoAdobe Color é uma ferramenta da Adobe que cria paletas na roda de cores com regras de harmonia, extrai paletas e gradientes de imagens e oferece verificação de contraste e simulação de daltonismo.
Por que combina
Criar paleta de cores
Color Hunt
Site·Design e desenvolvimentoColor Hunt é um navegador de paletas em que designers e artistas exploram paletas de cores prontas por cor, humor ou tema e as ordenam por novas, populares ou aleatórias.
Por que combina
Criar paleta de cores
Leonardo Color
Site·Design e desenvolvimentoLeonardo é uma ferramenta de cores de código aberto da Adobe que gera escalas de cor e temas adaptáveis a partir de uma razão de contraste alvo, com acessibilidade desde o início.
Por que combina
Criar paleta de cores
Adobe Express
Site·ImagemO Adobe Express combina remoção de objetos com a preparação da foto para um design de redes sociais.
Por que combina
Criar paleta de cores
O que comparar?
Teste a paleta em um layout real: aplique cores de título, texto, botão e alerta e veja nos temas claro e escuro. Se a ferramenta simular daltonismo, confira se as cores continuam distinguíveis.
Confirme na página oficial quais formatos de exportação existem (HEX, RGB, HSL, variáveis CSS ou arquivos para aplicativos de design) e se é preciso conta para salvar. Se a impressão exigir CMYK ou cores especiais, lembre que a conversão a partir das cores de tela é aproximada.
Como saber se a cor do texto está legível? As diretrizes WCAG 2 recomendam contraste mínimo de 4,5:1 para texto normal e 3:1 para texto grande. Coloque as cores de texto e fundo em um verificador de contraste; se ficar abaixo do limite, escureça ou clareie uma delas.
Tirar a paleta de uma foto é suficiente? As cores dominantes de uma foto são um bom começo, mas podem não dar contraste suficiente para textos e botões de uma interface. Use essas cores como destaque e acrescente tons neutros para a leitura.
Compare recursos documentados
Esta comparação usa documentação oficial publicada. Não é um teste prático nem uma classificação de qualidade. Recursos desconhecidos não são considerados verificados.
- Sim
- Não
- Não verificado
| Nome do app | Onde vai usar? | Resultado grátis | Sem cadastro | Sem marca-d’água | Funciona offline | Processamento em lote | Idioma do conteúdo | Bom saber / Fontes e data da verificação |
|---|---|---|---|---|---|---|---|---|
| Coolors | Site | Sim | Sim | Não verificado | Não verificado | Não verificado | Não verificado | Fontes e data da verificação |
| Adobe Color | Site | Não verificado | Não verificado | Não verificado | Não verificado | Não verificado | Não verificado | Fontes e data da verificação |
| Color Hunt | Site | Não verificado | Não verificado | Não verificado | Não verificado | Não verificado | Não verificado | Fontes e data da verificação |
| Leonardo Color | Site | Não verificado | Não verificado | Não verificado | Não verificado | Não verificado | Não verificado | Fontes e data da verificação |
| Adobe Express | Site | Não verificado | Não verificado | Não verificado | Não verificado | Não verificado | Não verificado | Fontes e data da verificação |
Notas que valem para várias ferramentas
- Confira cada ferramenta separadamente; os limites não são compartilhados.
- Confira cotas e condições atuais no site oficial.