1
Escolher Harmonia
2
Selecionar Cor
3
Obter Paleta

Passo 1: Escolher Tipo de Harmonia de Cores

Escolher tipo de harmonia de cores

Passo 2: Escolher sua Cor Base

Escolha uma cor base para gerar paletas harmoniosas

Inserir um código de cor HEX (ex.: #3B82F6) ou usar o seletor de cores

Cores Predefinidas

Etapa 3: Sua paleta gerada

#042761
rgb(4, 39, 97)
hsl(217, 92%, 20%)
Contraste: 14.3:1AA ✓
#094fc2
rgb(9, 79, 194)
hsl(217, 91%, 40%)
Contraste: 7.2:1AA ✓
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
Contraste: 3.7:1AA ✗
#9dc0fa
rgb(157, 192, 250)
hsl(217, 90%, 80%)
Contraste: 11.4:1AA ✓
#fefeff
rgb(254, 254, 255)
hsl(240, 100%, 100%)
Contraste: 20.8:1AA ✓

Experimente também: Verificador de contraste de cores

Teste qualquer par de primeiro plano/fundo em relação aos padrões WCAG AA e AAA com visualização de texto ao vivo e sugestões acessíveis.

♿ Abrir verificador de contraste →