Design mit Blau und Komplementärfarben

Inhaltsverzeichnis:

Design mit Blau und Komplementärfarben
Design mit Blau und Komplementärfarben
Anonim

Blau ist eine der am häufigsten verwendeten Farben im Webdesign. Die Verwendung eines mittleren bis dunklen Blaus fördert ein entspannendes Gefühl, das Designer mit Gelb und Orange ergänzen können.

Hier sind ein paar verschiedene Möglichkeiten, wie Blau mit anderen Farben arbeiten kann.

Gegensätze ziehen sich an und Blau passt gut zu Orange

Image
Image

Erwägen Sie, blaue Farben mit Orange in einem komplementären Farbschema zu kombinieren.

Vom dunkelsten zum hellsten sind die Orangen, die mit jedem blauen Muster im obigen Bild gezeigt werden:

  • Hex FFA500 | RGB 255, 165, 0 (ein goldenes Orange; SVG-Farbschlüsselwort & CSS-Farbschlüsselwort orange)
  • Hex FF8000 | RGB 255, 128, 0 (mittelorange)
  • Hex FF4500 | RGB 255, 69, 0 (orangerot; SVG-Farbschlüsselwort orangerot)
  • Hex C83200 | RGB 200, 50, 0 (ein dunkles Orange)
  • Zahlen: Hex FF7F27 | RGB 255, 127, 39 (ein pfirsichfarbenes Orange)

Die Blautöne, von dunkler bis heller, sind:

  1. Navy: Hex 000080 | RGB 0, 0, 128 (CSS-Farbschlüsselwort/SVG-Farbschlüsselwort Marine)
  2. Blau: Hex 0000FF | RGB 0, 0, 255 (CSS/SVG-Farbschlüsselwort ist blau; browsersichere Farbe)
  3. Hex: 0045FF | RGB 0, 69, 255 (ein mittleres Blau)
  4. Steel Blue: Hex 4682B4 | RGB 70, 130, 180 (SVG-Farbschlüsselwort stahlblau; ein Firmenblau)
  5. Hex: 0080FF | RGB 0, 128, 255 (ein mittleres Blau)
  6. Hellblau: Hex ADD8E6 | RGB 173, 216, 230 (SVG-Farbschlüsselwort hellblau)

Dunkelblau und mittlere Blautöne symbolisieren Wichtigkeit, Selbstvertrauen, Macht, Intelligenz, Stabilität, Einheit und Konservatismus. Indem Sie Ihrer überwiegend dunkelblauen Palette etwas Orange hinzufügen, bringen Sie etwas Wärme und Energie ein, die verhindern können, dass Ihre Palette zu gestelzt oder überwältigend wirkt.

Du musst nicht genau diese Schattierungen verwenden. Gehen Sie einen Hauch heller oder dunkler oder gehen Sie auf dem Farbkreis einen Punkt nach links oder rechts. Diese Farbkombinationen helfen Ihnen, eine geeignete Farbpalette mit Blau und Orange als Hauptkomponenten zu finden.

Tiefen Blues mit Goldgelb mischen

Image
Image

Nehmen Sie Dunkelblau zu fast Lila und fügen Sie einen Spritzer Sonnengelb in einem komplementären Farbschema hinzu.

Blau ist eine kühle Farbe, die sich zu warm bewegt, wenn Sie die violetten Töne hinzufügen, während Gelb eine warme Farbe auf der anderen Seite des Farbkreises ist. Um unangenehme Vibrationen zu vermeiden, vermeiden Sie die Verwendung in gleichen Mengen. Beleben Sie Ihr Blau mit einem Schuss Gelb (oder beruhigen Sie Ihr Gelb mit einem Schuss Blau).

Von dunkel bis hell, das Gelb, das mit jedem blauen Muster im obigen Bild gezeigt wird, ist:

  • Kadiumgelb: Hex FF9912 | RGB 255, 153, 18 (ein warmes, bräunliches Gelb)
  • Gold: Hex FFD700 | RGB 255, 215, 0 (SVG-Farbschlüsselwort Gold)
  • Zahlen: Hex FFFF00 | RGB 255, 255, 0 (SVG/CSS-Farbschlüsselwort gelb)

Die Blues sind:

  1. Very Dark Blue: Hex 000033 | RGB 0, 0, 51 (ein browsersicheres Dunkelblau)
  2. Midnight Blue: Hex 191970 | RGB 25, 25, 112 (SVG-Farbschlüsselwort Mitternachtsblau)
  3. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG-Farbschlüsselwort darkslateblue; ein grau-violettes Blau)
  4. Indigo: Hex 4B0082 | RGB 75, 0, 130 (SVG-Farbschlüsselwort Indigo; ein violettes Blau)
  5. Blue Violet: Hex 8A2BE2 | RGB 138, 43, 226 (SVG-Farbschlüsselwort blauviolett)
  6. Kob altblau: Hex 3D59AB | RGB 61, 89, 171

Farben, die auf die violett-violette Seite von Blau drängen, können einen Hauch von Mysterium und einen Hauch von Weiblichkeit hinzufügen. Es fügt dem kühlen Blau Wärme hinzu.

Schattierungen von Cyan mit Dunkelorange

Image
Image

Mittleres bis dunkles Cyan ist blau am Rande von Grün. Hier werden verschiedene Mittelblau- und Cyan-Töne mit dunkelbraunen Orangetönen kombiniert.

Zusätzlich zu seinen beruhigenden Eigenschaften könnte dieser dunklere Blauton die Symbolik von Grün wie Gleichgewicht, Harmonie und Stabilität tragen. Es bekommt ein bisschen Wärme und Energie, wenn es mit bräunlichen oder rötlichen Orangetönen gepaart wird. Braun ist eine natürliche, bodenständige neutrale Farbe. Rot und Cyan sind auf dem Farbrad Gegensätze mit hohem Kontrast, aber sie sind nicht unbedingt eine großartige Kombination. Der Wechsel von Rot zu Orange und dunkleren Blautönen sorgt für eine ansprechendere Farbpalette.

Vom Dunkelsten zum Hellsten, das Rot-Orange, das mit jedem blauen Farbfeld im obigen Bild gezeigt wird, ist:

  • Deep Orange Red: Hex CD3700 | RGB 205, 55, 0
  • Kadmiumorange: Hex FF6103 | RGB 255, 97, 3
  • Zahlen: Rotes Hex FF0000 | RGB 255, 0, 0 (SVG/CSS-Farbschlüsselwort rot)

Die Blues sind:

  1. Dark Royal Blue: Hex 27408B | RGB 39, 64, 139
  2. Deep Sky Blue: Hex 00688B | RGB 0, 104, 139 (not Farbschlüsselwort deepskyblue)
  3. Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (not color keyword darkslateblue)
  4. Dark Cyan: Hex 008B8B | RGB 0, 139, 139 (die grünere Seite von Blau)
  5. Manganblau: Hex 03A89E | RGB 3, 168, 158 (blau-türkis)
  6. Cyan (Aqua): Hex 00FFFF | RGB 0, 255, 255 (SVG-Farbschlüsselwort Cyan oder Aqua; eine blaugrüne Farbe)

Blau, Rot und Gelb

Image
Image

Ein geteilter komplementärer Dreiklang nimmt eine Farbe (in diesem Fall Blau) und nimmt dann die Farben auf beiden Seiten der Komplementärfarbe dieser Farbe (entgegengesetzte Farbe auf dem Farbkreis). Die Ergänzung von reinem Blau ist reines Gelb. Mittelblau steht Orange gegenüber. Je nachdem, mit welchem Blauton Sie beginnen und wie viele Zwischenfarben Sie durchlaufen, können Sie ihn mit Farben von Rosarot bis Gelbgrün kombinieren.

  1. Navy: Hex 000080 | RGB 0, 0, 128
  2. Bright Red: Hex FE0004 | RGB 254, 0, 4
  3. Sunny Yellow: Hex FFFB00 | RGB 255, 251, 0
  4. Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (SVG-Farbschlüsselwort dunkles Schieferblau; ein grau-violettes Blau)
  5. Gold: Hex FFD700 | RGB 255, 215, 0 (SVG-Farbschlüsselwort Gold)
  6. Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
  7. Dark Cyan: Hex 008B8B | RGB 0, 139, 139 (die grünere Seite von Blau)
  8. Violett-Rot: Hex D02090 | RGB 208, 32, 144
  9. Dark Orange: Hex C83200 | RGB 200, 50, 0 (not Farbschlüsselwort dunkelorange)

Dunklere Blautöne stehen für Wichtigkeit, Selbstvertrauen, Macht, Autorität, Intelligenz, Stabilität, Einheit und Konservatismus. Rot ist eine weitere Power-Farbe, aber sie erregt mehr Aufmerksamkeit als Blau. Gelb fügt etwas Helligkeit und Freude hinzu. Die Verwendung gleicher Mengen jeder Farbe würde es kindlich machen (denken Sie an Primärfarben), wie Beispiel Nr. 1. Wenn Sie jedoch nur kleine Dosen von Rot und Gelb (oder nahegelegenen Farben) mit einem hauptsächlich dunkelblauen Farbschema verwenden, ist es ziemlich geeignet für Projekte für Erwachsene, die nicht zu ernst erscheinen sollen.

Empfohlen: