Principal Design Gráfico Como projetar com azul e cores complementares

Como projetar com azul e cores complementares



O azul é uma das cores mais comuns usadas em web design. Usar um azul médio a escuro estimula uma sensação relaxante que os designers podem complementar com amarelo e laranja.

Aqui estão algumas maneiras diferentes pelas quais o azul pode funcionar com outras cores.

01 de 04

Os opostos se atraem e o azul combina bem com o laranja

Escolha um azul e escolha um laranja para uma paleta complementar de 2 cores.

Lifewire / J. Bear

Considere combinar cores azuis com laranja em um esquema de cores complementares .

Do mais escuro ao mais claro, as laranjas mostradas com cada amostra azul na imagem acima são:

  • Hexadecimal #FFA500 | RGB 255.165.0 (uma laranja dourada; palavra-chave de cor SVG e palavra-chave de cor CSS laranja)
  • Hexadecimal #FF8000 | RGB 255.128,0 (laranja médio)
  • Hexadecimal #FF4500 | RGB 255,69,0 (laranja vermelho; palavra-chave de cor SVG orangered)
  • Hexadecimal #C83200 | RGB 200,50,0 (laranja escuro)
  • Números: Hexadecimal #FF7F27 | RGB 255,127,39 (uma laranja pêssego)

Os azuis, do mais escuro ao mais claro são:

    Marinha :Hexadecimal #000080 | RGB 0,0,128 (palavra-chave de cor CSS/palavra-chave de cor SVG azul) Azul:Hexadecimal #0000FF | RGB 0,0,255 (a palavra-chave de cor CSS/SVG é azul; cor segura para o navegador)
  1. Hex: #0045FF | RGB 0,69,255 (um azul médio)
  2. Aço Azul:Hexadecimal #4682B4 | RGB 70.130.180 (palavra-chave de cor SVG steelblue; um azul corporativo)
  3. Hex: #0080FF | RGB 0.128.255 (um azul médio)
  4. Azul claro:Hexadecimal #ADD8E6 | RGB 173.216.230 (palavra-chave de cor SVG azul claro)

Azuis escuros e tons médios de azul simbolizam importância, confiança, poder, inteligência, estabilidade, unidade e conservadorismo. Ao adicionar um pouco de laranja à sua paleta predominantemente azul escura, você introduz algum calor e energia que pode evitar que sua paleta seja muito afetada ou opressora.

como remover hiperlink no word

Você não precisa usar esses tons exatos. Vá um pouco mais claro ou mais escuro, ou dê um passo para a esquerda ou para a direita na roda de cores. Essas combinações de cores ajudam você a encontrar uma paleta de cores adequada usando azul e laranja como componentes principais.

02 de 04

Misture azuis profundos com amarelo dourado

Escolha um tom de amarelo para combinar com um azul profundo ou azul tingido de violeta.

Lifewire / J. Bear

Leve o azul escuro ao quase roxo e adicione um toque de amarelo-sol em um esquema de cores complementares.

O azul é uma cor fria que muda para quente à medida que você adiciona tons arroxeados, enquanto o amarelo é uma cor quente do outro lado da roda de cores. Para evitar vibrações desagradáveis, evite usar em quantidades iguais. Dê vida ao seu azul com um toque de amarelo (ou acalme o seu amarelo com um toque de azul).

Do mais escuro ao mais claro, o amarelo mostrado com cada amostra de azul na imagem acima é:

    Amarelo Cádio:Hexadecimal #FF9912 | RGB 255,153,18 (um amarelo acastanhado quente)Ouro:Hexadecimal #FFD700 | RGB 255.215,0 (palavra-chave de cor SVG ouro)
  • Números: hexadecimal #FFFF00 | RGB 255.255.0 (palavra-chave de cor SVG/CSS amarelo)

Os azuis são:

    Azul muito escuro:Hexadecimal #000033 | RGB 0,0,51 (um azul escuro seguro para navegador)Azul da meia noite:Hex#191970 | RGB 25,25,112 (palavra-chave de cor SVG nightblue)Azul Ardósia Escuro:Hex #483D8B RGB 72,61,139 (palavra-chave de cor SVG darkslateblue; um azul roxo acinzentado)Índigo:Hexadecimal #4B0082 | RGB 75,0,130 (palavra-chave de cor SVG índigo; azul arroxeado)Violeta Azul:Hex#8A2BE2 | RGB 138,43,226 (palavra-chave de cor SVG azulvioleta)Azul cobalto:Hexadecimal #3D59AB | RGB61,89,171

Cores que vão para o lado violeta-púrpura do azul podem adicionar um toque de mistério, toques de feminilidade. Adiciona calor ao azul frio.

03 de 04

Tons de ciano com laranja escuro

Escolha uma cor em torno do ciano e de um laranja avermelhado quente.

Lifewire / J. Bear

como alterar a entrada no vizio smart tv

Ciano médio a escuro é azul quase verde. Aqui, vários tons de azul médio e ciano são combinados com cores laranja acastanhado escuro.

Além de seus atributos calmantes, esse tom mais escuro de azul pode carregar o simbolismo do verde, como equilíbrio, harmonia e estabilidade. Fica um pouco de calor e energia quando combinado com tons de laranja acastanhados ou avermelhados. O marrom é uma cor natural e neutra. Vermelho e ciano são opostos na roda de cores com alto contraste, mas não são necessariamente uma ótima combinação. Passar do vermelho para o laranja e azuis mais escuros proporciona uma paleta mais agradável.

Do mais escuro ao mais claro, o vermelho-laranja mostrado com cada amostra de azul na imagem acima é:

    Vermelho Laranja Profundo:Hexadecimal #CD3700 | RGB 205,55,0Laranja de cádmio:Hexadecimal #FF6103 | RGB255,97,3
  • Números: Hex vermelho #FF0000 | RGB 255,0,0 (palavra-chave de cor SVG/CSS vermelho)

Os azuis são:

    Azul Real Escuro:Hexadecimal #27408B | RGB39,64,139Céu Azul Profundo:Hexadecimal #00688B | RGB 0.104.139 ( não palavra-chave de cor deepskyblue)Azul Ardósia Escuro:Hexadecimal #2F4F4F RGB 47,79,79 ( não palavra-chave de cor darkslateblue)Ciano Escuro:Hexadecimal #008B8B | RGB 0.139.139 (o lado mais verde do azul)Azul Manganês:Hexadecimal #03A89E | RGB 3.168.158 (uma cor azul turquesa)Ciano (Aqua):Hexadecimal #00FFFF | RGB 0.255.255 (palavra-chave de cor SVG ciano ou água; uma cor azul esverdeada)
04 de 04

Azul, vermelho e amarelo

Azul Vermelho Amarelo e seus complementos azuis

Lifewire / J. Bear

Uma tríade complementar dividida pega uma cor (neste caso, azul) e depois captura as cores de cada lado do complemento dessa cor (cor oposta na roda de cores). O complemento do azul puro é o amarelo puro. O azul médio é oposto ao laranja. Dependendo do tom de azul com o qual você começa e de quantas cores intermediárias você usa, você pode combiná-lo com cores do vermelho rosado ao verde amarelo.

  1. Marinha: Hexadecimal #000080 | RGB0,0,128
  2. Vermelho brilhante: Hexadecimal #FE0004 | RGB254,0,4
  3. Amarelo ensolarado: Hexadecimal #FFFB00 | RGB 255.251,0
  4. Azul Ardósia Escuro: Hex # 483D8B RGB 72,61,139 (palavra-chave de cor SVG azul ardósia escuro; azul roxo acinzentado)
  5. Ouro: Hexadecimal #FFD700 | RGB 255.215,0 (palavra-chave de cor SVG ouro)
  6. Chartreuse : Hexadecimal #7FFF00 | RGB 127.255,0
  7. Ciano Escuro: Hexadecimal #008B8B | RGB 0.139.139 (o lado mais verde do azul)
  8. Violeta-Vermelho: Hexadecimal #D02090 | RGB208,32,144
  9. Laranja escuro: Hexadecimal #C83200 | RGB 200,50,0 ( não palavra-chave de cor laranja escuro)

Tons mais escuros de azul denotam importância, confiança, poder, autoridade, inteligência, estabilidade, unidade e conservadorismo. O vermelho é outra cor poderosa, mas chama mais a atenção do que o azul. Amarelo adiciona brilho e alegria. Usar quantidades iguais de cada cor tornaria tudo infantil (pense em cores primárias), como no exemplo nº 1. No entanto, se você usar apenas pequenas doses de vermelho e amarelo (ou cores próximas) com um esquema de cores principalmente azul escuro, é bastante adequado para projetos adultos que você não deseja que apareçam.tambémsério.

Amostras de cores de azul e outras cores com números hexadecimais

Lifewire / Marina Li

como usar mods no minecraft

Artigos Interessantes

Escolha Do Editor

Por que meu telefone diz não SIM? 9 dicas para solucionar problemas
Por que meu telefone diz não SIM? 9 dicas para solucionar problemas
Não é possível desativar os anúncios automáticos programaticamente na página, então aqui estamos!
Como desbloquear vantagens no Hearthstone
Como desbloquear vantagens no Hearthstone
A opção de compra dentro do jogo permite que os jogadores obtenham vantagens em troca de dinheiro na vida real. No entanto, as vantagens do Hearthstone são diferentes das da maioria dos outros jogos. Embora os benefícios normalmente se refiram a poderes únicos do personagem, em Hearthstone eles apenas
Como editar um formulário após enviá-lo no Formulários Google
Como editar um formulário após enviá-lo no Formulários Google
Os Formulários Google são uma excelente ferramenta para criar todos os tipos de formulários, pesquisas e formulários de envio de trabalhos. É uma ferramenta gratuita com muitos formulários pré-concebidos que pode editar ao seu gosto e publicar online para que outros o preencham
Como ocultar a carreira no Valorant
Como ocultar a carreira no Valorant
Às vezes, você só quer que seu desempenho nos jogos seja mantido em sigilo, mas em jogos multijogador como Valorant, isso é uma grande pergunta. O jogo prospera em um senso de comunidade e transparência, e um dos aspectos-chave é poder
Os dados demográficos do Reddit: quem usa o site?
Os dados demográficos do Reddit: quem usa o site?
Desde o seu lançamento em 2005, o Reddit tornou-se extremamente popular com mais de 430 milhões de usuários mensais ativos a partir de 2019. O Reddit foi fundado por dois graduados de 22 anos da Universidade da Virgínia, Alexis Ohanian e Steve Huffman, o
Os melhores roteadores sem fio de 2019: este é o melhor equipamento Wi-Fi que você pode comprar no Reino Unido
Os melhores roteadores sem fio de 2019: este é o melhor equipamento Wi-Fi que você pode comprar no Reino Unido
O humilde roteador sem fio é o centro da casa conectada à Internet. É a porta de entrada entre seu telefone, laptop, console de jogos e TV para a Internet e é uma peça de kit de vital importância. No entanto, ironicamente, para muitos
Como adicionar um contato internacional a um bate-papo ou grupo do WhatsApp
Como adicionar um contato internacional a um bate-papo ou grupo do WhatsApp
Se você quer ficar em contato com seus amigos de outros países ou tem clientes internacionais, o WhatsApp é uma excelente opção para você. É um aplicativo muito moderno e intuitivo que permite conversar e fazer