Cyan wird durch folgende Farbwerte definiert, um Konsistenz auf verschiedenen digitalen Plattformen und Geräten zu gewährleisten.
- HEX-Code: #00FFFF
- RGB-Wert: 0 % Rot, 100 % 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, Cyan in deinen Designs zu nutzen:
- Fördere Ruhe. Der erfrischende kühle Ton von Cyan ist ideal für Websites oder Apps, die Entspannung, Produktivität oder geistiges Wohlbefinden fördern.
- Hebe wichtige Elemente hervor. Die Lebendigkeit von Cyan lenkt die Aufmerksamkeit auf wichtige Elemente wie Links, Buttons oder Menüeinträge.
- Vermittle Kreativität und Innovation. Tech-Unternehmen und Marken, die ein jüngeres Publikum ansprechen, nutzen Cyan oft, um Frische zu vermitteln.
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 leuchtend blau-grünen Spektrums wie Cyan, ziehe folgende Farben in Betracht:
- Elektrisches Blau (#00F0FF) ist ähnlich lebendig wie Cyan, tendiert jedoch mehr zu Blau.
- Aqua (#00FFF0) neigt mehr zu Grün, teilt aber den kühlen Ton mit Cyan.
- Türkis (#40E0D0) ist ein ähnlicher blau-grüner Farbton, jedoch grüner und dunkler als Cyan.
Um Cyan zu ergänzen, kombiniere es mit:
- Weiß (#FFFFFF) schafft einen sauberen und luftigen Kontrast, der die Helligkeit von Cyan hervorhebt.
- Marineblau (#000080) verleiht einer monochromen Palette einen Hauch von Eleganz.
- Gelb (#FFFF00) ist eine komplementäre Kombination zu Cyan und erzeugt ein energiegeladenes Gefühl.
- Gunmetal (#353E43) ist ein dunkles Grau, das Cyan einen modernen, dramatischen Effekt verleiht.
- Pastellrot (#FF746C) ist ein sanfter Gegenpol zur Kühle von Cyan und schafft eine auffällige Kombination.
Die Kombination von Cyan mit komplementären Farben wie Magenta und Gelb erzeugt mutige, auffällige Designs. Für etwas Entspannteres kombiniere es mit Blautönen oder neutralen Farben wie Grau und Beige.
Obwohl Cyan leuchtend und kühl ist, kann es mit folgenden Farben im Kontrast stehen:
- Mimosa (#F2B949) ist ein Gelb mit warmen, orangefarbenen Untertönen, das mit der kühlen Natur von Cyan kollidiert.
- Salbei (#BBB791) ist ein gedämpftes Grün, das neben der Helligkeit von Cyan matt wirken kann und wenig Kontrast bietet.
- Maroon (#550000) kann Cyan überlagern und es unausgewogen erscheinen lassen.
- Braun (#895129) kann die Lebendigkeit von Cyan trüben und ein schweres Gefühl erzeugen.
In der chinesischen Kultur ist Cyan eine Glücksfarbe, die mit Hoffnung und Ehre verbunden ist. In der chinesischen Mythologie wird der Azurdrachen (oft in Cyan-Tönen dargestellt) als Wächter des Ostens angesehen und symbolisiert Frühling, Natur und Lebensenergie.
In der Farbpsychologie wird Cyan mit Gelassenheit und geistiger Klarheit assoziiert. Seine kühlen Töne sollen die Konzentration fördern und eine ruhige und fokussierte Atmosphäre schaffen, ideal für Umgebungen, in denen Ruhe und klares Denken angestrebt werden. Die Verbindung der Farbe zu erfrischenden Naturszenen, wie tropischen Gewässern und frostigen Landschaften, hilft, ein Gefühl von Lebendigkeit und Erneuerung zu wecken.
Im UI-Design kann die Lebendigkeit von Cyan die Aufmerksamkeit auf wesentliche Elemente lenken. Seine saubere und moderne Ästhetik passt gut zu zeitgenössischen Designtrends und verleiht digitalen Oberflächen einen frischen, dynamischen Look.
Das Wort „Cyan“ stammt vom altgriechischen Wort „kyanos“, das sich auf ein tiefblaues Mineral bezog, das zur Herstellung von Pigmenten verwendet wurde. Dieses Pigment war wegen seiner satten Farbe begehrt und wurde zur Herstellung luxuriöser blauer Farbstoffe für Textilien und Kunstwerke verwendet.
Der Begriff „Cyan“ zur Beschreibung der Farbe ist relativ neu. Er wurde erstmals 1879 von einem Drucker und Fotografen namens Edward Steichen in der englischen Sprache verwendet. Er nutzte ihn, um eine der Farben in seinem Druck des Sonnenspektrums zu beschreiben. Dies war bedeutend, da es eine klare Unterscheidung zwischen Cyan und der breiteren Kategorie der blau-grünen Farbtöne schuf.
Heute wird Cyan als Primärfarbe im CMYK-Farbmodell für den Druck verwendet. Dieses Modell basiert auf Cyan, Magenta, Gelb und Schwarz, um das Spektrum der gedruckten Farben zu erzeugen.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Cyan Serenity
Neon Earth
Cool Revival
Kontrastprüfer
Kontrast 1,25
- Großer Text
#00FFFF
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Kontrast 16,75
- Großer Text
#00FFFF
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #00ffff, bekannt als Cyan, hat die RGB-Werte R:0, G:255, B:255 und die CMYK-Werte C:100, M:0, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #00ffff | #00ffff |
| RGB DECIMAL | 0, 255, 255 | RGB(0,255,255) |
| RGB PERCENTAGE | 0.0, 100.0, 100.0 | RGB(0.0%,100.0%,100.0%) |
| CMYK | 100, 0, 0, 0 | |
| HSL | HSL(180.0, 100.0%, 50.0%) | HSL(180.0, 100.0%, 50.0%) |
| HSV (OR HSB) | 180.0°, 100.0, 100.0 | |
| WEB SAFE | #0255255 | #0255255 |
| BINARY | 00000000, 11111111, 11111111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 1.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.000, green: 1.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF00FFFF) |
