Zu Hauptinhalten gehen

Blau

Alles, was du über Blau wissen musst, um dein nächstes Design zu inspirieren.

Farbpalette abrufen

Wähle eine Farbe aus

Hex

RGB

HSB

HSL

Paletteneinstellungen wählen

Benutzerdefinierte Paletten

Blau ist eine der drei Grundfarben im RGB-Farbmodell und kann im CMYK-Farbmodell durch die Kombination von Cyan und Magenta erzeugt werden. Blau steht für Ruhe und Gelassenheit und spiegelt das Erscheinungsbild des Himmels und großer Gewässer wider. Designer können die vielen Nuancen und kühlen Töne von Blau nutzen, um eine Vielzahl von Emotionen hervorzurufen, von Gelassenheit bis Melancholie.

color Blaucolor Blau

Blau wird durch die folgenden Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.

  • HEX-Code: #0000FF
  • RGB-Wert: 0 % Rot, 0 % Grün und 100 % Blau

Barrierefreiheit spielt eine entscheidende Rolle bei der Farbwahl im UX- und UI-Design. Die Figma-Community bietet Plugins an, mit denen du sicherstellen kannst, dass deine Designs den Web Content Accessibility Guidelines entsprechen.

Hier sind einige Möglichkeiten, Blau in deinen Designs zu verwenden:

  • Vertrauen vermitteln. Die Farbe Blau wird oft mit Stabilität, Vertrauen und Professionalität assoziiert. Verwende sie in Designs für Unternehmen, Banken und andere Institutionen, die du als zuverlässig oder beruhigend präsentieren möchtest.
  • Ruhe fördern. Setze Blau strategisch ein, um Nutzer zu entspannen. Tools wie Zoom und Smartsheet nutzen Blautöne, um in Arbeitsumgebungen Fokus und Produktivität zu fördern.
  • Visuelle Hierarchie schaffen. Nutze verschiedene Blautöne, um eine visuelle Hierarchie zu erzeugen. Helle Blautöne lenken die Aufmerksamkeit auf wichtigere Elemente wie Buttons und Überschriften.

Bedenke, dass Farbe und ihre Bedeutung je nach Kultur und Kontext variieren können. Wenn du für ein internationales Publikum gestaltest, informiere dich über die Farbsymbolik in den jeweiligen Regionen.

Für Variationen innerhalb des gleichen beruhigenden, professionellen Spektrums wie Blau, ziehe in Betracht:

  • Schieferblau (#5B7C99) ist eine dezente Alternative für professionelle Anwendungen mit seinem gedämpften, graublauen Ton.
  • Puderblau (#B6D0E2) ist eine Option für Designer, die tiefer in den beruhigenden Aspekt von Blau eintauchen möchten und einen zarteren Farbton suchen.
  • Zerulean (#2A52BE) ist ein etwas lebhafterer Blauton, wie der Himmel an einem sonnigen Tag, aber dennoch zurückhaltend genug für geschäftliche Anwendungen.
  • Türkis (#40E0D0) neigt mehr zur Welt des Grüns, behält aber die entspannten, gedämpften Gefühle des klassischen Blaus bei.

Die Verwendung von neutralen Tönen wie Weiß oder Grau ist eine clevere Wahl, wenn du möchtest, dass die volle Wirkung der Farbe Blau in deinen Designs zur Geltung kommt. Um dein Design etwas aufzupeppen, setze Komplementärfarben wie Orange ein. Du könntest auch in Betracht ziehen:

  • Beige (#EDE8D0) bietet einen warmen Ton, der angenehm kontrastiert, aber Blau als Hauptaugenmerk lässt.
  • Marineblau (#000080) ist ein dunklerer Farbton, der das klassische Blau ergänzt und deiner blauen Farbpalette zusätzliche Tiefe verleiht.
  • Pfirsich (#FFD3AC) harmoniert gut mit Blau, um ein warmes Gefühl von Komfort und Ruhe zu erzeugen.
  • Gelb (#FFFF00) bringt Leben in deine blauen Designs und dient als fröhliche Farbe, die kontrastiert und Lebendigkeit hinzufügt.
  • Silber (#C4C4C4) ist eine metallische Farbe mit kühlen Untertönen, die gut als Akzent in blauen Designs funktioniert und Eleganz verleiht.

Weitere Farben, die in Betracht gezogen werden sollten, sind Lavendel, das deiner blauen Farbpalette Tiefe und Raffinesse verleiht. Eine weitere Option ist Senf, das einen Farbtupfer hinzufügt, der nicht so lebhaft und laut ist wie klassisches Gelb.

Obwohl Blau sehr anpassungsfähig ist, kann es mit folgenden Farben kollidieren:

  • Rot (#FF2C2C) kann überwältigend wirken, wenn es nicht sorgfältig mit Blau ausbalanciert wird.
  • Braun (#895129) scheint gut zu passen, aber seine warmen Töne ergänzen nicht immer die Kühle von Blau.
  • Limettengrün (#89F336) und andere stark gesättigte Farben können mit Blau kollidieren, besonders in großen Designs.
  • Mintgrün (#ADEBB3) ist ein weiterer Grünton, der sich nicht gut mit Blau mischt; er kann in vielen Kontexten zu dominant wirken.
  • Gold (#EFBF04) kann mit Blau kollidieren, wenn es nicht sparsam als Akzent verwendet wird.

Innerhalb der Farbtheorie steht Blau für Harmonie und Gelassenheit. Menschen greifen auf Blau zurück, um in professionellen Umgebungen ein Gefühl von Sicherheit und Zuverlässigkeit zu schaffen. Allerdings variiert die Bedeutung von Blau zwischen den Kulturen. Die alten Griechen sahen es als Farbe, die die Götter und den Himmel symbolisiert. Indigene Völker in den Vereinigten Staaten betrachten es weiterhin als Symbol für Weisheit, Spiritualität und Heilung.

Blau, das mit dem Himmel und dem Ozean assoziiert wird, ruft Gefühle von Ruhe und Entspannung hervor. Diese Emotionen helfen, Blau mit zusätzlichen Gefühlen von Vertrauen und Sicherheit zu verbinden. Designer verwenden Blau häufig, um Stress abzubauen, wie in Krankenhäusern und Büros.

Designer integrieren Blau auch, wenn sie die Betrachter entspannen möchten. Da es dem Betrachter ein Gefühl von Vertrauen und Stabilität vermitteln kann, ist Blau eine ausgezeichnete Wahl, wenn es darum geht, eine Unternehmensmarke und -identität zu schaffen.

Die Farbe Blau leitet ihren Namen vom altfranzösischen Wort „bleu“ ab, das aus der indogermanischen Sprache stammt. Die Wurzel „bhel“ bedeutete ursprünglich „leuchten“. In prähistorischen Zeiten stellten antike Zivilisationen das Pigment aus Mineralien wie Lapislazuli und Azurit her.

Die alten Ägypter verwendeten die Farbe Blau intensiv und betrachteten sie als Symbol des Göttlichen. Die altägyptische Zivilisation nutzte Blau so weitreichend, dass sie einen Farbton erfanden, den wir weiterhin als ägyptisches Blau bezeichnen; die Ägypter synthetisierten die Farbe aus Siliziumdioxid, Kalk, Kupfer und Alkali. Sie verwendeten es in Kunst, Schmuck, Kosmetik und zum Bemalen der Außenseiten der Pyramiden. Auch die alten Griechen schätzten die Farbe Blau und integrierten sie in Kunst und Architektur.

Im Mittelalter und in der Renaissance wurde Blau mit Königtum assoziiert. Das Pigment war selten und kostspielig, was es wertvoller machte als einige Edelmetalle, einschließlich Gold. Mit der industriellen Revolution entdeckten Chemiker, wie man synthetische blaue Pigmente herstellt, wodurch die Farbe erschwinglicher wurde.

Farbvarianten

Schattierungen

Tönungen

Töne

Farbtöne

Farbharmonien

Komplementär

Gespalten

Monochromatisch

Analog

Triadisch

Quadratisch

Eigene Paletten

Azure Echo

Sternennacht

Traumweber

Kontrastprüfer

Kontrast 8,59

Großer Text

#0000FF

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #0000FF Text auf einem #FFFFFF Hintergrund.
Kategorie
Bestanden
Bestanden
Bestanden
Bestanden
Bestanden
Bestanden

Kontrast 2,44

Großer Text

#0000FF

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #0000FF Text auf einem #000000 Hintergrund.
Kategorie
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen

Farbsimulationen

Protanopie

Deuteranopie

Tritanopie

Achromatopsie

Die hexadezimale Farbe #0000ff, bekannt als Blau, hat die RGB-Werte R:0, G:0, B:255 und die CMYK-Werte C:100, M:100, Y:0, K:0.

VALUECSS
HEX#0000ff#0000ff
RGB DECIMAL0, 0, 255RGB(0,0,255)
RGB PERCENTAGE0.0, 0.0, 100.0RGB(0.0%,0.0%,100.0%)
CMYK100, 100, 0, 0
HSLHSL(240.0, 100.0%, 50.0%)HSL(240.0, 100.0%, 50.0%)
HSV (OR HSB)240.0°, 100.0, 100.0
WEB SAFE#00255#00255
BINARY00000000, 00000000, 11111111
iOS - SwiftUIColor(red: 0.000, green: 0.000, blue: 1.000)
iOS - UIKitUIColor(red: 0.000, green: 0.000, blue: 1.000, alpha: 1)
Android - ComposeColor(0xFF0000FF)
Farbpalette abrufen