Haupt Grafikdesign So gestalten Sie mit Blau und Komplementärfarben

So gestalten Sie mit Blau und Komplementärfarben



Blau ist eine der am häufigsten im Webdesign verwendeten Farben. 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 einige verschiedene Möglichkeiten, wie Blau mit anderen Farben kombiniert werden kann.

01 von 04

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

Wählen Sie ein Blau und ein Orange für eine zweifarbige Komplementärpalette.

Lifewire / J. Bear

Erwägen Sie eine Kombination blaue Farben mit Orange in a komplementäres Farbschema .

Von den dunkelsten bis zu den hellsten sind die Orangetöne, die mit jedem blauen Farbfeld im obigen Bild gezeigt werden:

  • Sechskant #FFA500 | RGB 255.165,0 (ein goldenes Orange; SVG-Farbschlüsselwort und CSS-Farbschlüsselwort Orange)
  • Hex #FF8000 | RGB 255.128,0 (mittleres Orange)
  • Sechskant #FF4500 | RGB 255,69,0 (orangerot; SVG-Farbschlüsselwort orangered)
  • Sechskant #C83200 | RGB 200,50,0 (ein dunkles Orange)
  • Zahlen: Hex #FF7F27 | RGB 255.127,39 (ein pfirsichfarbenes Orange)

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

    Marine :Hex #000080 | RGB 0,0,128 (CSS-Farbschlüsselwort/SVG-Farbschlüsselwort Marine) Blau:Hex #0000FF | RGB 0,0,255 (CSS/SVG-Farbschlüsselwort ist Blau; browsersichere Farbe)
  1. Hex: #0045FF | RGB 0,69,255 (ein mittleres Blau)
  2. Stahlblau:Sechskant #4682B4 | RGB 70.130.180 (SVG-Farbschlüsselwort Steelblue; ein Unternehmensblau)
  3. Hex: #0080FF | RGB 0,128,255 (ein mittleres Blau)
  4. Hellblau:Hex #ADD8E6 | RGB 173.216.230 (SVG-Farbschlüsselwort Hellblau)

Dunkler Blau Und mittlere Blautöne symbolisieren Bedeutung, Vertrauen, Macht, Intelligenz, Stabilität, Einheit und Konservatismus. Indem Sie etwas Orange zu Ihrer überwiegend dunkelblauen Farbpalette hinzufügen, verleihen Sie etwas Wärme und Energie, die verhindern kann, dass Ihre Farbpalette zu gestelzt oder zu aufdringlich wirkt.

So finden Sie heraus, wie viele Stunden Sie Minecraft gespielt haben

Sie müssen nicht genau diese Farbtöne verwenden. Gehen Sie einen Hauch heller oder dunkler oder gehen Sie im Farbkreis um eine Stelle nach links oder rechts. Diese Farbkombinationen helfen Ihnen, eine passende Farbpalette zu finden, bei der Blau und Orange die Hauptbestandteile sind.

02 von 04

Mischen Sie tiefe Blautöne mit Goldgelb

Wählen Sie einen Gelbton, der zu einem tiefen Blau oder einem violetten Blau passt.

Lifewire / J. Bear

Nehmen Sie dunkle Blautöne bis hin zu fast Lila und fügen Sie als Komplementärfarbschema einen Spritzer Sonnengelb hinzu.

Blau ist eine kühle Farbe, die durch das Hinzufügen violetter Töne zu warm wird, während Gelb eine warme Farbe auf der anderen Seite des Farbkreises ist. Vermeiden Sie die Verwendung gleicher Mengen, um unangenehme Vibrationen zu vermeiden. Beleben Sie Ihr Blau mit einem Spritzer Gelb (oder beruhigen Sie Ihr Gelb mit einem Spritzer Blau).

Vom dunkelsten zum hellsten sind die im obigen Bild mit jedem blauen Farbfeld gezeigten Gelbtöne:

    Cadiumgelb:Hex #FF9912 | RGB 255.153.18 (ein warmes, bräunliches Gelb)Gold:Sechskant #FFD700 | RGB 255.215,0 (SVG-Farbstichwort Gold)
  • Zahlen: Hex #FFFF00 | RGB 255.255,0 (SVG/CSS-Farbschlüsselwort Gelb)

Die Blues sind:

    Sehr dunkelblau:Hex #000033 | RGB 0,0,51 (ein browsersicheres Dunkelblau)Mitternachtsblau:Sechskant #191970 | RGB 25,25,112 (SVG-Farbschlüsselwort Mitternachtsblau)Dunkles Schieferblau:Hex #483D8B RGB 72,61,139 (SVG-Farbschlüsselwort Darkslateblue; ein grau-violettes Blau)Indigo:Sechskant #4B0082 | RGB 75,0,130 (SVG-Farbschlüsselwort Indigo; ein violettes Blau)Blau Violett:Sechskant #8A2BE2 | RGB 138,43,226 (SVG-Farbschlüsselwort Blauviolett)Kobaltblau:Sechskant #3D59AB | RGB 61,89,171

Farben, die in die violett-lila Seite des Blaus vordringen, können einen Hauch von Geheimnis und einen Hauch von Weiblichkeit verleihen. Es verleiht dem kühlen Blau Wärme.

03 von 04

Cyan-Töne mit dunklem Orange

Wählen Sie eine Farbe rund um Cyan und ein warmes rötliches Orange.

Lifewire / J. Bear

So löschen Sie ein Venmo-Konto

Mittleres bis dunkles Cyan ist ein Blau am Rande von Grün. Hier werden verschiedene mittlere Blau- und Cyan-Töne mit dunkelbraun-orangen Farbtönen kombiniert.

Zusätzlich zu seinen beruhigenden Eigenschaften könnte dieser dunklere Blauton die Symbolik von Grün in sich tragen, beispielsweise Gleichgewicht, Harmonie und Stabilität. In Kombination mit bräunlichen oder rötlichen Orangetönen erhält es etwas Wärme und Energie. Braun ist eine natürliche, bodenständige neutrale Farbe. Rot und Cyan sind Gegensätze im Farbkreis mit hohem Kontrast, aber sie sind nicht unbedingt eine tolle Kombination. Der Wechsel von Rot zu Orange und dunkleren Blautönen sorgt für eine angenehmere Farbpalette.

Vom dunkelsten zum hellsten sind die Rot-Orange-Farbtöne, die mit jedem blauen Farbfeld im obigen Bild gezeigt werden:

    Tiefes Orangerot:​Hex #CD3700 | RGB 205,55,0Cadmiumorange:​Hex #FF6103 | RGB 255,97,3
  • Zahlen: Red Hex #FF0000 | RGB 255,0,0 (SVG/CSS-Farbschlüsselwort Rot)

Die Blues sind:

    Dunkles Königsblau:Sechskant #27408B | RGB 39,64,139Tiefes Himmelblau:Sechskant #00688B | RGB 0,104,139 ( nicht Farbstichwort deepskyblue)Dunkles Schieferblau:Hex #2F4F4F RGB 47,79,79 ( nicht Farbstichwort Darkslateblue)Dunkles Cyan:Sechskant #008B8B | RGB 0,139,139 (die grünere Seite von Blau)Manganblau:Sechskant #03A89E | RGB 3.168.158 (eine blau-türkise Farbe)Cyan (Aqua):Hex #00FFFF | RGB 0,255,255 (SVG-Farbschlüsselwort Cyan oder Aqua; eine blaugrüne Farbe)
04 von 04

Blau, Rot und Gelb

Blau, Rot, Gelb und ihre blauen Ergänzungen

Lifewire / J. Bear

Eine geteilte komplementäre Triade nimmt eine Farbe (in diesem Fall Blau) und erfasst dann die Farben auf beiden Seiten des Komplementärs dieser Farbe (entgegengesetzte Farbe im Farbkreis). Die Ergänzung zu reinem Blau ist reines Gelb. Mittelblau steht im Gegensatz zu Orange. 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. Marine: Hex #000080 | RGB 0,0,128
  2. Hellrot: Hex #FE0004 | RGB 254,0,4
  3. Sonniges Gelb: Hex #FFFB00 | RGB 255.251,0
  4. Dunkles Schieferblau: Hex #483D8B RGB 72,61,139 (SVG-Farbschlüsselwort dunkles Schieferblau; ein grau-violettes Blau)
  5. Gold: Sechskant #FFD700 | RGB 255.215,0 (SVG-Farbstichwort Gold)
  6. Chartreuse : Hex #7FFF00 | RGB 127.255,0
  7. Dunkles Cyan: Sechskant #008B8B | RGB 0,139,139 (die grünere Seite von Blau)
  8. Violett-Rot: Sechskant #D02090 | RGB 208,32,144
  9. Dunkelorange: Sechskant #C83200 | RGB 200,50,0 ( nicht Farbstichwort dunkelorange)

Dunklere Blautöne stehen für Bedeutung, Selbstvertrauen, Macht, Autorität, Intelligenz, Stabilität, Einheit und Konservatismus. Rot ist eine weitere kraftvolle Farbe, erregt jedoch mehr Aufmerksamkeit als Blau. Gelb sorgt für etwas Helligkeit und Freude. Die Verwendung gleicher Mengen jeder Farbe würde es kindlich wirken lassen (denken Sie an Primärfarben), wie Beispiel Nr. 1. Wenn Sie jedoch nur kleine Dosen von Rot und Gelb (oder benachbarten Farben) mit einem überwiegend dunkelblauen Farbschema verwenden, eignet es sich gut für Projekte für Erwachsene, die nicht angezeigt werden sollenzuernst.

Farbfelder in Blau und anderen Farben mit Hexadezimalzahlen

Lifewire / Marina Li

wie lange archiviert twitch videos

Interessante Artikel

Tipp Der Redaktion

So verwenden Sie den geteilten Bildschirm auf Surface Pro
So verwenden Sie den geteilten Bildschirm auf Surface Pro
Jedes Windows-Gerät verfügt über die Split-Screen-Option, einschließlich Surface Pro. Sie benötigen keine Drittanbieteranwendung, um Ihren Bildschirm unter Windows-Betriebssystemen zu teilen. Tatsächlich ist die Split-Screen-Funktion unter Windows 10 sehr robust und
So klonen oder erstellen Sie Kopien von Entwürfen in Google Mail
So klonen oder erstellen Sie Kopien von Entwürfen in Google Mail
Neulich wurde mir eine Frage gestellt, als ich jemandem zeigte, wie man Google Mail verwendet, und es war nicht das erste Mal, dass ich es hörte. Die Frage lautete: 'Wie erstelle ich Kopien von Entwürfen in Google Mail?'
So finden Sie das Erstellungsdatum Ihres Google Mail- oder Google-Kontos
So finden Sie das Erstellungsdatum Ihres Google Mail- oder Google-Kontos
Google sammelt online viele Informationen über seine Nutzer und deren Aktivitäten. Die meisten Leute, die ein Google-Konto haben, wissen, dass das Unternehmen Informationen sammelt, aber die meisten von uns wären erstaunt, wenn sie herausfinden würden, wie umfangreich diese sind
Ändern Sie die Zeit so, dass nach dem Ausschalten der Anzeige in Windows 10 eine Anmeldung erforderlich ist
Ändern Sie die Zeit so, dass nach dem Ausschalten der Anzeige in Windows 10 eine Anmeldung erforderlich ist
So ändern Sie die Zeit, um eine Anmeldung nach dem Ausschalten der Anzeige in Windows 10 zu erfordern Wie Sie vielleicht bemerkt haben, haben Sie beim Ausschalten Ihres PC- oder Laptop-Displays im Ruhezustand etwas Zeit, um schnell dorthin zurückzukehren, wo Sie ohne Eingabe gegangen sind Ihr Passwort und andere Anmeldeinformationen. Windows 10 reserviert a
Veröffentlichungsdatum von For Honor UK, News-Trailer und Hands-on: Closed Beta startet dieses Wochenende
Veröffentlichungsdatum von For Honor UK, News-Trailer und Hands-on: Closed Beta startet dieses Wochenende
24.01.2017: Die geschlossene Beta von For Honor startet dieses Wochenende und läuft vom 26. bis 29. Januar für PS4, Xbox One und PC. Wenn Sie das Spiel frühzeitig kennenlernen möchten, müssen Sie sich registrieren
So löschen Sie alle ungelesenen E-Mails in Outlook
So löschen Sie alle ungelesenen E-Mails in Outlook
Obwohl viele Leute Outlook als etwas altmodischer betrachten als andere E-Mail-Clients, gibt es immer noch Millionen, die es täglich verwenden. Dies gilt insbesondere für Unternehmen, da Outlook eine Vielzahl von Möglichkeiten bietet
So beheben Sie einen HTTP 400-Fehler in Roblox
So beheben Sie einen HTTP 400-Fehler in Roblox
Ein neues Spiel in Roblox zu erstellen ist nicht einfach, besonders wenn Sie immer wieder unspezifische Fehlermeldungen erhalten. Dies kann besonders frustrierend sein, da Fehler wie ein HTTP 400 verschiedene Ursachen haben können. Glücklicherweise gibt es ein paar verschiedene Ansätze