Azure ist eine ruhige und kühle Farbe, ähnlich einem klaren Himmel. Sie liegt zwischen Blau und Cyan auf dem Farbkreis. Dieser leuchtende Farbton erinnert an das Meer und steht für Gelassenheit. Verwandte Nuancen sind Cerulean und Türkis. Ideal für Designs, die Frische und einen Hauch von Ruhe benötigen!
Azure wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #007FFF
- RGB-Wert: 0,0 % Rot, 49,8 % Grün, 100,0 % 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.
Für Variationen im gleichen Spektrum wie Azure, ziehe folgende Farben in Betracht:
- Himmelblau (#82c8e5): Himmelblau ähnelt Azure mit seinem leichten und luftigen Ton, der den offenen Himmel widerspiegelt. Es teilt eine ähnlich beruhigende und erfrischende Ausstrahlung, ideal um ein Gefühl von Offenheit zu erzeugen.
- Babyblau (#8fd9fb): Babyblau teilt Azures weiche und zarte Qualität. Seine Leichtigkeit und Helligkeit fangen die beruhigende Essenz eines klaren, friedlichen Himmels ein.
- Hellblau (#90d5ff): Hellblau passt zu Azures heller und fröhlicher Erscheinung. Es behält ein ähnliches Maß an Intensität und Klarheit, das an tropische Gewässer unter der Sonne erinnert.
- Puderblau (#b8e3e9): Puderblau bietet eine sanfte, pastellfarbene Version von Azure, die ihre ruhigen und friedlichen Qualitäten bewahrt. Es evoziert die subtilen Töne eines ruhigen Meeres oder eines klaren Himmels bei Dämmerung.
Um Azure zu ergänzen, kombiniere es mit:
- Koralle (#FF8559): Dieser warme Ton hebt die Lebendigkeit von Azure hervor und schafft eine lebendige und energetische Palette, die sowohl erfrischend als auch ausgewogen ist.
- Pfirsich (#FFD3AC): Diese sanfte Farbe bietet einen zarten Kontrast zu Azure und erzeugt eine traumhafte und harmonische Mischung, die an Sonnenuntergangshimmel erinnert.
- Mintgrün (#ADEBB3): Dieses leichte, erfrischende Grün ergänzt Azure mit seinen kühlen Untertönen und verstärkt die Ruhe beider Farben.
- Senfgelb (#FFCE1B): Dieser kräftige, warme Farbton schafft einen auffälligen Kontrast zu Azure und fügt jedem Design Tiefe und Spannung hinzu.
- Marineblau (#000080): Dieses tiefe, satte Blau bietet eine klassische Kombination mit Azure und betont einen eleganten und kohärenten Look.
Während Azure hell, lebendig und an klare Himmel erinnernd ist, kann es mit folgenden Farben im Kontrast stehen:
- Neongrün (#2CFF05): Die intensive Helligkeit von Neongrün kann Azures Ruhe überstrahlen und einen visuell störenden Effekt erzeugen.
- Helles Gelb (#FFED29): Seine hohe Leuchtkraft kann mit Azures Klarheit konkurrieren und zu einem Mangel an Harmonie in einer Palette führen.
- Scharlachrot (#ED2100): Die starke Wärme von Scharlachrot kann einen harten Kontrast zu Azures kühlem Ton schaffen, was zu visueller Disharmonie führt.
- Anthrazit (#4A4A4A): Die schwere, dunkle Natur von Anthrazit kann Azures Lebendigkeit dämpfen und eine unausgeglichene Palette verursachen.
- Rotorange (#FF4B33): Seine warme Intensität kann mit Azures kühlerer Nuance kollidieren, was zu einem Sättigungskonflikt führt, der überwältigend wirken kann.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Elektrischer Sonnenuntergang
Aqua Glut
Neo Wellen
Kontrastprüfer
Kontrast 3,83
- Großer Text
#007FFF
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
Kontrast 5,48
- Großer Text
#007FFF
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #007FFF, bekannt als Azure, hat die RGB-Werte R:0, G:127, B:255 und die CMYK-Werte C:100, M:50, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #007FFF | #007FFF |
| RGB DECIMAL | 0, 127, 255 | RGB(0,127,255) |
| RGB PERCENTAGE | 0.0, 49.8, 100.0 | RGB(0.0%,49.8%,100.0%) |
| CMYK | 100, 50, 0, 0 | |
| HSL | HSL(210.1, 100.0%, 50.0%) | HSL(210.1, 100.0%, 50.0%) |
| HSV (OR HSB) | 210.1°, 100.0, 100.0 | |
| WEB SAFE | #0102255 | #0102255 |
| BINARY | 00000000, 01111111, 11111111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.498, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.498, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF007FFF) |
