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

O Cinnamon 4.2 Desktop Environment foi lançado
O Cinnamon 4.2 Desktop Environment foi lançado
Cinnamon é o principal ambiente de desktop do Linux Mint. Começou como um fork do Gnome 3, agora é totalmente independente. O Cinnamon traz tecnologias modernas para a área de trabalho Linux enquanto mantém o paradigma clássico da área de trabalho com a barra de tarefas, o menu de aplicativos e o gerenciamento tradicional de janelas. Uma nova versão do Cinnamon DE está disponível, apresentando uma série de novos
Como personalizar a página de discagem rápida do Opera
Como personalizar a página de discagem rápida do Opera
A guia Discagem rápida é o equivalente do Opera à página Nova guia do Google Chrome. Você pode adicionar atalhos para todos os seus sites favoritos, mas as discagens rápidas não incluem imagens em miniatura das páginas. Em vez disso, eles
Como remover a adição rápida no Snapchat
Como remover a adição rápida no Snapchat
Se você é novo no Snapchat, mas não nas plataformas de mídia social em geral, o recurso Quick Add deve ser mais do que familiar para você. Pense nisso como a lista de sugestões de amigos do Facebook. O recurso de adição rápida é
Como reivindicar um terreno no Minecraft
Como reivindicar um terreno no Minecraft
Ninguém gosta de intrusos em sua propriedade privada. Isso se aplica à vida real, mas também ao Minecraft. Os jogadores costumam construir seus mundos lindos e únicos e querem mantê-los assim. Infelizmente, sempre há griefers e trolls que querem
Como saber se outra pessoa está usando sua conta do Snapchat
Como saber se outra pessoa está usando sua conta do Snapchat
O Snapchat tem um
Arquivos de tags: SageThumbs
Arquivos de tags: SageThumbs
Como enviar mensagens de voz no iPhone
Como enviar mensagens de voz no iPhone
Às vezes, falar sua mensagem é mais conveniente do que digitá-la. Seu iPhone possui dois aplicativos úteis que permitem enviar mensagens de voz com apenas alguns toques.