Tons de azul: nomes, códigos HEX e paletas de cores

Compare amostras, nomes e códigos para montar sua paleta.

Azul-bebê, celeste, royal, cobalto, marinho e petróleo são exemplos de tons de azul com luminosidade e saturação diferentes. Use a tabela de códigos e a ferramenta para comparar uma paleta clara, intensa ou escura. Ver tabela de tons e códigos.

Preview Escolhido

Use o botão ao lado para escolher uma cor. Ao selecionar, o tema será atualizado automaticamente com base na sua escolha.

Visualização das Cores Nome e Sobrenome 250 posts 5k seguidores 500 seguindo 250 posts 5k followers 500 following

Criamos estas combinações de cores para você

A mesma tecnologia de clientes LojaVirtual.com.br, agora disponível para todos.

Tons de azul: nomes, códigos HEX e paletas de cores

paleta de cores azul

Os nomes abaixo são referências ilustrativas para projetos digitais, não códigos oficiais de tintas ou tecidos. A aparência depende da tela, iluminação e material. HEX e RGB identificam a mesma amostra digital.

Exemplos de tons para comparar e usar em uma paleta digital
NomeAmostraHEXRGB
Azul-bebê#89CFF0137, 207, 240
Azul celeste#87CEEB135, 206, 235
Azul turquesa#40E0D064, 224, 208
Azul royal#4169E165, 105, 225
Azul cobalto#0047AB0, 71, 171
Azul petróleo#005F6B0, 95, 107
Azul-marinho#0000800, 0, 128
Azul escuro#00008B0, 0, 139

Azul royal, marinho ou petróleo: qual escolher?

O royal é um azul vivo; o marinho é mais escuro; o petróleo se aproxima do verde. Para fundos leves, compare celeste e azul-bebê. Em um catálogo, experimente a cor ao lado das fotos reais para conferir se ela compete com os produtos.

Combinações para experimentar

Azul-marinho + branco

Use #000080 e #FFFFFF como ponto de partida para uma composição de duas cores.

Azul petróleo + terracota

Compare #005F6B com #C66B4E para combinar um tom azulado com outro alaranjado.

Azul celeste + bege

Experimente #87CEEB com #F5F5DC em fundos e detalhes.

Todo azul claro é azul-bebê?

Não. Azul claro é uma descrição ampla de luminosidade. Azul-bebê, celeste e outras variações podem ter proporções diferentes de verde e vermelho. O HEX identifica a amostra digital exata que você está usando.

Como usar os códigos e a ferramenta de paletas

Copie o código HEX da tabela para o campo de cor do seu editor. Na ferramenta acima, escolha uma cor, compare as paletas e visualize a composição. Para textos e botões, meça o contraste entre a cor do texto e o fundo; uma combinação visual agradável não garante legibilidade.

Continue comparando na paleta de cores terracota ou explore o gerador de paletas de cores.

Conteúdo revisado em 15/10/2026. Exemplos de cores preparados para consulta digital.


Todas as paletas de cores


Ver todas as Paletas