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.

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.
| 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.
| 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.
| VALUE | CSS | |
|---|---|---|
| HEX | #0000ff | #0000ff |
| RGB DECIMAL | 0, 0, 255 | RGB(0,0,255) |
| RGB PERCENTAGE | 0.0, 0.0, 100.0 | RGB(0.0%,0.0%,100.0%) |
| CMYK | 100, 100, 0, 0 | |
| HSL | HSL(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 |
| BINARY | 00000000, 00000000, 11111111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF0000FF) |


