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

Como corrigir erros ‘Você precisa de permissão de TrustedInstaller’ no Windows
Como corrigir erros ‘Você precisa de permissão de TrustedInstaller’ no Windows
Cada tentativa de mover, excluir ou alterar um arquivo ou pasta e ver a mensagem de erro ‘Você precisa da permissão do TrustedInstaller para executar esta ação’? Você pensaria que, como proprietário ou administrador do sistema, você teria o último
Análise do HP ProLiant ML350 G6
Análise do HP ProLiant ML350 G6
A HP certamente não se intimida com seus servidores ProLiant, uma vez que afirma o DL380 como o servidor em rack mais popular do mundo e o ML350 como um dos servidores em torre mais flexíveis do mundo. Nesta revisão exclusiva, nós
Apple TV: o que é e como funciona
Apple TV: o que é e como funciona
Apple TV é um dispositivo de streaming de mídia que roda em uma plataforma semelhante ao iPhone. Você pode usá-lo para transmitir TV e filmes e baixar aplicativos.
Como alinhar à direita parte de uma linha no Word
Como alinhar à direita parte de uma linha no Word
Como um dos melhores programas de escrita do mercado, o MS Word não tem falta de opções de formatação. O alinhamento de texto está entre os essenciais, e você pode se surpreender com o que pode ser feito com linhas nesse sentido. Em
Como consertar quando o Bluetooth do Windows 10 não está funcionando
Como consertar quando o Bluetooth do Windows 10 não está funcionando
Informações e soluções práticas para quando o Bluetooth parar de funcionar corretamente e seu dispositivo não sincronizar com seus computadores ou laptops Windows 10.
Como hackear seu PlayStation Classic para mais jogos
Como hackear seu PlayStation Classic para mais jogos
O PlayStation Classic é, com toda a honestidade, um pouco decepcionante. Enquanto a Sony certamente esperava que fosse tão fenomenal quanto os mini-consoles NES e SNES da Nintendo, isso deixa muito a desejar. Claro que é lindo
USB (Universal Serial Bus): tudo o que você precisa saber
USB (Universal Serial Bus): tudo o que você precisa saber
USB (Universal Serial Bus) é um padrão de conexão usado por computadores e outros dispositivos como smartphones, pen drives, câmeras, etc.